body .reel{display:flex;flex-wrap:wrap;margin:var(--space-m) 0;padding:var(--space-2xs);background:var(--ink-bitumen);border-block:.45rem solid transparent;border-image:repeating-linear-gradient(90deg,var(--ink-bone) 0 .45rem,var(--ink-bitumen) .45rem .95rem) 1}body .reel__frame{flex:1 1 5.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-block-size:3rem;margin:var(--space-2xs);padding:var(--space-2xs);background:var(--ink-putty);color:var(--ink-bitumen);border:1px solid var(--ink-ash-deep);text-decoration:none}body .reel__frame:hover{background:var(--ink-sunbleach)}body .reel__frame:focus-visible{outline:3px solid var(--ink-sunbleach);outline-offset:2px}body .reel__decade{font-family:var(--font-display);font-weight:700;font-size:var(--step-1);line-height:var(--lh-tight)}body .reel__count{font-size:var(--step--2);letter-spacing:var(--track-caps);text-transform:uppercase}body .stub{display:flex;flex-wrap:wrap;gap:var(--space-s);margin:var(--space-m) 0;padding:0}body .stub__item{flex:1 1 8rem;margin:0;padding:var(--space-xs) var(--space-s);border:1px dashed var(--rule);background:var(--surface)}body .stub__n{display:block;margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--step-3);line-height:var(--lh-tight)}body .stub__term{font-size:var(--step--1);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--state-unverified-ink)}body .grid.tapes{margin-bottom:var(--space-xl);gap:var(--space-l)}body .tape{position:relative;display:flex;flex-direction:column;gap:var(--space-xs);padding-left:calc(var(--space-m) + .5rem);scroll-margin-top:var(--space-l)}body .tape:before{content:"";position:absolute;inset-block:var(--space-xs);inset-inline-start:var(--space-xs);inline-size:.35rem;background:var(--tape-tone, var(--ink-ash-deep))}body .tone--screen{--tape-tone: var(--ink-rust-deep)}body .tone--sport{--tape-tone: var(--ink-sunbleach-deep)}body .tone--maker{--tape-tone: var(--ink-ash-deep)}body .tone--news{--tape-tone: var(--ink-bitumen)}body .swatch{display:inline-block;inline-size:.8rem;block-size:.8rem;margin:0 var(--space-2xs) 0 var(--space-3xs);vertical-align:middle;background:var(--tape-tone)}body .decade{font-size:var(--step-2);margin-top:var(--space-xl)}body .decade--sub{font-size:var(--step-1);margin-top:var(--space-l)}body .tape:target{outline:3px solid var(--state-legal-ink);outline-offset:3px}body .tape__label{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-xs);padding-bottom:var(--space-2xs);border-bottom:3px solid var(--tape-tone, var(--x-sub-rule))}body .tape__year{font-family:var(--font-display);font-weight:700;font-size:var(--step-3);line-height:var(--lh-tight);font-variant-numeric:tabular-nums}body .tape__kind{padding:var(--space-3xs) var(--space-xs);background:var(--tape-tone, transparent);color:var(--ink-bone);border:1px solid var(--tape-tone, currentColor);font-size:var(--step--2);font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase}body .tape .card__title{margin:0;font-family:var(--font-display);font-weight:700}body .tape__scene{margin:0;font-size:var(--step-0);line-height:var(--lh-body)}body .tape__line{margin:0;font-size:var(--step--1)}body .tape__tag{font-weight:700;letter-spacing:var(--track-wide);text-transform:uppercase}body .tape__more{font-size:var(--step--1)}body .tape__more>summary{min-block-size:1.5rem;padding-block:var(--space-3xs);cursor:pointer;font-weight:700}body .tape__more dl,body .tape__more ul{margin:var(--space-2xs) 0 0;padding-left:var(--space-m)}body .tape__more dd{margin:0 0 var(--space-2xs)}body .tape__foot{margin:auto 0 0;padding-top:var(--space-xs);border-top:1px dashed var(--rule);font-size:var(--step--1)}body .tape__cover{margin:var(--space-2xs) 0 0;align-self:center;inline-size:min(12rem,75%)}body .tape__cover img{display:block;inline-size:100%;block-size:auto;border:2px solid var(--tape-tone, var(--rule));background:var(--surface)}body .tape__cover figcaption{margin-top:var(--space-3xs);font-size:var(--step--2);text-align:center;color:var(--state-unverified-ink)}body .tape__src{margin-top:var(--space-2xs)}body .tape__src>p{margin:var(--space-2xs) 0 0}body .stamp{display:inline-block;margin:0 var(--space-xs) var(--space-2xs) 0;padding:var(--space-3xs) var(--space-xs);border:2px solid currentColor;font-size:var(--step--2);font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;transform:rotate(-2deg)}body .stamp--ok{color:var(--state-legal-ink)}body .stamp--ask{color:var(--state-unverified-ink)}body .stamp--no{color:var(--state-refused-ink)}@media(prefers-reduced-motion:no-preference){body .reel__frame{transition:background-color .12s ease-out}}body .picks{margin:var(--space-m) 0}body .picks__lead{margin:0 0 var(--space-2xs);font-weight:700}body .picks__list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0;padding:0;list-style:none}body .picks__btn{display:inline-flex;align-items:center;gap:var(--space-xs);min-block-size:2.25rem;padding:var(--space-2xs) var(--space-s);color:var(--text);text-decoration:none;font-weight:700}body .picks__btn:hover{text-decoration:underline}body .picks__btn:active{transform:translateY(1px)}body .picks__n{padding:0 var(--space-2xs);background:var(--ink-bitumen);color:var(--ink-bone);font-size:var(--step--2);font-variant-numeric:tabular-nums}body .howto{display:flex;flex-wrap:wrap;gap:var(--space-m);align-items:flex-start;margin:var(--space-s) 0 var(--space-m)}body .howto__card{flex:1 1 16rem;max-inline-size:22rem}body .howto__list{flex:2 1 18rem;margin:0;padding-left:var(--space-l)}body .howto__list li{margin-bottom:var(--space-2xs)}body .howto__ph{color:var(--state-unverified-ink);font-style:italic}body .marker{display:inline-grid;place-items:center;inline-size:1.4rem;block-size:1.4rem;margin-left:var(--space-2xs);border-radius:50%;background:var(--state-refused-ink);color:var(--ink-bone);font-size:var(--step--2);font-weight:700;vertical-align:middle}body .howto__list .marker{margin:0 var(--space-2xs) 0 0}
