:root{--bg:#f4f3ee;--paper:#fffefa;--ink:#263b30;--muted:#6a7869;--line:#dbe2d4;--accent:#426c4f;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:'Avenir Next',Avenir,'Segoe UI',sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible,pre:focus-visible{outline:3px solid #93aa7c;outline-offset:4px}button:disabled{opacity:.35;cursor:default}button:active{transform:translateY(1px)}[hidden]{display:none!important}.deck-header{max-width:1400px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:22px 42px;align-items:center;border-bottom:1px solid var(--line);font-size:12px}.deck-brand{font-size:16px;font-weight:650;text-decoration:none;letter-spacing:-.5px}.deck-brand span{font-size:11px;font-weight:400;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;margin-left:12px;letter-spacing:0}.deck-header>div{display:flex;align-items:center;gap:20px}.deck-header button{border:0;background:none;padding:0;color:var(--muted);font-size:11px}.deck-header button[aria-pressed=true]{color:var(--accent);text-decoration:underline}#deck{max-width:1400px;margin:auto}.slide{padding:44px 60px 85px;min-height:calc(100dvh - 80px);position:relative}.kicker{font:11px var(--mono);letter-spacing:.07em;color:#7b8a70;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.5vw,68px);line-height:1.06;letter-spacing:-2.8px;font-weight:550;margin-bottom:24px}h2{font-size:clamp(30px,3.4vw,47px);line-height:1.14;letter-spacing:-1.7px;font-weight:550;margin-bottom:20px}h3{font-size:23px;font-weight:550;letter-spacing:-.6px;line-height:1.3;margin-bottom:12px}.lede{font-size:20px;max-width:780px;line-height:1.5;color:var(--muted);margin-bottom:28px}.quiet{color:var(--muted);font-size:14px;max-width:450px}.cover{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding-top:40px}.cover-copy .lede{max-width:510px}.hero-road{margin:0;text-align:center;justify-self:end;max-width:330px;width:100%}.hero-road img{display:block;width:100%;border-radius:14px;box-shadow:0 12px 34px #314c211a}.hero-road figcaption{font-size:11px;color:var(--muted);margin-top:13px;text-wrap:balance}.mini-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.mini-tags span{font:11px var(--mono);padding:7px 10px;background:#e7ecdf;border-radius:5px;color:var(--accent)}.pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:17px;margin:42px 0}.pipeline>div{padding:24px 0;border-top:2px solid #9caf8a}.pipeline>div>span{font:12px var(--mono);color:#8a9a7b}.pipeline strong{display:block;font-size:28px;font-weight:500;letter-spacing:-1px;margin:10px 0}.pipeline p{font-size:15px;color:var(--muted);margin:0}.pipeline>b{font-weight:400;font-size:24px;color:#a0af93}.takeaway{padding:22px 25px;background:#e8eedf;border-radius:10px;margin-top:30px;display:flex;align-items:center;gap:35px}.takeaway strong{font-size:20px;font-weight:550;min-width:230px;letter-spacing:-.4px}.takeaway p{margin:0;font-size:15px;color:var(--muted);line-height:1.7}.question-map article{display:grid;grid-template-columns:95px 1fr 190px;align-items:center;gap:27px;padding:24px 0;border-bottom:1px solid var(--line)}.type{font:12px var(--mono);color:var(--accent);letter-spacing:.03em}.question-map h3{font-size:24px;margin-bottom:7px}.question-map p{color:var(--muted);font-size:16px;margin:0}.question-map article>strong{font-size:13px;color:#8b987c;font-weight:500}.footnote,.source{font-size:12px;line-height:1.65;color:var(--muted);margin:23px 0 0}.source a{color:var(--accent)}code{font-family:var(--mono);font-size:.88em}pre{font:14px/1.65 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.type-lessons article{display:grid;grid-template-columns:170px 1fr 1.35fr;gap:28px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}.type-lessons h3{font-size:23px;margin:0;color:var(--accent)}.type-lessons h3 span{display:block;font:13px var(--sans);color:var(--muted);margin-top:6px}.type-lessons article>p{font-size:15px;color:var(--muted);margin:0}.type-lessons pre{font-size:13px;background:#e9efdf;padding:15px;border-radius:8px;line-height:1.6}.score-example strong{font:16px/1.6 var(--mono);display:block;color:var(--accent)}.score-example span{font-size:11px;color:var(--muted);display:block;margin-top:10px}.comparison-wrap{overflow:auto}.comparison{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed;font-size:14px}.comparison th,.comparison td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top}.comparison thead th{font-size:12px;color:var(--muted);font-weight:500}.comparison thead th:first-child{width:19%}.comparison tbody th{font-weight:550}.comparison td{color:var(--muted)}.comparison tr>:last-child{background:#e9efdf;color:var(--accent)}.paired-notes{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:25px}.paired-notes p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:0}.paired-notes strong{color:var(--ink);font-weight:600}.endpoint{font:12px var(--mono);color:var(--accent);margin-bottom:22px;overflow-wrap:anywhere}.wire-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.75fr);gap:28px;align-items:start}.wire-code{background:#2b3a2e;color:#e1e7d5;border-radius:10px;overflow:hidden;min-width:0}.wire-code pre{font-size:13px;line-height:1.65;padding:22px;max-height:370px;min-height:285px;overflow:auto;scrollbar-color:#6a7f5c #2b3a2e}.code-tabs{display:flex;gap:18px;padding:0 20px;background:#354736;overflow:auto}.code-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#b4c6a5;font-size:11px;padding:13px 0;white-space:nowrap}.code-tabs button[aria-selected=true]{border-color:#b2c79d;color:#f1f4e9}.wire-aside img{float:left;width:90px;margin:0 16px 8px 0;border-radius:6px}.wire-aside p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:16px}.wire-aside .secondary{clear:both;display:block;margin-top:22px;border:1px solid #bccaac;background:transparent;padding:10px 13px;border-radius:6px;color:var(--accent);font-size:12px;width:100%}.wire-aside small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.answer-strip{display:flex;gap:45px;margin:25px 0 28px}.answer-strip>div{padding-left:16px;border-left:2px solid #bcccad;min-width:150px}.answer-strip span{font:11px var(--mono);color:#839475;display:block}.answer-strip strong{font:34px var(--mono);font-weight:400;letter-spacing:-1.5px;display:block;margin-top:7px}.response-layout .wire-code pre{min-height:230px;max-height:310px}.response-facts{margin:0}.response-facts dt{font-size:11px;color:var(--muted);margin-bottom:3px}.response-facts dd{margin:0 0 19px;font:20px var(--mono);letter-spacing:-.5px}.response-facts dd:last-child{font:13px/1.7 var(--sans);max-width:250px;letter-spacing:0}.two-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:start;margin-top:30px}.steps{list-style:none;counter-reset:steps;padding:0;margin:0}.steps li{position:relative;padding-left:45px;margin-bottom:25px;counter-increment:steps}.steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:3px;color:#91a080;font:12px var(--mono)}.steps strong{display:block;font-size:20px;font-weight:550;letter-spacing:-.35px;margin-bottom:6px}.steps span{font-size:15px;color:var(--muted);line-height:1.65;display:block}.clock-lesson,.launch-card{background:#e7eddf;padding:28px 30px;border-radius:12px}.clock-lesson h3{font-size:26px;margin:15px 0 25px;line-height:1.3}.clock-lesson>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cbd7be;padding:14px 0;font-size:13px}.clock-lesson>div strong{font:13px var(--mono);color:var(--accent)}.clock-lesson p{font-size:13px;color:#7d8d70;line-height:1.65;margin:17px 0 0}.meaning-table{border-collapse:collapse;width:100%;text-align:left;margin-top:30px}.meaning-table th{font-size:12px;color:var(--muted);font-weight:500}.meaning-table td,.meaning-table th{padding:16px 12px;border-bottom:1px solid var(--line)}.meaning-table td{font-size:14px;color:var(--muted)}.meaning-table td:first-child{font-size:14px;color:var(--accent);width:36%;overflow-wrap:anywhere}.meaning-table td:last-child{font-size:12px;width:24%}.launch-card{margin-top:10px}.launch-card h3{font-size:30px;margin:14px 0}.launch-card p{font-size:14px;color:var(--muted)}.launch{display:block;text-align:center;background:var(--accent);color:#f7f9ef;border-radius:8px;padding:15px;text-decoration:none;font-size:16px;margin:25px 0 18px}.launch:hover{background:#335840}.launch-card .quiet{font-size:11px;text-align:center;margin-bottom:0}.deck-controls{position:fixed;bottom:0;left:0;right:0;z-index:2;display:flex;justify-content:center;align-items:center;gap:17px;padding:15px 24px 18px;background:#f4f3eef2;border-top:1px solid var(--line)}.deck-controls button{background:#e4eadb;border:0;border-radius:6px;color:var(--accent);width:36px;height:31px}.deck-controls select{border:0;background:transparent;font-size:12px;color:var(--ink);max-width:260px}.deck-controls>span{font:11px var(--mono);color:var(--muted)}.deck-controls .keyboard-help{font:10px var(--sans);margin-left:30px;color:#94a087}#deck-progress{position:fixed;bottom:0;height:3px;left:0;background:#698753;z-index:3;transition:width .2s}.speaker-notes{display:none;grid-column:1/-1;background:#fff7dc;border-left:3px solid #c7ad67;padding:15px 20px;font-size:13px;color:#796a45;margin-top:25px}.show-notes .slide:not([hidden]) .speaker-notes{display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#deck-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:10px 16px;font-size:12px;border-radius:6px;display:none;z-index:5}#deck-toast.show{display:block}
@media(max-width:1100px){.slide{padding:30px 35px 90px}.cover{gap:45px}.hero-road{max-width:290px}.deck-header{padding:19px 30px}.type-lessons article{grid-template-columns:135px .9fr 1.25fr;gap:20px}.comparison td,.comparison th{padding:12px;font-size:12px}.two-columns{gap:30px}.meaning-table td{font-size:12px}.wire-code pre{font-size:12px}.pipeline{gap:13px;margin:30px 0}.pipeline strong{font-size:25px}.lede{font-size:18px}.question-map article{grid-template-columns:75px 1fr 145px;gap:20px}}
@media(max-width:720px){.deck-header{padding:15px 18px}.deck-brand span{display:none}.deck-header>div{gap:13px}.deck-header button,.deck-header>div>a{font-size:10px}#fullscreen{display:none}.slide{padding:25px 20px 95px;min-height:calc(100dvh - 62px)}.cover{grid-template-columns:1fr;gap:20px;align-items:start}h1{font-size:43px;letter-spacing:-2px}h2{font-size:32px;letter-spacing:-1.1px}.cover .hero-road{max-width:180px;justify-self:start;display:flex;gap:20px;align-items:center;max-width:none}.hero-road img{width:125px}.hero-road figcaption{text-align:left;font-size:12px;max-width:190px}.cover .lede{font-size:18px}.mini-tags{margin-top:22px}.pipeline{grid-template-columns:1fr auto 1fr;gap:12px}.pipeline>b:nth-of-type(2){display:none}.pipeline>div{padding:17px 0}.pipeline strong{font-size:23px}.pipeline p{font-size:13px}.takeaway{display:block;padding:19px}.takeaway strong{font-size:19px}.takeaway p{font-size:14px;margin-top:10px}.question-map article{grid-template-columns:65px 1fr;gap:15px;padding:20px 0}.question-map article>strong{grid-column:2;font-size:11px}.question-map h3{font-size:21px}.question-map p{font-size:14px}.type-lessons article{grid-template-columns:1fr;gap:12px;padding:20px 0}.type-lessons h3 span{display:inline;margin-left:10px}.type-lessons pre{font-size:12px}.comparison{min-width:610px}.paired-notes,.two-columns,.wire-layout{grid-template-columns:1fr;gap:20px}.paired-notes{margin-top:20px}.wire-code pre{min-height:220px;max-height:340px;font-size:11px;padding:16px}.wire-aside img{width:80px}.wire-aside .secondary{max-width:280px}.answer-strip{gap:20px;justify-content:space-between}.answer-strip>div{min-width:0;padding-left:10px}.answer-strip span{font-size:8px}.answer-strip strong{font-size:28px}.response-facts{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.response-facts dt,.response-facts dd{grid-column:auto;font-size:12px}.response-facts dd{margin-bottom:12px}.steps strong{font-size:18px}.steps span{font-size:14px}.clock-lesson,.launch-card{padding:23px}.meaning-table th:last-child,.meaning-table td:last-child{display:none}.meaning-table td:first-child{font-size:11px;width:47%}.meaning-table td,.meaning-table th{padding:14px 7px}.deck-controls{gap:10px;padding:13px 12px 16px}.deck-controls select{max-width:190px;font-size:11px}.deck-controls .keyboard-help{display:none}.kicker{font-size:10px}.source,.footnote{font-size:11px}}
@media print{.deck-header,.deck-controls,#deck-progress,#deck-toast,.speaker-notes{display:none!important}.slide[hidden],.slide{display:block!important;min-height:0;height:190mm;break-after:page;page-break-after:always;padding:12mm 8mm}.cover{display:grid!important;grid-template-columns:1fr 1fr}.wire-code pre{max-height:120mm}body{print-color-adjust:exact;-webkit-print-color-adjust:exact}.slide:last-child{break-after:auto}@page{size:A4 landscape;margin:8mm}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Keep the whole teaching slide visible on common 720p classroom screens. */
@media(min-width:721px) and (max-height:800px){.slide{padding-top:26px}.kicker{margin-bottom:14px}h2{margin-bottom:16px}.lede{font-size:18px;margin-bottom:20px}.footnote,.source{margin-top:16px}.question-map article{padding:20px 0}.wire-code pre{max-height:300px;min-height:240px}.response-layout .wire-code pre{max-height:260px;min-height:210px}.answer-strip{margin:20px 0}.comparison th,.comparison td{padding-block:13px}.meaning-table{margin-top:22px}.paired-notes{margin-top:20px}}

/* Concrete uses of the three answer types. */
.type-jobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:28px}.type-jobs article{border-top:2px solid #9caf8a;padding-top:18px;min-width:0}.type-jobs h3{font-size:24px;margin:10px 0 14px}.type-jobs p{font-size:14px;color:var(--muted);line-height:1.6}.type-jobs .job-question{font-size:15px;color:var(--ink);margin-bottom:15px}.job-answer{background:#e7eddf;border-radius:9px;padding:15px 18px;min-height:120px}.job-answer>code{font-size:26px;color:var(--accent)}.job-answer p{margin:7px 0 0}.job-answer strong{font-weight:600;color:var(--accent)}.type-jobs h4{font-size:12px;font-weight:600;margin:19px 0 7px}.type-jobs .job-rule{border-top:1px solid var(--line);padding-top:12px;font-size:12px;margin:15px 0 0}@media(min-width:721px) and (max-height:800px){.type-jobs{margin-top:20px;gap:24px}.type-jobs h3{font-size:22px;margin:7px 0 10px}.type-jobs p{font-size:13px}.type-jobs .job-question{font-size:14px}.job-answer{min-height:110px;padding:12px 15px}.type-jobs h4{margin-top:15px}}@media(max-width:720px){.type-jobs{grid-template-columns:1fr;gap:26px;margin-top:20px}.job-answer{min-height:0}.type-jobs article{padding-top:15px}.type-jobs h3{font-size:25px}.type-jobs p{font-size:15px}}

/* Recorded timing overview and the matched image comparison. */
.timing-table-wrap{overflow-x:auto}.timing-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.timing-table th,.timing-table td{border-bottom:1px solid var(--line);padding:10px 16px;vertical-align:middle}.timing-table thead th{font-size:14px;font-weight:500;color:var(--muted)}.timing-table thead th span{font-size:11px;font-weight:400}.timing-table tbody th{font-size:16px;font-weight:550}.timing-table td strong{font:21px var(--mono);font-weight:400;color:var(--accent)}.timing-api,.timing-sample{display:block;font-size:10px;color:var(--muted);margin-top:2px}.timing-missing{font-size:13px;color:var(--muted)}.timing-takeaway{display:flex;gap:20px;align-items:center;margin-top:18px}.timing-takeaway strong{font:26px var(--mono);color:var(--accent);white-space:nowrap}.timing-takeaway p{font-size:13px;color:var(--muted);margin:0;max-width:720px}.timings-slide .lede{font-size:17px;margin-bottom:15px;max-width:1000px}.timings-slide .footnote{font-size:11px;margin-top:12px}.timing-summary-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:60px;margin-top:26px;align-items:center}.latency-chart{margin:0}.latency-chart figcaption{font-size:12px;color:var(--muted);margin-bottom:23px}.latency-row{margin-bottom:25px}.latency-row-heading{display:flex;justify-content:space-between;gap:20px;font-size:17px;margin-bottom:8px}.latency-row-heading strong{font:18px var(--mono);font-weight:400}.latency-track{height:20px;background:#e4e9dc;border-radius:3px;overflow:hidden}.latency-bar{height:100%;background:#abb9a0;border-radius:3px}.latency-bar.luna{background:var(--accent)}.timing-callout{border-left:1px solid var(--line);padding-left:35px}.timing-callout>span{font-size:13px;color:var(--muted)}.timing-callout>strong{display:block;font:80px/1.2 var(--mono);letter-spacing:-4px;color:var(--accent);margin-top:9px}.timing-callout h3{font-size:22px;margin:0 0 18px}.timing-callout p{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:13px}.timing-summary .takeaway{margin-top:20px}.timing-summary .takeaway strong{min-width:210px}
@media(min-width:721px) and (max-height:800px){.timing-table th,.timing-table td{padding:3px 14px}.timings-slide .timing-takeaway{margin-top:10px}.timings-slide .footnote{margin-top:8px}.timing-table td strong{font-size:19px}.timing-table tbody th{font-size:15px}.timings-slide h2{margin-bottom:10px}.timing-summary-layout{margin-top:20px}.timing-summary .takeaway{padding:15px 22px}.timing-summary .footnote{margin-top:12px}}
@media(max-width:720px){.timing-table th,.timing-table td{padding:9px 7px}.timing-table thead th,.timing-table tbody th{font-size:12px}.timing-table td strong{font-size:17px}.timing-api,.timing-sample{font-size:9px}.timing-table thead th span{font-size:9px}.timing-takeaway{align-items:start;gap:12px}.timing-takeaway strong{font-size:22px}.timing-takeaway p{font-size:12px}.timing-summary-layout{grid-template-columns:1fr;gap:20px}.timing-callout{padding-left:20px}.timing-callout>strong{font-size:62px}.latency-row-heading{font-size:15px}.latency-row{margin-bottom:20px}}

/* The full experiment stays readable one comparison at a time. */
.benchmark-controls{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:18px 0}.benchmark-controls label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.benchmark-controls select{font-size:12px;color:var(--ink);border:1px solid #cad4c0;border-radius:5px;background:var(--paper);padding:6px 9px;max-width:250px}.benchmark-scroll{overflow-x:auto}.benchmark-table{border-collapse:collapse;width:100%;text-align:left;table-layout:fixed;font-size:12px;font-variant-numeric:tabular-nums}.benchmark-table th,.benchmark-table td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.benchmark-table thead th{font-size:11px;line-height:1.4;color:var(--muted);font-weight:500}.benchmark-table thead th span{font-size:10px;font-weight:400}.benchmark-table th:first-child{width:19%}.benchmark-table th:nth-child(2){width:8%}.benchmark-table th:nth-child(3){width:6%}.benchmark-table th:nth-child(4),.benchmark-table th:nth-child(5){width:9%}.benchmark-table th:nth-child(6){width:17%}.benchmark-table th:nth-child(7){width:17%}.benchmark-table tbody th{font-weight:550;font-size:14px}.benchmark-table .timing-sample{font:10px/1.4 var(--sans);margin-top:2px}.benchmark-median{font:17px var(--mono);color:var(--accent);background:#e9efdf}.benchmark-missing{color:var(--muted);font:12px var(--sans)}.benchmark-reading{font-size:13px;color:var(--accent);margin:15px 0 0}.benchmark-downloads{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.benchmark-downloads span{font-size:11px;color:var(--muted)}.benchmark-downloads button{font-size:11px;border:1px solid #c8d3be;background:transparent;color:var(--accent);border-radius:4px;padding:5px 10px}.benchmark-caption{font-size:18px;margin:22px 0 10px}.benchmark-caption span{font:11px var(--sans);color:var(--muted);margin-left:12px}.benchmark-variants .benchmark-table td,.benchmark-variants .benchmark-table th{padding-block:6px}.benchmark-variants .benchmark-table .timing-sample{display:inline;margin-left:5px}.benchmark-variants .benchmark-table tbody th{font-size:13px}.benchmark-variants .benchmark-reading{font-size:11px;margin-top:8px}.summary-pair{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:26px}.summary-pair .latency-row{margin-bottom:13px}.summary-pair .latency-row-heading{font-size:14px;margin-bottom:4px}.summary-pair .latency-row-heading strong{font-size:15px}.summary-pair .latency-track{height:10px}.summary-pair .latency-chart figcaption{margin-bottom:16px;font-size:14px;color:var(--ink)}.summary-ratio{font-size:12px;color:var(--muted);margin:15px 0 0}.timing-summary .takeaway strong{font-size:18px;min-width:200px}.timing-summary .takeaway p{font-size:13px}
/* Concepts and lab examples reuse the deck's plain, editorial treatment. */
.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px}.concept-grid article{border-top:2px solid #9caf8a;padding-top:18px;min-width:0}.concept-grid h3{margin:12px 0 14px}.concept-grid p{font-size:15px;color:var(--muted);line-height:1.65}.concept-grid pre{font-size:13px;line-height:1.6;background:#e8eedf;padding:15px;border-radius:7px;margin:20px 0}.concept-grid code{overflow-wrap:anywhere}.concept-grid .concept-example{font-size:13px;color:var(--accent);padding-top:10px}.lab-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;row-gap:25px;margin-top:26px}.lab-grid article{border-top:1px solid #aab99b;padding-top:16px}.lab-grid h3{font-size:23px;margin:8px 0 12px}.lab-grid p{font-size:14px;color:var(--muted);margin-bottom:10px;line-height:1.6}.lab-grid b{font-weight:550;color:var(--ink)}.lab-example{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:30px}.lab-example pre{background:#e8eedf;border-radius:8px;padding:22px;font-size:15px;line-height:1.7;margin-top:14px}.lab-example h3{margin-top:12px}.lab-example p{font-size:14px;color:var(--muted)}
@media(min-width:721px) and (max-height:800px){.timings-slide .lede{margin-bottom:12px}.benchmark-controls{margin:12px 0;gap:17px}.benchmark-controls select{padding:4px 7px}.benchmark-table th,.benchmark-table td{padding-block:6px}.benchmark-table tbody th{font-size:13px}.benchmark-table .benchmark-median{font-size:15px}.benchmark-reading{margin-top:11px;font-size:12px}.benchmark-downloads{margin-top:10px}.benchmark-variants .lede{font-size:15px}.benchmark-variants .benchmark-caption{margin:14px 0 5px;font-size:16px}.benchmark-variants .benchmark-table td,.benchmark-variants .benchmark-table th{padding-block:3px}.benchmark-variants .footnote{font-size:10px}.summary-pair{margin-top:18px;gap:45px}.summary-pair .latency-row{margin-bottom:10px}.summary-pair .latency-row-heading{font-size:13px}.summary-pair .latency-chart figcaption{margin-bottom:13px}.summary-ratio{margin-top:10px;font-size:11px}.timing-summary .takeaway{margin-top:16px;padding:12px 20px}.concept-grid{margin-top:20px;gap:28px}.concept-grid article{padding-top:14px}.concept-grid h3{font-size:22px;margin:10px 0 12px}.concept-grid p{font-size:14px}.concept-grid pre{margin:15px 0;font-size:12px}.concept-grid+.takeaway{margin-top:20px;padding:17px 22px}.lab-grid{margin-top:18px;row-gap:17px}.lab-grid article{padding-top:12px}.lab-grid h3{font-size:22px;margin:6px 0 9px}.lab-grid p{font-size:13px}.lab-example{margin-top:24px}.lab-example pre{font-size:13px;padding:18px}}
@media(max-width:720px){.benchmark-controls{gap:10px}.benchmark-controls label{font-size:11px}.benchmark-controls select{max-width:210px}.benchmark-table{min-width:850px}.benchmark-downloads{gap:8px}.benchmark-caption span{display:block;margin:6px 0 0}.summary-pair,.concept-grid,.lab-grid,.lab-example{grid-template-columns:1fr;gap:24px}.concept-grid p,.lab-grid p{font-size:15px}.concept-grid pre,.lab-example pre{font-size:12px}.summary-pair .latency-row-heading{font-size:15px}.summary-pair .latency-track{height:14px}}
.evidence-link{font-size:11px;margin-left:5px}.benchmark-table .metric-problem{color:#9a4e32;font-weight:600}
@media(min-width:721px) and (max-height:800px){.benchmark-table th,.benchmark-table td{padding-block:5px}.benchmark-table .timing-sample{display:inline;margin-left:6px;font-size:9px}.benchmark-table tbody th{font-size:12px}.benchmark-variants .benchmark-table th,.benchmark-variants .benchmark-table td{padding-block:2px}.timing-summary .lede{max-width:1150px;font-size:17px}.summary-pair .latency-row{margin-bottom:7px}.summary-pair .latency-chart figcaption{margin-bottom:8px}.timing-summary .footnote{font-size:11px}}
@media(min-width:721px) and (max-height:800px){.benchmark-variants .benchmark-caption{margin-top:10px}}