.cs-content>section{scroll-margin-top:6rem}.cs-chapter,.cs-overview,.cs-challenge,.cs-image{padding-inline:0}.cs-video{object-fit:cover;width:100%;height:auto;display:block}.cs-content{--cs-success-bg:#78b4821a;--cs-success-text:#a8d4ad;--cs-success-border:#78b48259;--cs-danger-bg:#c864641a;--cs-danger-text:#d49b9b;--cs-danger-border:#c8646459;--cs-warning-bg:#dcb46e14;--cs-warning-text:#d4be8e;--cs-warning-border:#dcb46e4d}.cs-block{padding:0 0 2rem;scroll-margin-top:6rem}.cs-block:first-child{padding-top:2rem}.cs-content .cs-overview,.cs-content .cs-challenge,.cs-content .cs-design,.cs-content .cs-results{border-bottom:none;padding-top:0;padding-bottom:2rem}.cs-content .cs-overview:first-child,.cs-content .cs-challenge:first-child{padding-top:2rem}.cs-content .cs-overview__grid{grid-template-columns:1fr 1fr}.cs-content .cs-challenge__heading{margin-bottom:1rem;font-size:1.5rem;font-weight:600;line-height:1.25}.cs-content .cs-challenge__body{grid-template-columns:1fr;max-width:48rem;margin-bottom:1.5rem}.cs-block__heading{font-family:var(--font-mono);letter-spacing:-.005em;color:var(--text);margin-bottom:1rem;font-size:1.5rem;font-weight:600;line-height:1.25}.cs-chapter{border-top:1px solid var(--border);margin-top:2rem;padding:4rem 0 2rem}.cs-chapter__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:1rem;font-size:.6875rem}.cs-chapter__heading{font-family:var(--font-mono);letter-spacing:-.015em;color:var(--text);margin-bottom:2.5rem;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;line-height:1}.cs-chapter__body p{font-family:var(--font-mono);color:var(--muted);max-width:44rem;margin-bottom:1.25rem;font-size:.875rem;line-height:1.85}.cs-chapter__body p:last-child{margin-bottom:0}.cs-block__intro{font-family:var(--font-mono);color:var(--muted);max-width:44rem;margin-bottom:2rem;font-size:.875rem;line-height:1.7}.cs-anno-list{margin:0;padding:0;list-style:none}.cs-anno-list li{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--muted);align-items:flex-start;gap:1rem;padding:1rem 0;font-size:.8125rem;line-height:1.7;display:flex}.cs-anno-list li:first-child{border-top:none}.cs-anno-list li strong{font-family:var(--font-mono);color:var(--accent);margin-bottom:.25rem;font-size:1rem;font-style:italic;font-weight:400;display:block}.cs-anno-n{border:1px solid var(--border-2);background:var(--bg-2);width:1.75rem;height:1.75rem;color:var(--accent);font-family:var(--font-mono);flex-shrink:0;justify-content:center;align-items:center;margin-top:.125rem;font-size:.75rem;font-weight:600;display:flex}.cs-decision-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1px;display:grid}.cs-decision-card{background:var(--bg-2);padding:1.75rem;transition:background .2s}.cs-decision-card:hover{background:var(--bg-3)}.cs-dc-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.75rem;font-size:.6875rem}.cs-dc-title{font-family:var(--font-mono);color:var(--text);margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.3}.cs-decision-card p{font-family:var(--font-mono);color:var(--muted);margin:0;font-size:.8125rem;line-height:1.65}.cs-before-after{background:var(--border);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1px;margin-bottom:1.5rem;display:grid}.cs-before-after:last-child{margin-bottom:0}@media (max-width:768px){.cs-before-after{grid-template-columns:1fr}}.cs-ba-card{background:var(--bg-2);flex-direction:column;display:flex}.cs-ba-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--border);padding:.625rem 1.25rem;font-size:.6875rem;font-weight:500}.cs-ba-label.rejected{background:var(--cs-danger-bg);color:var(--cs-danger-text)}.cs-ba-label.final{background:var(--cs-success-bg);color:var(--cs-success-text)}.cs-ba-body{font-family:var(--font-mono);color:var(--muted);flex:1;padding:1.5rem;font-size:.8125rem;line-height:1.7}.cs-ba-body strong{font-family:var(--font-mono);color:var(--accent);margin-bottom:.5rem;font-size:1rem;font-style:italic;font-weight:400;display:block}.cs-quote-block{border-left:2px solid var(--accent);background:var(--bg-2);padding:1.25rem 1.75rem}.cs-quote-block p{font-family:var(--font-mono);color:var(--text);margin:0;font-size:1.125rem;font-style:italic;font-weight:400;line-height:1.6}.cs-compare-header{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.cs-col-label{text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--border);padding:.625rem 0;font-size:.6875rem;font-weight:500}.cs-col-old{background:var(--cs-danger-bg);color:var(--cs-danger-text);border-color:var(--cs-danger-border)}.cs-col-new{background:var(--cs-success-bg);color:var(--cs-success-text);border-color:var(--cs-success-border)}.cs-score-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.cs-col-label--inline{margin-bottom:1rem;display:none}@media (max-width:768px){.cs-score-grid{grid-template-columns:1fr}.cs-compare-header{display:none}.cs-col-label--inline{display:block}}.cs-score-card{background:var(--bg-2);border:1px solid var(--border);padding:1.75rem}.cs-bar-row{margin-bottom:1rem}.cs-bar-row:last-child{margin-bottom:0}.cs-bar-label{font-family:var(--font-mono);color:var(--muted);justify-content:space-between;align-items:baseline;margin-bottom:.375rem;font-size:.8125rem;display:flex}.cs-bar-label span:last-child{font-family:var(--font-mono);color:var(--text);font-size:1.375rem;font-weight:700}.cs-bar-track{background:var(--bg-3);height:4px;overflow:hidden}.cs-bar-fill{height:100%;transition:width .6s}.cs-bar-fill.good{background:#82c98a}.cs-bar-fill.mid{background:#d4b88e}.cs-bar-fill.bad{background:#d49b9b}.cs-insight-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1px;display:grid}.cs-insight-card{background:var(--bg-2);padding:1.5rem 1.75rem}.cs-ic-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.75rem;font-size:.6875rem;font-weight:500}.cs-insight-card p{font-family:var(--font-mono);color:var(--muted);margin:0;font-size:.8125rem;line-height:1.65}.cs-old-site-note{background:var(--bg-2);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:2rem;padding:1.75rem;display:grid}@media (max-width:768px){.cs-old-site-note{grid-template-columns:1fr;gap:1rem}}.cs-issue-row{align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.cs-issue-row:last-child{margin-bottom:0}.cs-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.5rem}.cs-dot-bad{background:var(--cs-danger-text)}.cs-old-issue{font-family:var(--font-mono);color:var(--muted);font-size:.8125rem;line-height:1.65}.cs-old-issue strong{font-family:var(--font-mono);color:var(--accent);margin-bottom:.25rem;font-size:.9375rem;font-style:italic;font-weight:400;display:block}.cs-stack-compare{background:var(--border);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}@media (max-width:768px){.cs-stack-compare{grid-template-columns:1fr}}.cs-stack-col{background:var(--bg-2);flex-direction:column;display:flex}.cs-stack-col-header{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--border);padding:.75rem 1.25rem;font-size:.6875rem;font-weight:500}.cs-stack-col-header.old{background:var(--cs-danger-bg);color:var(--cs-danger-text)}.cs-stack-col-header.new{background:var(--cs-success-bg);color:var(--cs-success-text)}.cs-stack-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;display:flex}.cs-stack-item:last-child{border-bottom:none}.cs-si-name{font-family:var(--font-mono);color:var(--accent);margin-bottom:.25rem;font-size:.9375rem;font-style:italic;font-weight:400}.cs-si-desc{font-family:var(--font-mono);color:var(--muted);font-size:.75rem;line-height:1.6}.cs-si-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.5rem}.cs-si-dot.old{background:var(--cs-danger-text)}.cs-si-dot.new{background:var(--cs-success-text)}.cs-arch-diagram{background:var(--bg-2);border:1px solid var(--border);padding:1.75rem}.cs-arch-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.cs-arch-row:last-child{margin-bottom:0}.cs-arch-node{background:var(--bg-3);border:1px solid var(--border-2);font-family:var(--font-mono);color:var(--text);white-space:nowrap;padding:.5rem 1rem;font-size:.8125rem;font-weight:500}.cs-arch-node.accent{border-color:var(--accent);color:var(--accent);background:0 0}.cs-arch-arrow{color:var(--muted);font-family:var(--font-mono);flex-shrink:0;font-size:1rem}.cs-arch-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);width:100%;margin-bottom:.375rem;font-size:.6875rem;font-weight:500}.cs-tradeoff-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:768px){.cs-tradeoff-row{grid-template-columns:1fr}}.cs-tradeoff-card{border:1px solid var(--border);padding:1.5rem 1.75rem}.cs-tradeoff-card.pro{background:var(--cs-success-bg);border-color:var(--cs-success-border)}.cs-tradeoff-card.con{background:var(--cs-warning-bg);border-color:var(--cs-warning-border)}.cs-tc-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;font-size:.6875rem;font-weight:500}.cs-tradeoff-card.pro .cs-tc-label{color:var(--cs-success-text)}.cs-tradeoff-card.con .cs-tc-label{color:var(--cs-warning-text)}.cs-tradeoff-card ul{margin:0;padding-left:1.25rem;list-style:none}.cs-tradeoff-card ul li{font-family:var(--font-mono);margin-bottom:.5rem;padding-left:.75rem;font-size:.8125rem;line-height:1.7;position:relative}.cs-tradeoff-card ul li:before{content:"—";position:absolute;left:-.5rem}.cs-tradeoff-card.pro ul li{color:var(--cs-success-text)}.cs-tradeoff-card.con ul li{color:var(--cs-warning-text)}.cs-image__placeholder{aspect-ratio:16/9;background:repeating-linear-gradient(45deg, var(--bg-2), var(--bg-2) 10px, var(--bg-3) 10px, var(--bg-3) 20px);border:1px solid var(--border);font-family:var(--font-mono);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex;position:relative}.cs-image__placeholder-label{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-size:.6875rem}.cs-image__placeholder-caption{font-family:var(--font-mono);color:var(--accent);max-width:32rem;font-size:1.125rem;font-style:italic}.art-toc__subwrap{opacity:0;grid-template-rows:0fr;margin:0;transition:grid-template-rows .32s,margin .32s,opacity .24s;display:grid;overflow:hidden}.art-toc__subwrap--open{opacity:1;grid-template-rows:1fr;margin:.5rem 0 1rem}.art-toc__subwrap>.art-toc__sublist{min-height:0}.art-toc__sublist{border-left:1px solid var(--border);margin:0 0 0 1.75rem;padding:0;list-style:none}.art-toc__sublist li{margin:0}.art-toc__sublink{font-family:var(--font-mono);color:var(--muted);letter-spacing:.02em;opacity:0;padding:.35rem 0 .35rem .875rem;font-size:.6875rem;line-height:1.5;text-decoration:none;transition:color .15s,transform .32s,opacity .32s;display:block;transform:translate(-4px)}.art-toc__subwrap--open .art-toc__sublink{opacity:1;transition-delay:80ms;transform:translate(0)}.art-toc__sublink:hover{color:var(--text)}.art-toc__sublink--active{color:var(--accent)}@media (prefers-reduced-motion:reduce){.art-toc__subwrap,.art-toc__sublink{transition:none}}.cs-pill-row{flex-wrap:wrap;gap:.5rem;display:flex}.cs-pill{background:var(--bg-2);border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);padding:.4rem .875rem;font-size:.75rem;transition:color .15s,border-color .15s}.cs-pill:hover{color:var(--accent);border-color:var(--border-2)}@media (max-width:768px){.cs-content .cs-overview__grid{grid-template-columns:1fr;gap:1.5rem}.cs-challenge__constraints{grid-template-columns:1fr}.cs-chapter{padding:3rem 0 1.5rem}.cs-chapter__heading{margin-bottom:1.75rem}.cs-anno-list li{flex-direction:column;gap:.5rem}.cs-arch-diagram{padding:1.25rem}}