.article-takeaway{padding:28px 32px;border-left:3px solid var(--orange);background:#1a2d35;margin:0 0 36px}.article-takeaway p{font-size:1.15rem;line-height:1.75;margin:12px 0 0;color:#f4f4eb}.article-toc{padding:25px 30px;border:1px solid var(--line);margin-bottom:45px}.article-toc strong{font:500 1.25rem var(--display)}.article-toc ol{padding-left:22px;margin:20px 0 0;display:grid;gap:12px}.article-toc a{color:var(--muted);font-size:.9rem;line-height:1.7;text-decoration:none}.article-toc a:hover{color:var(--orange)}.article-prose .prose-section p a{color:#ffb29a;text-decoration:underline;text-underline-offset:4px}.article-prose .table-scroll{max-width:100%;margin-bottom:40px}.article-table{border-collapse:collapse;width:100%;font-size:.85rem;line-height:1.65;min-width:560px}.article-table caption{text-align:left;padding:0 0 18px;font:500 1.25rem var(--display)}.article-table th,.article-table td{text-align:left;padding:17px;border:1px solid var(--line);vertical-align:top}.article-table thead{background:#24383f}.article-table tbody th{font-weight:500;color:#ffb29a}.article-table td{color:var(--muted)}.article-topics{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:45px}.article-topics a{padding:12px 18px;border:1px solid var(--line);border-radius:24px;font-size:.85rem}.article-topics a:hover{border-color:var(--orange);color:var(--orange)}.article-prose .prose-section{scroll-margin-top:35px}.author-line a{text-decoration:underline;text-underline-offset:3px}[data-tool=visibility] .season-table{min-width:580px}[data-tool=visibility] .season-table td{text-align:left;vertical-align:top;max-width:230px;overflow-wrap:anywhere}[data-tool=visibility] input[readonly]{background:#e9eeec}[data-tool=visibility] button:disabled{opacity:.45;cursor:default}@media(max-width:600px){.article-takeaway,.article-toc{padding:22px}.article-takeaway p{font-size:1rem}.article-table th,.article-table td{padding:12px}.article-topics{gap:8px}.article-topics a{padding:10px 14px;font-size:.78rem}}

.article-code{margin:28px 0 0;min-width:0;max-width:100%}.article-code figcaption{font-size:.9rem;color:var(--muted);margin-bottom:12px}.article-code pre{max-width:100%;overflow:auto;background:#0c1a20;border:1px solid var(--line);border-radius:8px;padding:22px;font:14px/1.7 var(--mono);color:#e8f0ee;tab-size:2}.article-code pre:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.article-code code{font:inherit}

.reference-story{padding-top:12px;padding-bottom:34px;scroll-margin-top:110px}
.reference-story-inner{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:44px;padding:clamp(24px,4vw,48px);background:var(--panel);border:1px solid var(--line);border-radius:12px 12px 0 0;align-items:center}
.reference-story-copy h2{font:500 clamp(1.8rem,3.2vw,2.8rem)/1.15 var(--display);letter-spacing:-.035em;margin:20px 0}
.reference-story-copy p,.reference-inset p{color:var(--muted);line-height:1.8}
.reference-story-copy .text-link{display:inline-block;margin-top:16px}
.reference-story .eyebrow,.reference-result .mini-label{line-height:1.8}
.reference-result{padding:30px;border-left:1px solid var(--line)}
.reference-result p{line-height:1.65;color:var(--muted);margin:14px 0 0}
.reference-result .reference-result-number{font:400 1rem var(--mono);color:var(--orange);margin:24px 0 0}
.reference-result-number strong{display:block;font:500 clamp(4.5rem,8vw,7rem)/1.1 var(--display);letter-spacing:-.06em}
.reference-story-links{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;padding:22px clamp(24px,4vw,48px);font-size:.88rem}
.reference-story-links span{color:var(--muted);margin-right:auto}
.reference-story-links a,.reference-inset .text-link{color:var(--orange);text-underline-offset:4px}
.reference-story a:hover,.reference-inset a:hover{text-decoration:underline}
.reference-inset{padding:28px 32px;margin-bottom:48px;border-left:3px solid var(--orange);background:#1a2d35}
.reference-inset h2{font:500 1.55rem/1.3 var(--display);margin:14px 0}
.reference-inset .text-link{display:inline-block;margin-top:6px;font-size:.92rem}
@media(max-width:750px){.reference-story-inner{grid-template-columns:1fr;gap:24px}.reference-result{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.reference-result-number strong{font-size:4.5rem}.reference-story-links{align-items:flex-start;flex-direction:column;gap:16px}.reference-inset{padding:24px}.reference-inset.wrap{width:calc(100% - 40px)}}

.reference-video{max-width:1050px;padding-bottom:64px;scroll-margin-top:110px}
.reference-video-heading h2{font:500 clamp(1.8rem,3vw,2.6rem)/1.2 var(--display);margin:18px 0}
.reference-video-heading p{color:var(--muted);line-height:1.8;margin-bottom:28px}
.reference-video-figure{margin:0}.reference-video-stage{aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 80% 0%,#304952,#14242c 65%);position:relative}
.reference-video-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:18px}
.reference-video-placeholder p{font:400 clamp(1.2rem,3vw,2rem)/1.3 var(--display);margin:0;color:var(--ink)}
.reference-video-placeholder strong{font-weight:500;color:var(--orange)}
.reference-play{display:grid;place-items:center;border:1px solid var(--orange);color:var(--orange);width:56px;height:56px;border-radius:50%;font-size:20px;padding-left:3px}
.reference-video-stage iframe{width:100%;height:100%;display:block;border:0;background:#000}
.reference-video-figure figcaption,.reference-video-privacy,.reference-video-status{font-size:.8rem;color:var(--muted);line-height:1.7;margin:14px 0 0}
.reference-video-privacy a{text-decoration:underline;text-underline-offset:3px}
.reference-video-controls{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:22px}
.reference-video-controls button{border:0;background:none;padding:0;font:inherit;color:var(--orange);cursor:pointer}
.reference-video [hidden]{display:none!important}
.reference-video button:focus-visible,.reference-video iframe:focus-visible{outline:2px solid var(--orange);outline-offset:-4px}
@media(max-width:600px){.reference-video-stage{aspect-ratio:auto;min-height:300px}.reference-video-stage:has(iframe){aspect-ratio:16/9;min-height:0}.reference-video-placeholder{min-height:300px;gap:14px}.reference-video-placeholder .action{font-size:.78rem;padding:14px 18px}.reference-video-heading p{font-size:.94rem}}