:root{color:#17202a;background:#f7f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}a{color:inherit}#app{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(23,32,42,.12);background:#f7f5efeb;padding:.85rem clamp(1rem,4vw,3.5rem);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.75rem;min-width:0;text-decoration:none}.brand-mark{display:grid;width:2.2rem;height:2.2rem;flex:0 0 auto;place-items:center;border:1px solid rgba(23,32,42,.2);background:#17202a;color:#f7f5ef;font-weight:800}.brand strong,.brand small{display:block;line-height:1.1}.brand small{color:#65727c;font-size:.78rem}.nav-links{display:flex;align-items:center;gap:.25rem;overflow-x:auto}.nav-links a{display:inline-flex;min-height:2.35rem;align-items:center;border:1px solid transparent;padding:0 .85rem;color:#3e4a55;font-size:.92rem;font-weight:700;text-decoration:none;white-space:nowrap}.nav-links a:hover,.nav-links a[aria-current=page]{border-color:#1b5b7d4d;background:#e8f0f2;color:#12384a}.hero,.page-hero,.entry-grid,.content-section,.diagram-section,.explain-band{width:calc(100% - 2rem);max-width:1180px;margin:0 auto}.hero{display:grid;min-height:clamp(34rem,72vh,45rem);grid-template-columns:minmax(0,1fr) minmax(18rem,.58fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding:clamp(2.5rem,6vw,5rem) 0 clamp(2rem,5vw,4rem)}.hero-copy,.page-hero>div:first-child{min-width:0}.eyebrow,.section-kicker{margin:0;color:#1b5b7d;font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:.75rem 0 1rem;color:#101820;font-size:clamp(2.5rem,7vw,5.8rem);line-height:.98}h2{margin:.45rem 0 0;color:#101820;font-size:clamp(1.6rem,3vw,2.65rem);line-height:1.08}h3{margin:0 0 .45rem;color:#101820;font-size:1.05rem;line-height:1.25}.lede{margin:0;max-width:46rem;color:#43515d;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.button-row,.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.6rem}.button,.text-link{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border:1px solid #17202a;padding:0 1rem;background:#17202a;color:#fff;font-size:.95rem;font-weight:800;text-decoration:none}.button.secondary{border-color:#17202a3d;background:#fff;color:#17202a}.text-link{border-color:transparent;background:transparent;color:#1b5b7d}.hero-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;border:1px solid rgba(23,32,42,.14);background:#fff;padding:clamp(1rem,3vw,1.35rem);box-shadow:0 24px 60px #17202a1a}.hero-panel span{display:grid;min-height:4.5rem;place-items:center;border:1px solid rgba(27,91,125,.16);background:#edf4f1;color:#153d34;font-weight:800}.hero-panel span:nth-child(2n){background:#f1eee5;color:#5b4426}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 0 clamp(3rem,7vw,6rem)}.entry-card,.repo-card,.point-grid article,.diagram-card,.explain-grid article{border:1px solid rgba(23,32,42,.14);background:#fff}.entry-card{display:flex;min-height:26rem;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:clamp(1.2rem,3vw,1.7rem)}.entry-card p,.repo-card p,.point-grid p,.explain-grid p{margin:0;color:#43515d;line-height:1.6}.entry-card h2{font-size:clamp(1.6rem,3vw,2.3rem)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.tag-list li{border:1px solid rgba(23,32,42,.14);background:#f7f5ef;padding:.42rem .55rem;color:#33404b;font-size:.82rem;font-weight:750}.explain-band{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem;border-top:1px solid rgba(23,32,42,.14);padding:clamp(3rem,7vw,6rem) 0}.explain-grid{display:grid;gap:.75rem}.explain-grid article{padding:1rem}.page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,.58fr);gap:clamp(2rem,5vw,4rem);align-items:start;padding:clamp(3rem,7vw,6rem) 0 clamp(2rem,5vw,4rem)}.page-hero h1{font-size:clamp(2.8rem,7vw,5.2rem)}.repo-card{display:grid;gap:1.1rem;padding:1.2rem}.repo-card .button{width:100%}.overview-section{border-top:1px solid rgba(23,32,42,.14);padding:clamp(2.5rem,6vw,4.5rem) 0}.overview-section h2{max-width:58rem;font-size:clamp(1.45rem,3vw,2.35rem)}.content-section{padding:0 0 clamp(2.5rem,6vw,4.5rem)}.content-section>h2,.diagram-card h2{margin-bottom:1rem}.point-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.point-grid article{min-height:10.5rem;padding:1rem}.diagram-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 0 clamp(2.5rem,6vw,4.5rem)}.diagram-card{display:grid;align-content:space-between;min-height:25rem;gap:1.5rem;padding:clamp(1rem,3vw,1.4rem)}.loop-diagram,.flow-diagram,.capability-map{display:grid;gap:.6rem}.loop-diagram{grid-template-columns:repeat(7,minmax(0,1fr))}.loop-diagram span,.flow-diagram span,.capability-map span,.capability-map strong{position:relative;display:grid;min-height:4.1rem;place-items:center;border:1px solid rgba(23,32,42,.16);background:#edf4f1;color:#173f37;font-size:.78rem;font-weight:850;text-align:center}.loop-diagram span:nth-child(2n),.flow-diagram span:nth-child(2n),.capability-map span:nth-child(2n){background:#f1eee5;color:#5b4426}.flow-diagram{grid-template-columns:repeat(3,minmax(0,1fr))}.capability-map{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-map strong{grid-column:1 / -1;min-height:5rem;background:#17202a;color:#fff}@media(max-width:880px){.hero,.page-hero,.entry-grid,.explain-band,.diagram-section{grid-template-columns:1fr}.hero{min-height:auto}.point-grid,.loop-diagram{grid-template-columns:repeat(2,minmax(0,1fr))}.loop-diagram span:last-child{grid-column:1 / -1}}@media(max-width:620px){.site-header{position:static;align-items:flex-start;flex-direction:column}.nav-links{width:100%}.nav-links a{flex:0 0 auto}h1{font-size:2.18rem;line-height:1.08;max-width:12ch}.page-hero h1{font-size:2.35rem}h2,.overview-section h2{max-width:16ch}.lede{font-size:1rem;max-width:33ch}.entry-card p,.repo-card p,.point-grid p,.explain-grid p{max-width:34ch}.hero,.page-hero,.entry-grid,.content-section,.diagram-section,.explain-band{width:calc(100% - 1.25rem)}.hero-panel,.point-grid,.loop-diagram,.flow-diagram,.capability-map{grid-template-columns:1fr}.entry-card,.diagram-card{min-height:auto}.loop-diagram span:last-child{grid-column:auto}.point-grid article{min-height:auto}}