/* Migrated public diagrams, scoped to the article and adapted to Project Lab. */
.article-content 500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#091018;--panel:#111e28;--line:#293941;--ink:#eef6f4;--muted:#abbfc7;--accent:#8bf6dc;--blue:#83aaff;--yellow:#e7f47d;--font:'DM Sans',sans-serif}
.article-content a{color:var(--accent);text-underline-offset:5px}
.article-content button, .article-content input{font:inherit}
.article-content button, .article-content a{-webkit-tap-highlight-color:transparent}
.article-content a:focus-visible, .article-content button:focus-visible, .article-content input:focus-visible, .article-content summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
.article-content .wrap{width:min(1160px,calc(100% - 80px));margin:auto}
.article-content .section-label{font-size:13px;letter-spacing:2px;font-weight:700;color:var(--accent)}
.article-content .hero-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px;padding:28px 0;gap:30px}
.article-content .hero-stats strong{font:600 54px/1.3 var(--font);letter-spacing:-2px}
.article-content .hero-stats strong span{font:16px var(--font);letter-spacing:0;margin-left:10px;color:var(--accent)}
.article-content .hero-stats p{font-size:14px;color:var(--muted);margin:8px 0}
.article-content .caption{font-size:14px;color:var(--muted);line-height:1.6}
.article-content .read-link{display:inline-block;margin-top:22px;font-size:15px}
.article-content .section{padding:80px 0;border-top:1px solid var(--line)}
.article-content h2{font:700 clamp(32px,4vw,49px)/1.15 var(--font);letter-spacing:-1.6px;max-width:850px;margin:18px 0 25px}
.article-content h3{font-size:21px;line-height:1.4;margin:0 0 15px}
.article-content .intro{max-width:790px;font-size:20px;color:var(--muted)}
.article-content .chart-panel{padding:32px;background:var(--panel);border:1px solid var(--line);margin-top:32px;border-radius:8px}
.article-content .panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}
.article-content .panel-heading h3{margin:0}
.article-content .unit{font-size:12px;letter-spacing:1px;color:var(--muted)}
.article-content .bar-row{display:grid;grid-template-columns:190px 1fr 60px;gap:20px;align-items:center;margin:23px 0;font-size:15px}
.article-content .track{height:34px;background:#dfe5d6;border-radius:3px;overflow:hidden}
.article-content .bar{height:100%;background:var(--accent);transition:width .35s ease}
.article-content .bar.standard{background:var(--blue)}
.article-content .bar-row b{text-align:right;font-size:20px}
@media(max-width:700px){
.article-content .wrap{width:calc(100% - 36px)}
.article-content .hero-stats{gap:15px;grid-template-columns:1fr}
.article-content .hero-stats>div{display:flex;align-items:center;justify-content:space-between;gap:15px}
.article-content .hero-stats strong{font-size:40px}
.article-content .hero-stats p{max-width:160px}
.article-content .section{padding:55px 0}
.article-content .chart-panel{padding:20px}
.article-content .panel-heading{align-items:flex-start;flex-direction:column;gap:5px}
.article-content .bar-row{grid-template-columns:1fr 55px;gap:8px}
.article-content .bar-row>span{grid-column:1/-1}
.article-content .bar-row .track{height:30px}
.article-content .intro{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
}
.article-content figure{margin:32px 0}
.article-content p{margin:0 0 20px}
.article-content p:last-child{margin-bottom:0}
.article-content code{font-family:Consolas,monospace;font-size:.9em;color:var(--accent);overflow-wrap:anywhere}
.article-content .hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:45px;margin-top:34px}
.article-content .hero-bottom p{max-width:680px;font-size:17px;color:var(--muted);margin:0}
.article-content .hero-bottom a{white-space:nowrap;margin:0}
.article-content .section:first-of-type{border-top:0}
.article-content .prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin:30px 0}
.article-content .prose-grid p{margin:0;color:var(--muted)}
.article-content .narrow{max-width:840px;margin:30px 0;color:var(--muted)}
.article-content .narrow strong{color:var(--ink)}
.article-content .note{background:#e8edda;border-left:3px solid var(--accent);padding:25px 28px;margin-top:32px}
.article-content .note>b{font-size:18px}
.article-content .note p{margin:8px 0 0;color:var(--muted);max-width:950px}
.article-content .diagram-top{display:flex;justify-content:space-between;font-size:13px;letter-spacing:1px;color:var(--muted);margin-bottom:22px}
.article-content .system-map{background:linear-gradient(125deg,#edf0e6,#e7ecd9);padding:32px;border:1px solid var(--line);border-radius:8px}
.article-content .system-nodes{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;gap:7px}
.article-content .system-node{min-width:0;background:#f7f8f3;color:var(--ink);border:1px solid #bcc5ad;border-radius:5px;padding:20px;text-align:left;cursor:pointer;transition:background .2s}
.article-content .system-node:hover{background:#e1e9d1}
.article-content .system-node.active{border-color:var(--accent);background:#d5f552}
.article-content .system-node strong{display:block;font-size:20px}
.article-content .system-node small{display:block;font-size:13px;color:var(--muted);margin-top:6px}
.article-content .node-index{display:block;color:var(--accent);font-size:12px;letter-spacing:1px;margin-bottom:20px}
.article-content .connector{color:var(--accent);font-size:24px;text-align:center}
.article-content .diagram-detail{padding:24px 0;color:var(--muted);min-height:130px;font-size:16px}
.article-content .diagram-detail b{color:var(--ink)}
.article-content .return-path{border-top:1px dashed #bac7ab;display:flex;justify-content:space-between;gap:20px;padding-top:15px;font-size:13px;color:var(--muted)}
.article-content .return-path>span:first-child{color:var(--accent)}
.article-content .two-up{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 0}
.article-content .concept-card{background:var(--panel);padding:30px;border:1px solid var(--line);border-radius:8px}
.article-content .mini-label{font-size:12px;font-weight:600;letter-spacing:1.4px;color:var(--muted);margin-bottom:18px}
.article-content .concept-card h3{font-size:23px}
.article-content .concept-card p{font-size:16px;color:var(--muted)}
.article-content .concept-card p.caption{font-size:14px;color:var(--muted)}
.article-content .precision-demo{display:flex;align-items:center;gap:14px;margin:32px 0;font-size:14px}
.article-content .precision-track{display:flex;gap:3px}
.article-content .precision-track i{display:block;width:17px;height:39px;background:var(--blue);border-radius:2px}
.article-content .precision-track.quantized i{background:var(--accent)}
.article-content .math-mark{font-size:22px;color:var(--muted);margin:0 5px}
.article-content .cache-cells{display:flex;gap:8px;margin:30px 0}
.article-content .cache-cells span{display:grid;place-items:center;border:1px solid #a4b789;background:#e1e9d4;color:var(--accent);height:44px;flex:1;font:18px Consolas,monospace;border-radius:3px}
.article-content .cache-cells span:nth-child(even){color:var(--blue);background:#e3eaf4;border-color:#a9bad5}
.article-content .memory-row{display:grid;grid-template-columns:235px 1fr 70px;gap:22px;align-items:center;margin:22px 0;font-size:14px}
.article-content .memory-track{height:31px;background:#dce2d4;border-right:2px solid #8c9681}
.article-content .memory-track i{display:block;height:100%;background:var(--blue)}
.article-content .memory-track .boost{background:var(--accent)}
.article-content .memory-track .full{background:var(--yellow)}
.article-content .memory-row b{text-align:right;font-size:18px}
.article-content .memory-end{text-align:right;color:var(--muted);font-size:12px;margin-bottom:25px}
.article-content .mtp-panel{border:1px solid #becaa8;border-radius:8px;background:linear-gradient(135deg,#e8eddc,#eef1e6);padding:32px}
.article-content .small-button{border:1px solid #a9bb90;border-radius:4px;background:transparent;color:var(--accent);padding:8px 18px;cursor:pointer;font-size:14px;min-height:44px}
.article-content .small-button:hover{background:#dce7c7}
.article-content .mtp-stage{display:flex;gap:40px;align-items:center;border-block:1px solid #bdcba9;padding:32px 0;margin-bottom:22px}
.article-content .step-counter{font:500 28px var(--font);color:var(--muted);white-space:nowrap}
.article-content .token-line{display:flex;gap:12px;flex-wrap:wrap}
.article-content .token{display:block;padding:10px 20px;border:1px solid #9eb28a;font:20px Consolas,monospace;border-radius:5px;min-width:65px;text-align:center}
.article-content .known{background:#e1e6d8;color:var(--muted)}
.article-content .draft{color:var(--yellow);border-style:dashed}
.article-content .accepted{color:var(--accent);background:#e0edc4}
.article-content .rejected{color:#9b3b20;border-color:#c98973;background:#f4e3dc}
.article-content .corrected{color:var(--blue);border-color:var(--blue);background:#e3ebf5}
.article-content #mtp-explanation{min-height:58px}
.article-content .pull-stat{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:40px}
.article-content .pull-stat>strong{font:600 clamp(40px,6.5vw,78px)/1.2 var(--font);color:var(--accent);letter-spacing:-3px}
.article-content .pull-stat strong span{font-size:34px;margin-left:8px}
.article-content .pull-stat p{color:var(--muted);font-size:18px;margin:0}
.article-content .clock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:38px 0}
.article-content .clock-grid article{border-top:2px solid #a8b5c5;padding-top:20px}
.article-content .clock-grid article>span{font-size:13px;color:var(--accent)}
.article-content .clock-grid h3{margin:12px 0}
.article-content .clock-grid p{font-size:16px;color:var(--muted)}
.article-content .segmented{display:inline-flex;border:1px solid #bfc7b3;border-radius:5px;padding:3px;gap:3px;flex-shrink:0}
.article-content .segmented button{font-size:14px;border:0;border-radius:3px;padding:9px 15px;background:transparent;color:var(--muted);cursor:pointer;min-height:42px;white-space:nowrap}
.article-content .segmented button.selected{color:var(--ink);background:var(--accent);font-weight:700}
.article-content .chart-subheading{display:flex;justify-content:space-between;gap:20px;font-size:14px}
.article-content .chart-subheading>span+span{color:var(--muted);font-size:12px}
.article-content .timing-grid{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 1fr .8fr;gap:28px;margin:30px 0}
.article-content .timing-grid>div>span{display:block;color:var(--muted);font-size:14px;margin-bottom:12px}
.article-content .timing-grid p{display:flex;align-items:center;gap:8px;font-size:18px;margin:0;flex-wrap:wrap}
.article-content .timing-grid strong{color:var(--accent);font:700 29px/1.2 var(--font)}
.article-content .swatch{display:inline-block;width:8px;height:8px;border-radius:2px;flex-shrink:0}
.article-content .swatch:nth-of-type(2){margin-left:10px}
.article-content .swatch.blue{background:var(--blue)}
.article-content .swatch.mint{background:var(--accent)}
.article-content .tuning-row{display:grid;grid-template-columns:340px 1fr 55px;gap:22px;align-items:center;font-size:14px;margin:22px 0}
.article-content .tuning-row>div{height:20px;background:#dfe5d6}
.article-content .tuning-row i{height:100%;display:block;background:#6d8eb4}
.article-content .tuning-row.chosen i{background:var(--accent)}
.article-content .tuning-row.chosen span{color:var(--accent)}
.article-content .tuning-row b{text-align:right;font-size:18px}
.article-content .historical{border-left:2px solid var(--blue);padding:5px 0 5px 28px;margin-top:40px;max-width:920px}
.article-content .historical p{color:var(--muted)}
.article-content .retrieval-map{border:1px solid var(--line);padding:32px;border-radius:8px}
.article-content .document-ruler{height:76px;position:relative;margin-top:66px;border:1px solid #b7c4a5;background:repeating-linear-gradient(90deg,#e1e8d4 0,#e1e8d4 calc(5% - 2px),#b6c7a3 calc(5% - 2px),#b6c7a3 5%)}
.article-content .needle{position:absolute;top:-42px;height:116px;border-left:2px solid var(--accent);padding-left:8px;font-weight:700;color:var(--accent)}
.article-content .needle small{font-size:12px;font-weight:400}
.article-content .needle.n1{left:12.5%}
.article-content .needle.n2{left:50%}
.article-content .needle.n3{left:87.5%}
.article-content .ruler-labels{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;margin:10px 0 25px}
.article-content .ruler-labels>span:last-child{text-align:right}
.article-content .retrieval-results{display:flex;align-items:center;gap:12px;margin:22px 0;flex-wrap:wrap}
.article-content .retrieval-results b{color:var(--accent);background:#e4edcc;padding:6px 14px;border-radius:3px}
.article-content .retrieval-results>span{font-size:15px;color:var(--muted);margin-left:10px}
.article-content .cache-panel{background:#e9edf4;border:1px solid #b8c5d7;border-radius:8px;padding:32px;margin:36px 0}
.article-content .cache-display{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:24px 0}
.article-content .cache-display strong{font:600 clamp(43px,5vw,65px)/1.1 var(--font);letter-spacing:-2px;color:var(--accent);display:block}
.article-content .cache-display strong>span{font:15px var(--font);color:var(--muted);margin-left:13px;letter-spacing:0}
.article-content .cache-display p{margin:16px 0 0;color:var(--muted);font-size:16px;min-height:55px}
.article-content .prefix-blocks{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin:17px 0}
.article-content .prefix-blocks i{height:22px;border:1px solid #9cae88;background:#cedabc;border-radius:2px;transition:background .2s}
.article-content .prefix-blocks.reused i{background:var(--accent);border-color:var(--accent)}
.article-content .prefix-blocks.reused i:last-child{background:#e9eccb;border-color:var(--accent)}
.article-content .cache-total{border-block:1px solid #b8c5d7;display:flex;gap:12px;align-items:center;padding:16px 0;font-size:15px;margin-bottom:20px}
.article-content .cache-total>span{margin-left:auto;color:var(--accent)}
.article-content .cache-flow{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:35px 0}
.article-content .cache-flow>div{background:#e4edcc;border:1px solid #aebd93;padding:20px 24px}
.article-content .cache-flow>div+div{background:#e6ecf5;border-color:#b3c4dc}
.article-content .cache-flow span{display:block;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-size:12px;margin-bottom:10px}
.article-content .cache-flow b{font-size:16px;font-weight:500}
.article-content .wrapper-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 0}
.article-content .wrapper-grid article{padding:28px;background:var(--panel);border-top:2px solid var(--blue)}
.article-content .wrapper-grid article>span{font-size:14px;color:var(--muted)}
.article-content .compare-pair{display:flex;gap:25px;align-items:center;margin:20px 0}
.article-content .compare-pair b{font:600 38px/1.3 var(--font);letter-spacing:-1px}
.article-content .compare-pair small{display:block;font:14px/1.7 var(--font);color:var(--muted);letter-spacing:0}
.article-content .compare-pair>span{color:var(--blue);font-size:26px}
.article-content .wrapper-grid article>p{font-size:15px;color:var(--blue)}
.article-content .workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:36px 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.article-content .workflow-grid article{padding:28px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.article-content .tool-number{display:block;color:var(--accent);font:500 28px var(--font);margin-bottom:32px}
.article-content .workflow-grid p{font-size:16px;color:var(--muted)}
.article-content .table-scroll{overflow-x:auto;margin:35px 0}
.article-content table{width:100%;border-collapse:collapse;min-width:600px;text-align:left;font-size:15px}
.article-content caption{text-align:left;margin-bottom:18px;color:var(--muted);font-size:14px}
.article-content th{font-weight:500;font-size:13px;color:var(--muted);border-bottom:1px solid #adb79f;padding:14px 16px}
.article-content td{padding:18px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.article-content td:first-child{width:28%;font-weight:500}
.article-content td:nth-child(2){width:27%}
.article-content td:last-child{color:var(--muted)}
.article-content .status{color:var(--accent)}
.article-content .status.caution{color:var(--yellow)}
.article-content details{border-top:1px solid var(--line);margin-top:20px}
.article-content summary{padding:22px 4px;cursor:pointer;font-weight:500}
.article-content summary:hover{color:var(--accent)}
.article-content .details-content{padding:0 25px 20px}
.article-content pre{overflow:auto;font-size:14px;background:#e9ede2;padding:22px;border-radius:5px;line-height:1.9}
.article-content .method-list{padding-left:32px;color:var(--muted)}
.article-content .method-list li{margin-bottom:16px}
.article-content .method-list b{color:var(--ink)}
.article-content .sources{margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}
.article-content .sources>p{max-width:850px;color:var(--muted)}
.article-content .download{display:inline-block;margin:5px 0 20px;padding:12px 18px;background:#e5edcc;border:1px solid #b2c194;border-radius:4px;text-decoration:none;font-size:15px}
.article-content .download:hover{background:#d9e6b7}
.article-content .source-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}
.article-content h4{font-size:16px;margin:22px 0 15px}
.article-content .source-grid ul{padding-left:20px;margin:0;font-size:15px;color:var(--muted)}
.article-content .source-grid li{margin:10px 0}
.article-content .closing{padding:70px 0 85px}
.article-content .closing h2{font-size:clamp(38px,5vw,62px)}
.article-content .closing h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}
.article-content .closing p{max-width:820px;color:var(--muted);font-size:19px}
.article-content .closing>a{display:inline-block;margin-top:15px;font-size:15px}
@media(max-width:1000px){
.article-content .system-nodes{grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;gap:4px}
.article-content .system-node{padding:15px}
.article-content .system-node strong{font-size:17px}
.article-content .system-node small{font-size:12px}
.article-content .tuning-row{grid-template-columns:270px 1fr 50px}
.article-content .hero-bottom{align-items:flex-start}
.article-content .hero-bottom a{white-space:normal}
.article-content .workflow-grid{grid-template-columns:1fr 1fr}
.article-content .timing-grid{gap:18px}
.article-content .cache-panel .panel-heading{align-items:flex-start;flex-direction:column}
.article-content .precision-demo{gap:8px}
.article-content .precision-track i{width:12px}
}
@media(max-width:700px){
.article-content .hero-bottom{display:block;margin-top:25px}
.article-content .hero-bottom a{margin-top:20px}
.article-content .prose-grid, .article-content .two-up, .article-content .pull-stat, .article-content .wrapper-grid, .article-content .source-grid{grid-template-columns:1fr;gap:24px}
.article-content .narrow{margin:25px 0}
.article-content .system-map, .article-content .concept-card, .article-content .mtp-panel, .article-content .retrieval-map, .article-content .cache-panel{padding:20px}
.article-content .system-nodes{grid-template-columns:1fr 20px 1fr;gap:10px}
.article-content .system-node{height:135px;padding:16px}
.article-content .system-nodes>.connector:nth-of-type(2){display:none}
.article-content .system-nodes>.connector:nth-of-type(3){grid-column:2;grid-row:2}
.article-content .system-node:nth-of-type(3){grid-column:1;grid-row:2}
.article-content .system-node:nth-of-type(4){grid-column:3;grid-row:2}
.article-content .system-node strong{font-size:18px}
.article-content .system-node small{font-size:13px}
.article-content .node-index{margin-bottom:14px}
.article-content .diagram-top{display:block;font-size:12px}
.article-content .diagram-top>span+span{display:block;margin-top:6px;letter-spacing:0}
.article-content .diagram-detail{min-height:190px}
.article-content .return-path{font-size:12px;display:block}
.article-content .return-path span{display:block}
.article-content .return-path>span+span{margin-top:8px}
.article-content .precision-demo{gap:12px}
.article-content .precision-track i{width:16px}
.article-content .memory-row{grid-template-columns:1fr 65px;gap:8px}
.article-content .memory-row>span{grid-column:1/-1}
.article-content .memory-row b{font-size:17px}
.article-content .memory-track{height:27px}
.article-content .mtp-stage{gap:20px;align-items:flex-start;flex-direction:column}
.article-content .token{font-size:18px;padding:10px 13px;min-width:43px}
.article-content .token-line{gap:8px}
.article-content #mtp-explanation{min-height:120px}
.article-content .pull-stat{gap:20px}
.article-content .pull-stat>strong{font-size:58px}
.article-content .pull-stat p{font-size:17px}
.article-content .clock-grid{grid-template-columns:1fr;gap:24px}
.article-content .clock-grid article{display:grid;grid-template-columns:35px 1fr;gap:7px}
.article-content .clock-grid h3{margin:0}
.article-content .clock-grid p{grid-column:2}
.article-content .segmented{max-width:100%}
.article-content .segmented button{font-size:13px;padding:8px 12px}
.article-content .chart-subheading{display:block}
.article-content .chart-subheading>span{display:block}
.article-content .chart-subheading>span+span{font-size:11px;margin-top:7px}
.article-content .timing-grid{grid-template-columns:1fr;gap:24px}
.article-content .timing-grid>div{display:flex;justify-content:space-between;gap:15px;align-items:center}
.article-content .timing-grid>div>span{margin:0;font-size:13px}
.article-content .timing-grid p{font-size:16px}
.article-content .timing-grid strong{font-size:26px}
.article-content .tuning-row{grid-template-columns:1fr 48px;gap:8px}
.article-content .tuning-row>span{grid-column:1/-1}
.article-content .historical{padding-left:20px}
.article-content .needle{padding-left:5px;font-size:14px}
.article-content .needle small{display:block;font-size:11px}
.article-content .ruler-labels{font-size:11px}
.article-content .ruler-labels>span+span{max-width:170px}
.article-content .retrieval-results>span{margin:4px 0 0}
.article-content .cache-display{grid-template-columns:1fr;gap:28px}
.article-content .cache-display strong{font-size:51px}
.article-content .cache-display strong>span{font-size:14px}
.article-content .cache-display p{min-height:75px}
.article-content .cache-total{flex-wrap:wrap;font-size:14px;gap:8px}
.article-content .cache-total>span{width:100%;margin:0}
.article-content .cache-flow{grid-template-columns:1fr}
.article-content .compare-pair{justify-content:space-between;gap:10px}
.article-content .compare-pair b{font-size:36px}
.article-content .workflow-grid{grid-template-columns:1fr}
.article-content .workflow-grid article{padding:24px}
.article-content .tool-number{font-size:23px;margin-bottom:15px}
.article-content .note{padding:22px}
.article-content .note>b{font-size:17px}
.article-content .note p{font-size:16px}
.article-content pre{padding:16px;font-size:12px}
.article-content .details-content{padding-left:10px;padding-right:10px}
.article-content .method-list{padding-left:23px}
.article-content .closing{padding:45px 0 65px}
.article-content .closing p{font-size:17px}
.article-content .hero-stats>div:last-child p{max-width:160px}
}
.article-content .before-after-panel{margin:34px 0 42px;padding:32px;border:1px solid #bacb98;border-radius:8px;background:linear-gradient(115deg,#eef0e8,#e6edd4)}
.article-content .baseline-pair{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.article-content .baseline-pair article{padding:20px 0}
.article-content .baseline-pair article+article{border-left:1px solid #b8c997;padding-left:36px}
.article-content .baseline-pair strong{font:600 clamp(38px,5.5vw,65px)/1.25 var(--font);letter-spacing:-2px;color:var(--blue)}
.article-content .baseline-pair article+article strong{color:var(--accent)}
.article-content .baseline-pair strong span{font:16px var(--font);letter-spacing:0}
.article-content .baseline-pair p{font-size:15px;color:var(--muted);margin-top:14px}
.article-content .baseline-gains{display:flex;flex-wrap:wrap;gap:10px 25px;padding:20px 0;border-block:1px solid #b8c997;font-size:16px;color:var(--accent)}
.article-content .before-after-panel .table-scroll{margin:25px 0}
.article-content .before-after-panel td:first-child, .article-content .comparison-breakdown td:first-child{width:28%}
.article-content .before-after-panel td:nth-child(2), .article-content .before-after-panel td:nth-child(3){width:21%}
.article-content .before-after-panel td:last-child{color:var(--accent)}
.article-content .before-after-panel td.caution:last-child{color:var(--yellow)}
.article-content .comparison-breakdown{margin:30px 0 45px}
.article-content .comparison-breakdown td:nth-child(2), .article-content .comparison-breakdown td:nth-child(3){width:16%}
.article-content .metric-intro{margin-top:45px}
@media(max-width:700px){
.article-content .before-after-panel{padding:20px}
.article-content .baseline-pair{grid-template-columns:1fr;gap:0}
.article-content .baseline-pair article+article{border-left:0;border-top:1px solid #b8c997;padding-left:0}
.article-content .baseline-pair strong{font-size:52px}
.article-content .baseline-gains{display:grid;font-size:15px;gap:9px}
.article-content .before-after-panel table, .article-content .comparison-breakdown table{min-width:660px}
}
.article-content .width-96-36{width:96.36%}
.article-content .width-98-27{width:98.27%}
.article-content .width-50-3{width:50.3%}
.article-content .width-89-4{width:89.4%}
.article-content .width-85-53{width:85.53%}
.article-content .width-21-5{width:21.5%}
.article-content .width-66-5{width:66.5%}
.article-content .width-54-1{width:54.1%}
.article-content .profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}
.article-content .profile-grid article{border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:6px;padding:22px;background:var(--panel)}
.article-content .profile-grid p{font-size:15px;color:var(--muted)}
.article-content .profile-grid a{font-size:13px;font-weight:600}
.article-content .backend-bar-row{display:grid;grid-template-columns:180px minmax(0,1fr) 75px;gap:16px;align-items:center;margin:16px 0;font-size:13px}
.article-content .backend-bar-row svg{width:100%;height:28px;display:block}
.article-content .backend-bar-row b{font-variant-numeric:tabular-nums;text-align:right}
.article-content .backend-track{fill:#dfe4d7}
.article-content .backend-0{fill:#687a95}
.article-content .backend-1{fill:#375f9a}
.article-content .backend-2{fill:#79922a}
.article-content .october-comparison h4{margin-top:28px}
.article-content .october-comparison table td,.article-content .october-comparison table th{width:auto}
.article-content .october-comparison tbody th{color:var(--ink)}
.article-content [id="strata-workflows"]{scroll-margin-top:28px;margin-top:42px}
.article-content .sources .download{margin-right:12px}
@media(max-width:1100px){.article-content .profile-grid{grid-template-columns:1fr}.article-content .profile-grid article{padding:22px}.article-content .profile-grid h3{margin:12px 0}}
@media(max-width:700px){.article-content .backend-bar-row{grid-template-columns:minmax(0,1fr) 75px;gap:8px}.article-content .backend-bar-row>span{grid-column:1/-1}.article-content .backend-bar-row svg{height:24px}}
@media print{.article-content .october-panel[hidden]{display:block}}