.video{margin:var(--space-block) 0 0;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-raised);max-width:980px;padding:clamp(16px,3vw,28px)}.video__caption{gap:4px;margin-bottom:14px;display:grid}.video__name{color:var(--text);font-weight:600}.video__synthetic{color:var(--text-3);font-size:.8125rem}.video__frame{border:1px solid var(--border);border-radius:var(--radius-md);background:#0c0c12;overflow:hidden}.video__media{aspect-ratio:4/3;width:100%;height:auto;display:block}.video__controls{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.video__controls[hidden]{display:none}.video__toggle{min-width:132px}.video__text{margin-top:14px;font-size:.875rem}.video__text>summary{cursor:pointer;color:var(--text-2);width:fit-content}.video__script{color:var(--text-2);gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.video__script>li{grid-template-columns:7.5em 1fr;gap:4px 12px;display:grid}.video__time{font-family:var(--font-mono);color:var(--text-3);font-size:.8125rem}.video__note{color:var(--text-2);margin-top:12px;font-size:.9375rem}@media (width<=480px){.video__script>li{grid-template-columns:1fr}}.shot{margin:var(--space-block) 0 0;max-width:980px}.section__wide{gap:var(--flow);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.section__wide>.shot{min-width:0;max-width:none;margin:0}@media (width>=1024px){.section__wide{grid-column:1/-1}.section--wide .section__grid>.section-title{position:static}}.shot__caption{gap:4px;margin-bottom:12px;display:grid}.shot__title{color:var(--text);font-weight:600}.shot__demo{color:var(--text-3);font-size:.8125rem}.shot__window{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);width:fit-content;max-width:100%;overflow:hidden}.shot__bar{border-bottom:1px solid var(--border-subtle);background:var(--bg-sunken);font:.75rem var(--font-mono);letter-spacing:.04em;color:var(--text-2);margin:0;padding:6px 12px}.shot--report .shot__window{background:#f6f5ef;border-color:#28200a3d}.shot--report .shot__bar{color:#4f4b41;background:#ebe8df;border-bottom-color:#28200a24}.shot__scroll{overscroll-behavior-x:contain;overflow-x:auto}.shot__scroll:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.shot__pic{display:block}.shot__img{width:auto;max-width:100%;height:auto;margin-inline:auto;display:block}.shot__pic--light{display:none}[data-theme=light] .shot__pic--light{display:block}[data-theme=light] .shot__pic--dark{display:none}.shot__open{margin:8px 0 0;font-size:.8125rem}.shot__open>a{color:var(--text-2);text-underline-offset:2px;text-decoration:underline}.shot__open>a:hover{color:var(--text)}.shot__open--light{display:none}[data-theme=light] .shot__open--light{display:block}[data-theme=light] .shot__open--dark{display:none}.shot__hint{color:var(--text-3);margin:8px 0 0;font-size:.8125rem;display:none}@media (width<=799px){.shot__img{max-width:960px}.shot--wide .shot__hint{display:block}}.chart{--ch-tv:#8ea6ff;--ch-outdoor:#22d3ee;--ch-video:#4ade80;--ch-search:#fbbf24;--ch-base:#4a4a5e;--ch-fact:var(--text-2);--ch-model:var(--accent-lime);margin:var(--space-block) 0 0;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-raised);max-width:980px;padding:clamp(16px,3vw,28px)}[data-theme=light] .chart{--ch-tv:#2c4e9c;--ch-outdoor:#0e7490;--ch-video:#15803d;--ch-search:#9a4d07;--ch-base:#d9d5cb}.section__body>.chart{margin:0}.chart__title{color:var(--text);margin:0 0 14px;font-weight:600}.chart__svg{width:100%;height:auto;display:block;overflow:visible}.chart__facts{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-sunken);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px 20px;margin:0 0 18px;padding:14px 16px;display:grid}@media (width<=600px){.chart__facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.chart__facts>div{align-content:start;gap:4px;display:grid}.chart__facts dt{color:var(--text-2);font-size:.8125rem;line-height:1.35}.chart__facts dd{font-family:var(--font-mono);color:var(--text);margin:0}.chart__facts+.chart__note{margin-top:-6px}.chart__note{color:var(--text-2);margin:0 0 18px;font-size:.875rem}.chart__grid{stroke:var(--border-subtle);stroke-width:1px}.chart__tick,.chart__value{fill:var(--text-3);font:11px var(--font-mono)}.chart__value{fill:var(--text-2);paint-order:stroke;stroke:var(--bg-raised);stroke-width:4px;stroke-linejoin:round}.chart__axis-title{fill:var(--text-3);font:12px var(--font-ui)}.chart__name{fill:var(--text);font:600 13px var(--font-ui)}.chart__inlabel{fill:var(--text);font:13px var(--font-ui)}.chart__curve-label{font:600 13px var(--font-ui)}.c-tv{--c:var(--ch-tv)}.c-outdoor{--c:var(--ch-outdoor)}.c-video{--c:var(--ch-video)}.c-search{--c:var(--ch-search)}.c-base{--c:var(--ch-base)}.c-legend{--c:var(--text-2)}.chart__area{fill:var(--c);stroke:var(--bg-raised);stroke-width:.75px;stroke-linejoin:round}.chart__curve-label{fill:var(--c)}.chart__curve{fill:none;stroke:var(--c);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart__curve.c-outdoor{stroke-dasharray:9 6}.chart__curve.c-video{stroke-dasharray:1 6;stroke-width:3px}.chart__curve.c-search{stroke-dasharray:14 5 3 5}.chart__line{fill:none;stroke-linejoin:round}.chart__line--fact{stroke:var(--ch-fact);stroke-width:1.5px}.chart__line--model{stroke:var(--ch-model);stroke-width:2.25px;stroke-dasharray:6 4}.chart__dot{stroke:var(--c);stroke-width:2.5px}.chart__dot--now{fill:var(--bg-raised)}.chart__dot--after{fill:var(--c)}.chart__whisker{stroke:var(--c);stroke-width:2.5px;stroke-linecap:round}.chart__mark{stroke:var(--c);stroke-width:2.5px}.chart__mark--avg{fill:var(--bg-raised)}.chart__mark--marginal{fill:var(--c)}.chart__one{stroke:var(--text-2);stroke-width:1.5px;stroke-dasharray:4 4}.chart__bar{fill:var(--c)}.chart__bar-before{fill:none;stroke:var(--text);stroke-width:1.5px;stroke-dasharray:5 3}.chart__legend{color:var(--text-2);flex-wrap:wrap;gap:8px 20px;margin:14px 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.chart__legend>li{align-items:center;gap:8px;display:inline-flex}.chart__swatch{background:var(--c);border-radius:3px;flex:none;width:14px;height:14px}.chart__swatch.c-base{border:1px solid var(--text-3)}.chart__keysvg{flex:none;width:30px;height:12px;overflow:visible}.chart__caption{color:var(--text-2);gap:4px;margin-top:16px;display:grid}.chart__demo{color:var(--text-3);font-size:.8125rem}.chart__data{margin-top:14px;font-size:.875rem}.chart__data>summary{cursor:pointer;color:var(--text-2);width:fit-content}.chart__data>.table-wrap{margin-top:12px}@media (width<=600px){.chart__tick,.chart__value{font-size:calc(44px - 5vw)}.chart__axis-title,.chart__name,.chart__inlabel,.chart__curve-label{font-size:calc(46px - 5vw)}}@media (width>=601px) and (width<=767px){.chart__tick,.chart__value{font-size:14px}.chart__axis-title,.chart__name,.chart__inlabel,.chart__curve-label{font-size:16px}}@media (width>=1024px){.section__body .chart__tick,.section__body .chart__value{font-size:14px}.section__body .chart__axis-title{font-size:15px}.section__body .chart__name,.section__body .chart__inlabel,.section__body .chart__curve-label{font-size:16px}}.chart-pop{transform-box:fill-box;transform-origin:50%}.chart--armed:not(.chart--play) .chart-fade{opacity:0}.chart--armed:not(.chart--play) .chart-pop{opacity:0;transform:scale(.4)}.chart--play .chart-fade,.chart--play .chart-pop{transition:opacity .45s var(--ease-out), transform .5s var(--ease-out)}.chart--play .cd1{transition-delay:.15s}.chart--play .cd2{transition-delay:.3s}.chart--play .cd3{transition-delay:.45s}.chart--play .cd4{transition-delay:.9s}.chart--play .cd5{transition-delay:1.4s}.chart--play .cd6{transition-delay:1.6s}.chart--play .cd7{transition-delay:1.9s}@media (prefers-reduced-motion:reduce){.chart--armed:not(.chart--play) .chart-fade,.chart--armed:not(.chart--play) .chart-pop{opacity:1;transform:none}}
