:root{--background:#f7f7f5;--surface:#fff;--surface-soft:#f1f1ed;--text:#171717;--text-soft:#5f5f5f;--border:#deded9;--border-strong:#c7c7c1;--blue:#5b9cf6;--green:#67c47b;--orange:#f28b4b;--yellow:#f1c94d;--purple:#a98af4;--max-width:1120px;--reading-width:820px;--radius:18px}.page__main{color:var(--text);background:var(--background);text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}.page__main img,.page__main svg{max-width:100%;display:block}.page__main a{color:inherit}.shell{width:min(calc(100% - 40px), var(--max-width));margin-inline:auto}.hero{background:radial-gradient(circle at 84% 12%, #5b9cf621, transparent 28%), radial-gradient(circle at 74% 35%, #a98af414, transparent 27%), linear-gradient(180deg, #fff, var(--background));border-bottom:1px solid var(--border)}.hero-inner{padding:96px 0 82px}.eyebrow,.kicker{color:var(--text-soft);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:800}.page__main h1,.page__main h2,.page__main h3,.page__main h4{letter-spacing:-.035em;margin:0;line-height:1.12}.page__main h1{max-width:1000px;font-size:clamp(3rem,7vw,6.4rem);font-weight:780}.page__main h1 span{color:#57575f}.hero-thesis{margin:30px 0 8px;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:650}.hero-description{max-width:850px;color:var(--text-soft);margin:0;font-size:1.08rem}.article{padding:54px 0 100px}.article>section{margin-bottom:76px}.section-heading{max-width:870px;margin-bottom:28px}.section-heading h2{font-size:clamp(2rem,4vw,3.4rem)}.section-heading>p:last-child{color:var(--text-soft);margin-top:12px;font-size:1.05rem}.callout{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--text);border-radius:var(--radius);padding:30px 34px}.callout h2{margin-bottom:10px;font-size:clamp(1.7rem,3vw,2.7rem)}.callout>p:last-child{max-width:880px;color:var(--text-soft);margin-bottom:0;font-size:1.05rem}.workflow{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:34px}.workflow-grid{grid-template-columns:minmax(150px,1fr) 36px minmax(165px,1.1fr) 36px minmax(150px,1fr) 36px minmax(210px,1.25fr);align-items:center;display:grid}.flow-node{border:1px solid var(--border-strong);background:#fff;border-radius:14px;min-height:210px;padding:22px}.flow-node strong{margin-bottom:14px;font-size:1.05rem;display:block}.flow-node p{color:var(--text-soft);margin:7px 0;font-size:.91rem}.flow-arrow{text-align:center;color:var(--text-soft);font-size:1.65rem}.targets{gap:10px;margin-top:16px;display:grid}.target{background:var(--surface-soft);border-radius:9px;padding:10px 12px;font-size:.9rem}.validation-row{border-top:1px dashed var(--border-strong);text-align:center;max-width:660px;margin:28px auto 0;padding-top:26px}.validation-row strong{margin-bottom:5px;display:block}.validation-row p{color:var(--text-soft);margin:0}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;overflow:hidden}.chart-card svg{width:100%;height:auto}.chart-title{font-size:28px;font-weight:750}.chart-description{fill:#666;font-size:18px}.chart-grid{stroke:#ddddda;stroke-width:1px;stroke-dasharray:5 6}.chart-axis{fill:#626262;font-size:16px}.chart-label{fill:#202020;font-size:17px}.chart-legend{fill:#222;font-size:15px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:28px;overflow-x:auto}.article table{border-collapse:collapse;width:100%;min-width:900px;font-size:.94rem}.article caption{border-bottom:1px solid var(--border);color:var(--text-soft);text-align:left;padding:16px 18px;font-size:.84rem}.article th,.article td{border-bottom:1px solid var(--border);vertical-align:top;padding:14px 16px}.article thead th{background:var(--surface-soft);text-align:left;letter-spacing:.025em;font-size:.8rem}.article tbody th{text-align:left;min-width:235px;font-weight:650}.article tbody tr:last-child>*{border-bottom:0}.article tbody tr:hover{background:#fafaf8}.best{font-weight:750}.table-note{color:var(--text-soft);margin:10px 3px 0;font-size:.85rem}.reading-path{max-width:var(--reading-width)}.reading-path h3{margin:38px 0 10px;font-size:1.65rem}.reading-path p{color:#404047;font-size:1.06rem}.deep-dives details{background:var(--surface);border:1px solid var(--border);border-radius:15px;margin:12px 0;overflow:hidden}.deep-dives summary{cursor:pointer;align-items:center;gap:14px;padding:20px 22px;font-size:1.02rem;font-weight:720;list-style:none;display:flex}.deep-dives summary::-webkit-details-marker{display:none}.deep-dives summary:after{content:"+";color:var(--text-soft);margin-left:auto;font-size:1.35rem;font-weight:400}.deep-dives details[open] summary:after{content:"–"}.detail-number{background:var(--surface-soft);width:34px;height:34px;color:var(--text-soft);letter-spacing:.04em;border-radius:50%;flex:0 0 34px;place-items:center;font-size:.72rem;display:grid}.detail-body{max-width:940px;padding:0 24px 28px 70px}.detail-body p{color:#45454c}.detail-body h4{margin:30px 0 10px;font-size:1.2rem}.page__main pre{color:#f4f4f5;background:#151515;border-radius:12px;padding:20px;font-size:.86rem;line-height:1.55;overflow:auto}.page__main code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.metric-grid span{border:1px solid var(--border);background:#fafaf8;border-radius:10px;padding:13px 14px;font-size:.88rem}.dependency-flow{gap:7px;margin:20px 0;display:grid}.dependency-step{border:1px solid var(--border);background:#fafaf8;border-radius:10px;padding:12px 15px}.dependency-arrow{color:var(--text-soft);padding-left:18px}.closing-note{max-width:var(--reading-width);color:var(--text-soft);margin-top:24px;font-size:.9rem}@media (width<=950px){.workflow-grid{grid-template-columns:1fr;gap:10px}.flow-arrow{transform:rotate(90deg)}.flow-node{min-height:0}}@media (width<=720px){.shell{width:min(calc(100% - 28px), var(--max-width))}.hero-inner{padding:68px 0 58px}.page__main h1{font-size:clamp(2.65rem,13vw,4.7rem)}.article{padding-top:36px}.article>section{margin-bottom:58px}.callout,.workflow,.chart-card{padding:22px}.detail-body{padding:0 18px 22px}.detail-number{display:none}.metric-grid{grid-template-columns:1fr}.chart-description{font-size:14px}.chart-axis,.chart-label,.chart-legend{font-size:13px}}
