body:has(.sf-hd) .op-nav-shelf,body:has(.op-hd) .op-nav-shelf{max-width: none;margin: 0;padding: var(--op-space-5) max(var(--op-gutter),calc((100% - 1200px) / 2 + var(--op-gutter))) 0;background: var(--op-ground-ink)}body:has(.sf-hd) .op-nav-shelf .op-bc,body:has(.sf-hd) .op-nav-shelf .op-bc a,body:has(.op-hd) .op-nav-shelf .op-bc,body:has(.op-hd) .op-nav-shelf .op-bc a{color: var(--op-on-ink);text-decoration: none}body:has(.sf-hd) .op-nav-shelf .op-bc a:hover,body:has(.sf-hd) .op-nav-shelf .op-bc [aria-current],body:has(.op-hd) .op-nav-shelf .op-bc a:hover,body:has(.op-hd) .op-nav-shelf .op-bc [aria-current]{color: var(--op-ink-on-ground)}body:has(.sf-hd) .op-nav-shelf .op-bc,body:has(.op-hd) .op-nav-shelf .op-bc{margin: 0}.sf-hd,.op-hd{margin-inline: calc(50% - 50vw);padding: var(--op-space-6) max(var(--op-gutter),calc((100vw - 1200px) / 2 + var(--op-gutter))) var(--op-space-12);background: var(--op-ground-ink);color: var(--op-ink-on-ground)}.sf-hd__top,.op-hd__top{display: flex;align-items: center;justify-content: space-between;gap: var(--op-space-6);flex-wrap: wrap}.sf-hd__id,.op-hd__id{display: flex;align-items: center;gap: var(--op-space-6);min-width: 0}.sf-hd__month,.op-hd__month{display: flex;align-items: stretch;overflow: hidden;border-radius: var(--op-r-lg);background: var(--op-surface);color: var(--op-ink);box-shadow: 0 10px 30px -12px rgb(0 0 0 / .5)}.sf-hd__step,.op-hd__step{display: flex;align-items: center;justify-content: center;width: 48px;color: var(--op-teal-deep)}.sf-hd__step:hover,.op-hd__step:hover{background: var(--op-page);color: var(--op-teal-deep)}.sf-hd__step.is-off,.op-hd__step.is-off{color: var(--op-border)}.sf-hd__step svg,.op-hd__step svg{width: 20px;height: 20px}.sf-hd__now,.op-hd__now{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;min-width: 150px;margin: 0;padding: 12px 8px;border-inline: 1px solid var(--op-hairline)}.sf-hd__now b,.op-hd__now b{font-size: 22px;line-height: 1.1;font-weight: var(--op-weight-semibold)}.sf-hd__now span,.op-hd__now span{font-size: var(--op-fs-sm);font-weight: var(--op-weight-semibold);color: var(--op-teal-deep)}.sf-hd__cells,.op-hd__cells{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);gap: var(--op-space-6);margin-top: var(--op-space-10)}.sf-hd__cell,.op-hd__cell{margin: 0;padding: var(--op-space-8);border-radius: var(--op-r-lg);background: rgb(255 255 255 / .05);box-shadow: inset 0 0 0 1px rgb(255 255 255 / .09)}.sf-hd__figs,.op-hd__figs{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--op-space-8) var(--op-space-6);align-content: center}.sf-hd__figs > div,.op-hd__figs > div{position: relative;display: flex;flex-direction: column-reverse;justify-content: flex-end;padding-left: var(--op-space-5)}.sf-hd__figs > div::before,.op-hd__figs > div::before{content: "";position: absolute;left: 0;top: 4px;bottom: 4px;width: 2px;background: var(--op-accent-from)}.sf-hd__figs dd,.op-hd__figs dd{margin: 0;font-size: clamp(34px,3vw,46px);line-height: 1.05;font-weight: var(--op-weight-semibold);letter-spacing: -0.03em;font-variant-numeric: tabular-nums}.sf-hd__figs dd.is-teal,.sf-hd__figs dd a,.op-hd__figs dd.is-teal,.op-hd__figs dd a{color: var(--op-accent-from);text-decoration: none}.sf-hd__figs dd a:hover,.op-hd__figs dd a:hover{color: var(--op-accent-from);text-decoration: none}.sf-hd__figs dt,.op-hd__figs dt{order: 2;margin-top: 6px;font-size: var(--op-fs-md);line-height: 1.35;color: var(--op-on-ink)}.sf-hd__tip-h,.op-hd__tip-h{display: flex;align-items: center;gap: 8px;font-size: var(--op-fs-lg);font-weight: var(--op-weight-semibold)}.sf-hd__tip-rank,.op-hd__tip-rank{font-size: var(--op-fs-md);font-weight: var(--op-weight-semibold);color: var(--op-teal-deep)}.sf-hd__tip-row,.op-hd__tip-row{font-size: var(--op-fs-sm);color: var(--op-text-2)}.sf-hd__tip-row b,.op-hd__tip-row b{font-size: var(--op-fs-md);color: var(--op-ink)}.sf-hd__tip-bar,.op-hd__tip-bar{display: block;height: 6px;border-radius: 3px;background: color-mix(in srgb,var(--op-accent-from) 18%,transparent)}.sf-hd__tip-bar i,.op-hd__tip-bar i{display: block;height: 100%;border-radius: 3px;background: var(--op-teal-deep)}.sf-hd__tip-go,.op-hd__tip-go{display: flex;align-items: center;justify-content: space-between;margin-top: 6px;padding: 10px 12px;border-radius: 10px;background: var(--op-teal-deep);color: var(--op-ink-on-accent);font-size: var(--op-fs-sm);font-weight: var(--op-weight-semibold)}.sf-hd__tip-go::after,.op-hd__tip-go::after{content: "";width: 7px;height: 7px;border: solid currentColor;border-width: 2px 2px 0 0;transform: rotate(45deg)}body:has(.sf-hd) .op-nav__ctx,body:has(.op-hd) .op-nav__ctx{position: absolute;left: 0;right: 0;top: 100%;background: var(--op-surface);box-shadow: 0 1px 0 var(--op-hairline),var(--op-elevation-1);transition: transform 220ms cubic-bezier(.2,.8,.2,1),opacity 160ms ease,visibility 0s}body:has(.sf-hd) .op-nav:has(.op-scan[data-now="wait"]) .op-nav__ctx,body:has(.op-hd) .op-nav:has(.op-scan[data-now="wait"]) .op-nav__ctx{opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-8px);transition: transform 220ms cubic-bezier(.2,.8,.2,1),opacity 160ms ease,visibility 0s 220ms}@media (max-width: 959px){.sf-hd__cells,.op-hd__cells{grid-template-columns: minmax(0,1fr)}}@media (max-width: 600px){.sf-hd,.op-hd{padding-block: var(--op-space-5) var(--op-space-8)}.sf-hd__id,.op-hd__id{gap: var(--op-space-4)}.sf-hd__top,.op-hd__top{gap: var(--op-space-5)}.sf-hd__cell,.op-hd__cell{padding: var(--op-space-5)}.sf-hd__figs,.op-hd__figs{gap: var(--op-space-5) var(--op-space-4)}.sf-hd__figs dd,.op-hd__figs dd{font-size: 30px}.sf-hd__now,.op-hd__now{min-width: 120px}.sf-hd__now b,.op-hd__now b{font-size: 18px}}.op-hd{--hd-above: 103px;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;min-height: min(calc(100svh - var(--hd-above)),760px);padding-top: var(--op-space-12);padding-bottom: var(--op-space-16)}.op-hd__id{flex: 1 1 560px}.op-hd__flag{flex: none;display: flex;align-items: center;justify-content: center;width: 104px;height: 80px;border-radius: var(--op-r-lg);background: rgb(255 255 255 / .06);box-shadow: inset 0 0 0 1px rgb(255 255 255 / .12);font-family: var(--op-font-emoji);font-size: 52px;line-height: 1}.op-hd__h1{margin: 0;max-width: 24ch;font-size: clamp(34px,4vw,56px);line-height: 1.04;letter-spacing: -0.03em;font-weight: var(--op-weight-semibold);color: var(--op-ink-on-ground);text-wrap: balance}.op-hd__h1 .op-v2-teal{color: var(--op-accent-from)}.op-hd__cells{margin-top: var(--op-space-16)}.op-hd__cells--one{grid-template-columns: minmax(0,1fr)}.op-hd__figs > div{flex-direction: column;justify-content: flex-start}.op-hd__share{position: relative;display: flex;flex-direction: column;justify-content: center}.op-hd .op-share-bar{padding: 0;background: none;border: 0;border-radius: 0}.op-hd .op-share-bar figcaption{color: var(--op-ink-on-ground)}.op-hd .op-share-bar__track{height: 20px;background: rgb(255 255 255 / .1)}.op-hd .op-share-bar__seg{transition: opacity 160ms ease}.op-hd .op-share-bar__seg + .op-share-bar__seg{box-shadow: inset 2px 0 0 var(--op-ground-ink)}.op-hd .op-share-bar__seg.is-other{background: rgb(255 255 255 / .14)}.op-hd .op-share-bar__key{gap: var(--op-space-3) var(--op-space-6);color: var(--op-on-ink)}.op-hd .op-share-bar__key b{color: var(--op-ink-on-ground)}.op-hd .op-share-bar__key li{transition: opacity 160ms ease}.op-hd .op-share-bar__key li::before{box-shadow: 0 0 0 1px rgb(255 255 255 / .25)}.op-hd .op-share-bar__key li.is-other::before{background: rgb(255 255 255 / .14)}.op-hd .op-share-bar.is-pick .op-share-bar__seg:not(.is-pick){opacity: .35}.op-hd .op-share-bar.is-pick .op-share-bar__key li:not(.is-pick){opacity: .3}.op-hd .op-share-bar.is-live .op-share-bar__seg{cursor: pointer}.op-hd__tip{position: absolute;z-index: 30;display: flex;flex-direction: column;gap: 6px;width: 260px;padding: 16px 18px;box-sizing: border-box;border-radius: var(--op-r-lg);background: var(--op-surface);color: var(--op-ink);text-align: left;box-shadow: 0 20px 40px -16px rgb(0 0 0 / .55);opacity: 0;visibility: hidden;pointer-events: none;transform: translate(-50%,calc(-100% + 6px));transition: opacity 160ms ease-out,transform 200ms cubic-bezier(.2,.8,.2,1),visibility 0s 200ms}.op-hd__tip.is-on{opacity: 1;visibility: visible;pointer-events: auto;transform: translate(-50%,-100%);transition-delay: 0s}.op-hd__tip::before{content: "";position: absolute;left: -12px;right: -12px;top: 100%;height: 12px}.op-hd__tip::after{content: "";position: absolute;left: var(--hd-arrow,50%);top: 100%;margin-left: -8px;border: 8px solid transparent;border-top-color: var(--op-surface)}.op-hd__tip-h{margin: 0}.op-hd__tip-h i{flex: none;width: 12px;height: 12px;border-radius: 3px;background: var(--seg-c,var(--op-band))}.op-hd__tip-go{text-decoration: none}.op-hd__tip-go:hover{background: var(--op-teal-active);color: var(--op-ink-on-accent);text-decoration: none}@media (hover: none){.op-hd__tip{display: none}}@media (max-width: 600px){.op-hd{min-height: 0;padding-top: var(--op-space-8);padding-bottom: var(--op-space-10)}.op-hd__cells{margin-top: var(--op-space-10)}.op-hd__flag{width: 64px;height: 50px;font-size: 32px}.op-hd__h1{font-size: 30px}.op-hd__tip{display: none}}.op-f20{display: flex;flex-direction: column;justify-content: center;gap: var(--op-space-4)}.op-f20__h{margin: 0;font-size: var(--op-fs-lg);line-height: var(--op-lh-heading);font-weight: var(--op-weight-semibold);letter-spacing: 0;color: var(--op-ink-on-ground)}.op-f20__list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column}.op-f20__list li + li{border-top: 1px solid rgb(255 255 255 / .08)}.op-f20__row{display: grid;grid-template-columns: 3rem minmax(0,1fr) minmax(0,6rem) 6.5rem;align-items: center;gap: var(--op-space-4);padding: 12px 0;color: var(--op-ink-on-ground);text-decoration: none}a.op-f20__row:hover,a.op-f20__row:hover b{color: var(--op-ink-on-ground);text-decoration: none}a.op-f20__row:hover .op-f20__name b,a.op-f20__row:focus-visible .op-f20__name b{color: var(--op-accent-from)}a.op-f20__row:focus-visible{outline: 2px solid var(--op-accent-from);outline-offset: 2px;border-radius: 4px}.op-f20__rank{font-size: var(--op-fs-lg);font-weight: var(--op-weight-semibold);color: var(--op-accent-from);font-variant-numeric: tabular-nums}.op-f20__name{display: flex;flex-direction: column;gap: 2px;min-width: 0}.op-f20__name b{font-size: var(--op-fs-md);font-weight: var(--op-weight-semibold);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color 160ms ease}.op-f20__name span{display: flex;align-items: center;gap: 6px;font-size: var(--op-fs-sm);color: var(--op-on-ink)}.op-f20__name span i{flex: none;width: 8px;height: 8px;border-radius: 2px;background: var(--s);box-shadow: 0 0 0 1px rgb(255 255 255 / .25)}.op-f20__bar{display: block;height: 6px;border-radius: 3px;background: rgb(255 255 255 / .1)}.op-f20__bar i{display: block;height: 100%;border-radius: 3px;background: var(--op-accent-from)}.op-f20__n{text-align: right;font-size: var(--op-fs-sm);color: var(--op-on-ink)}.op-f20__n b{font-size: var(--op-fs-md);color: var(--op-ink-on-ground);font-variant-numeric: tabular-nums}.op-f20__more{margin: var(--op-space-2) 0 0;font-size: var(--op-fs-sm);color: var(--op-on-ink)}.op-f20__more a{color: var(--op-accent-from);font-weight: var(--op-weight-semibold);text-decoration: none}.op-f20__more a:hover{color: var(--op-ink-on-ground);text-decoration: none}@media (max-width: 600px){.op-f20__row{grid-template-columns: 2.25rem minmax(0,1fr) auto}.op-f20__bar{display: none}}