:root{--ink:#16382f;--muted:#566a61;--paper:#f7f8f2;--line:#d9dfd5;--lime:#d9f687;--green:#234d3c;--orange:#ee9160}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #dd713e;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 32px}.demo{background:var(--ink);color:#e7eee3;text-align:center;font-size:12px;padding:9px 16px;letter-spacing:.02em}.demo b{color:var(--lime)}header{border-bottom:1px solid var(--line);background:var(--paper)}nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:30px;letter-spacing:-1.8px;font-weight:800;display:flex;gap:10px;align-items:center}.mark{display:grid;gap:3px;justify-items:center;transform:rotate(-7deg)}.mark i{display:block;border-radius:7px;background:currentColor;height:7px;width:23px}.mark i:first-child{width:12px}.mark i:last-child{width:30px}.navlinks{display:flex;gap:27px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 20px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:7px;font-weight:600;font-size:14px}.button.light{background:transparent;color:var(--ink);border-color:var(--line)}.hero{padding:80px 0 58px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:750;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:#739d48}.hero h1{font-size:clamp(44px,5.3vw,69px);line-height:1.06;letter-spacing:-3.5px;font-weight:550;margin:25px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#5a7845}.lead{font-size:18px;color:var(--muted);max-width:550px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.fine{font-size:12px;color:var(--muted);margin-top:19px}.visual{background:#ebeee4;border:1px solid var(--line);border-radius:18px;padding:26px;position:relative;box-shadow:0 22px 60px #203d3010}.visual-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:24px}.pill{display:inline-block;font-size:10px;padding:4px 9px;border-radius:20px;border:1px solid var(--line);background:#fff8;letter-spacing:.03em}.domain-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.node{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:17px 8px;text-align:center;font-size:12px;font-weight:650}.connector{height:30px;width:1px;background:#9fb09a;margin:auto;position:relative}.connector:after{content:'';position:absolute;bottom:0;left:-3px;width:7px;height:7px;border-right:1px solid #9fb09a;border-bottom:1px solid #9fb09a;transform:rotate(45deg)}.plane{background:var(--ink);color:white;border-radius:10px;padding:23px}.plane-title{display:flex;justify-content:space-between;font-size:19px;align-items:center}.plane .pill{background:#35564a;border:0;color:var(--lime)}.rails{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.rails span{font-size:10px;border:1px solid #688274;border-radius:4px;padding:4px 8px;color:#dce7da}.infra{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.infra .node{font-weight:450;padding:14px 4px;background:transparent}.receipt{margin-top:23px;padding-top:16px;border-top:1px solid #cdd6c6;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.strip{padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.strip strong{color:var(--ink)}section{padding:78px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:32px}h2{font-size:clamp(32px,3.6vw,45px);font-weight:520;line-height:1.16;letter-spacing:-1.7px;margin:16px 0 0}.section-head p{max-width:380px;color:var(--muted);font-size:14px;margin:0}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:23px}.tab{border:1px solid var(--line);border-radius:30px;padding:9px 17px;background:transparent;color:var(--muted);font-size:13px}.tab[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}.workload{display:grid;grid-template-columns:1fr 1.35fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:325px;background:#fff9}.work-copy{padding:34px;border-right:1px solid var(--line)}.number{font:12px monospace;color:#829179}.work-copy h3{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:17px 0}.work-copy p{font-size:14px;color:var(--muted)}.work-copy .outcome{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;color:var(--ink)}.work-flow{padding:34px;background:radial-gradient(#cbd4c6 .7px,transparent .7px);background-size:15px 15px;display:flex;flex-direction:column;justify-content:center}.steps{display:flex;align-items:stretch;gap:8px}.step{flex:1;background:#fff;border:1px solid var(--line);padding:16px 10px;border-radius:7px;font-size:12px;position:relative}.step b{display:block;font-size:10px;color:#8a9685;margin-bottom:16px}.step:last-child{background:var(--lime);border-color:#c0d971}.flow-note{font-size:11px;color:var(--muted);margin:20px 0 0}.mini-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:15px}.dark{background:var(--ink);color:#f4f6ed}.dark .eyebrow{color:var(--lime)}.dark p{color:#b9cbbf}.architecture{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#547062;border:1px solid #547062;border-radius:12px;overflow:hidden;margin-top:36px}.layer{background:var(--ink);padding:28px 23px}.layer .number{color:var(--lime)}.layer h3{font-size:19px;margin:23px 0 10px}.layer p{font-size:13px;margin:0}.boundary{font-size:12px;border-top:1px solid #547062;padding-top:22px;margin-top:26px;display:flex;justify-content:space-between;gap:20px}.boundary strong{color:var(--lime)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:10px;padding:26px;background:#fff5}.icon{height:37px;width:37px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;font-size:20px;background:#eaf0df}.card h3{font-size:18px;margin:22px 0 10px}.card p{font-size:13px;color:var(--muted)}.card .path{font:11px/1.8 monospace;border-top:1px solid var(--line);padding-top:15px;margin-top:20px;color:var(--ink)}.status-note{margin:22px 0 0;font-size:12px;color:var(--muted)}.evidence{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid var(--line)}.list{list-style:none;padding:0;margin:26px 0 0}.list li{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.list li:before{content:'↗';color:#739d48;margin-right:15px}.record{background:#eaf0df;border:1px solid var(--line);padding:26px;border-radius:12px}.record-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:22px}.record dl{margin:0}.record dl div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #d3ddc9;font-size:12px}.record dt{color:var(--muted)}.record dd{margin:0;font-family:monospace;text-align:right}.record-foot{font-size:11px;margin-top:20px;color:var(--muted)}.cta{background:var(--lime);border-radius:15px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:65px}.cta h2{margin-top:0;max-width:640px}.cta p{font-size:14px}.cta .button{white-space:nowrap}footer{border-top:1px solid var(--line);padding:25px 0 32px}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--muted)}.foot-links{display:flex;gap:20px}@media(max-width:950px){.hero{gap:28px;grid-template-columns:1fr 1fr}.hero h1{letter-spacing:-2px}.architecture{grid-template-columns:1fr 1fr}.steps{flex-wrap:wrap}.step{min-width:40%}.cards{grid-template-columns:1fr 1fr}.cards .card:last-child{grid-column:1/-1}.navlinks{gap:16px}.evidence{gap:25px}}@media(max-width:650px){.wrap{padding:0 20px}nav{height:72px}.navlinks{display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:34px}.hero h1{font-size:48px}.lead{font-size:16px}.visual{padding:20px}.strip{flex-wrap:wrap;justify-content:flex-start;gap:12px 25px}.section-head{display:block}.section-head p{margin-top:20px}section{padding:52px 0}.workload{grid-template-columns:1fr}.work-copy{border-right:0;border-bottom:1px solid var(--line);padding:25px}.work-flow{padding:25px}.architecture{grid-template-columns:1fr}.layer{padding:24px}.layer h3{margin-top:12px}.boundary{display:block}.cards{grid-template-columns:1fr}.cards .card:last-child{grid-column:auto}.evidence{grid-template-columns:1fr}.cta{padding:30px;display:block;margin-bottom:40px}.cta .button{margin-top:15px}.foot{align-items:flex-start;flex-direction:column}.hero h1{letter-spacing:-2px}h2{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.decision-demo{border-top:1px solid var(--line)}.decision-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}.scenarios{display:grid;gap:12px}.scenario{text-align:left;border:1px solid var(--line);border-radius:10px;padding:21px;background:#fff7;color:var(--ink)}.scenario[aria-pressed=true]{border-color:var(--green);box-shadow:inset 4px 0 var(--green);background:#edf2e5}.scenario strong{display:block;font-size:16px;margin-bottom:5px}.scenario span{display:block;font-size:13px;color:var(--muted)}.decision-console{background:#16382f;border-radius:12px;color:#e4eddf;padding:27px;min-height:360px}.decision-console .mini-label{color:#b5c9b9}.decision-console h3{font:600 23px system-ui;margin:15px 0 24px;color:var(--lime)}.check-row{padding:11px 0;border-bottom:1px solid #446355;font:12px/1.7 monospace;display:flex;gap:12px;justify-content:space-between}.check-row span:last-child{color:#d9f687;text-align:right}.decision-explain{font-size:13px;color:#c0d0c2;margin-top:23px}.decision-warning{font-size:11px;color:var(--muted);margin-top:18px}.gate-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.gate-strip article{padding:22px;border:1px solid var(--line);border-radius:9px}.gate-strip h3{font-size:16px;margin:9px 0}.gate-strip p{font-size:13px;color:var(--muted);margin:0}.fit{border-top:1px solid var(--line)}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fit-box{border:1px solid var(--line);border-radius:10px;padding:26px}.fit-box h3{font-size:19px;margin:0 0 10px}.fit-box p{font-size:14px;color:var(--muted)}.fit-box.emphasis{background:#eaf0df}.fit-note{font-size:12px;color:var(--muted);margin-top:17px}@media(max-width:650px){.decision-layout,.gate-strip,.fit-grid{grid-template-columns:1fr}.decision-console{padding:21px;min-height:330px}.navlinks{display:none}}

.line-icon{width:24px;height:24px;flex-shrink:0}.layer>.line-icon{display:block;margin-top:22px;color:var(--lime)}.layer h3{margin-top:12px}.architecture-svg{display:block;width:100%;height:auto}.diagram-title{font:600 13px system-ui;fill:#16382f}.diagram-small{font:10px system-ui;fill:#566a61}.diagram-edge{fill:none;stroke:#6e8b6c;stroke-width:1.5;marker-end:url(#arrow)}.diagram-caption{font-size:11px;color:var(--muted);margin:17px 0 0}.learn-section{border-top:1px solid var(--line)}.learning-path{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.learning-step{position:relative;background:white;border:1px solid var(--line);border-radius:10px;padding:23px}.learning-step:after{content:'→';position:absolute;right:-13px;top:45px;color:#658358;font-size:19px;z-index:1;background:var(--paper)}.learning-step:nth-child(3n):after{display:none}.learning-step .line-icon{color:#517440}.learning-step h3{font-size:17px;margin:16px 0 8px}.learning-step p{font-size:13px;color:var(--muted);margin:0}.learning-step code{display:block;color:#597344;font-size:10px;margin-top:13px}.learning-step:nth-child(6){background:#eaf3d7;border-color:#b6cc9c}.feedback-return{display:flex;align-items:center;gap:13px;margin:17px 0 27px;border:1px dashed #8ca27d;border-radius:8px;padding:15px 21px;font-size:13px;background:#eff3e7}.learning-example{background:var(--ink);color:#fff;padding:28px;border-radius:12px;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.learning-example p{font-size:13px;color:#c8d6c8}.learning-example h3{font-size:23px;line-height:1.25;margin:13px 0}.learning-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}.learning-controls button{border:1px solid #759078;border-radius:20px;background:transparent;color:#dce6d7;padding:7px 12px;font-size:12px}.learning-controls button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.learning-result{border-top:1px solid #55705e;padding-top:15px;font-size:14px}.learning-result strong{color:var(--lime)}.bounds{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.bounds span{font-size:11px;border:1px solid var(--line);padding:6px 10px;border-radius:4px;color:var(--muted)}@media(max-width:650px){.learning-path{grid-template-columns:1fr}.learning-step:after{content:'↓';right:25px;top:auto;bottom:-18px}.learning-step:nth-child(3):after{display:block}.learning-example{grid-template-columns:1fr}.architecture-visual{padding:14px}.feedback-return{align-items:flex-start}.learning-step{padding:21px}}

.hero{padding-top:85px;padding-bottom:75px}.hero h1{font-size:clamp(44px,5.2vw,68px);font-weight:580}.hero h1 em{font-family:inherit;font-style:normal;color:#577b3d}.architecture-visual{background:linear-gradient(130deg,#edf2e5,#f7f8f2);box-shadow:none}.technical{background:#f7f8f2;border:1px solid var(--line);border-radius:7px;margin-top:20px;font-size:12px}.technical summary{cursor:pointer;padding:12px 15px;font-weight:650}.technical dl{margin:0;padding:0 15px}.technical dl div{padding:9px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:80px 1fr;gap:10px}.technical dt{color:var(--muted)}.technical dd{margin:0;font-family:monospace;font-size:11px}.technical p{font-size:10px;color:var(--muted);padding:0 15px 8px}.work-copy h3{font-size:28px}.workload{min-height:380px}.tabs{gap:10px}.tab{border-radius:7px}.steps .step{min-height:88px}.demo{font-size:11px}.section-head p{line-height:1.8}@media(max-width:650px){.hero{padding-top:45px;padding-bottom:45px}.hero h1{font-size:46px}.technical dl div{grid-template-columns:65px 1fr}}

.work-flow{padding:28px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px;position:relative}.steps .step{min-width:0;min-height:170px;padding:20px;background:#fff;border:1px solid #cbd7c3;border-radius:10px;position:relative;box-shadow:0 3px 0 #dfe6d630}.step .stage-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.step .stage-top b{margin:0;font:11px monospace;color:#7b8e70}.stage-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#eff4e8;color:#496b3c}.stage-icon svg{width:20px;height:20px}.stage-name{display:block;font-size:14px;line-height:1.35;margin-bottom:9px}.stage-detail{font-size:11px;line-height:1.65;color:#5c7056;margin:0}.stage-output{display:block;border-top:1px solid #e0e7da;margin-top:15px;padding-top:9px;font:10px/1.6 monospace;color:#587045}.steps .step:last-child{background:#edf6da;border-color:#b2cc87}.steps .step:nth-child(1):after,.steps .step:nth-child(3):after{content:'→';position:absolute;right:-20px;top:75px;width:20px;text-align:center;font-size:20px;color:#688255;z-index:2}.steps .step:nth-child(2):after{content:'↓';position:absolute;bottom:-27px;left:50%;font-size:20px;color:#688255}.steps .step:nth-child(3){grid-column:2;grid-row:2}.steps .step:nth-child(4){grid-column:1;grid-row:2}.steps .step:nth-child(3):after{content:'←';right:auto;left:-20px}.diagram-input,.diagram-output{border:1px dashed #bdcbb1;background:#f7faef;padding:10px 13px;border-radius:6px;font-size:11px;display:flex;gap:10px;align-items:center;line-height:1.6}.diagram-input{margin-bottom:18px}.diagram-output{margin-top:18px}.diagram-input strong,.diagram-output strong{font-size:9px;letter-spacing:.08em;color:#64804e;white-space:nowrap}.mini-label{line-height:1.6}.work-copy{display:flex;flex-direction:column;justify-content:center}.work-copy .outcome{font-weight:550}.flow-note{line-height:1.7}@media(max-width:650px){.work-flow{padding:20px}.steps{grid-template-columns:1fr;gap:24px}.steps .step:nth-child(3),.steps .step:nth-child(4){grid-column:auto;grid-row:auto}.steps .step{min-height:0}.steps .step:nth-child(1):after,.steps .step:nth-child(2):after,.steps .step:nth-child(3):after{content:'↓';top:auto;bottom:-25px;left:50%;right:auto;font-size:19px}.diagram-input,.diagram-output{align-items:flex-start}.stage-detail{font-size:12px}}

.page-hero{padding:65px 0 35px;max-width:830px}.page-hero h1{font-size:clamp(39px,5vw,64px);letter-spacing:-2.6px;line-height:1.1;font-weight:550;margin:18px 0}.page-hero p{font-size:18px;color:var(--muted)}.site-nav{height:auto;min-height:86px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.site-nav .navlinks{gap:20px;flex-wrap:wrap}.navlinks a[aria-current=page]{font-weight:750;border-bottom:2px solid var(--green)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{display:flex;flex-direction:column;padding:27px;border:1px solid var(--line);border-radius:12px;background:#fff8;transition:transform .15s}.case-card:hover{transform:translateY(-3px)}.case-card h3{font-size:22px;line-height:1.25;margin:18px 0 12px}.case-card p{font-size:14px;color:var(--muted)}.case-card .case-link{margin-top:auto;padding-top:20px;font-size:13px;font-weight:650}.case-type{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#6d805d}.case-card svg{width:29px;height:29px;color:#557843;margin-top:18px}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.outcome-grid article{padding:23px;border:1px solid var(--line);border-radius:10px}.outcome-grid h3{font-size:16px}.outcome-grid p{font-size:13px;color:var(--muted)}.case-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.case-flow article{background:#edf3e4;border:1px solid #c5d3b8;border-radius:10px;padding:22px;position:relative}.case-flow article:not(:last-child):after{content:'→';position:absolute;right:-17px;top:43%;color:#6e865c}.case-flow h3{font-size:17px}.case-flow p{font-size:12px;color:var(--muted)}.case-flow span{font:11px monospace;color:#607d4a}.technical-box{background:var(--ink);color:#fff;padding:30px;border-radius:12px;margin:25px 0}.technical-box p{color:#cbd8c6;font-size:14px}.technical-box h3{margin-top:0}.cta-small{background:var(--lime);border-radius:12px;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin:35px 0 65px}.cta-small h2{font-size:30px;margin:0}.site-footer{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.site-footer h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.site-footer a{display:block;margin:8px 0;font-size:13px}.site-footer p{font-size:12px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:70px}.contact-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:30px}.contact-panel h2{font-size:29px}.contact-panel p,.contact-panel li{font-size:14px;color:var(--muted)}.contact-panel .button{margin-top:20px}.subtle-link{text-decoration:underline;text-underline-offset:4px}.short-intro{max-width:740px;font-size:16px;color:var(--muted)}@media(max-width:850px){.case-grid{grid-template-columns:1fr 1fr}.site-nav .navlinks{font-size:12px;gap:14px}.case-flow{grid-template-columns:1fr 1fr}.case-flow article:nth-child(2):after{display:none}}@media(max-width:650px){.site-nav .navlinks{display:flex;order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding:5px 0;gap:20px}.site-nav .navlinks a{white-space:nowrap}.case-grid,.outcome-grid,.case-flow,.contact-grid,.site-footer{grid-template-columns:1fr}.case-flow article:not(:last-child):after{display:block;content:'↓';right:25px;top:auto;bottom:-21px}.cta-small{display:block}.cta-small .button{margin-top:20px}.page-hero{padding-top:40px}.page-hero h1{letter-spacing:-1.6px}.cards .card:last-child{grid-column:auto}}

/* use-case groups */
.groups{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.group-tile{border:1px solid var(--line);border-radius:12px;padding:26px;background:#fff8;display:flex;flex-direction:column;gap:12px}
.group-tile h3{font-size:22px;margin:0;letter-spacing:-.5px}
.group-tile p{color:var(--muted);font-size:14px;margin:0}
.group-tile ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}
.group-tile li a{font-size:14px;font-weight:600;text-decoration:none;display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.group-tile li a::after{content:"→";color:var(--muted)}
.group-tile li a:hover{color:var(--green)}
.group-tile>.case-link{margin-top:auto;padding-top:14px}
.case-type.classic{color:var(--green)}.case-type.agentic{color:#9a4a20}.case-type.domain{color:#6d805d}
.chooser{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 34px}
.chooser a{border:1px solid var(--line);border-radius:10px;padding:18px 20px;text-decoration:none;background:#fff8;display:flex;flex-direction:column;gap:6px;transition:transform .15s}
.chooser a:hover{transform:translateY(-2px)}
.chooser a span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.chooser a strong{font-size:15px;line-height:1.4}
.subnav{position:sticky;top:0;z-index:5;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:26px;padding:14px 0;font-size:13px;font-weight:600}
.subnav a{text-decoration:none;padding:4px 0}
.subnav a small{color:var(--muted);font-weight:500;margin-left:4px}
.subnav a[aria-current]{box-shadow:inset 0 -2px 0 var(--ink)}
section.group{padding-top:56px;scroll-margin-top:60px;border-top:0}
.case-grid.four{grid-template-columns:repeat(4,1fr)}
.case-grid.four .case-card{padding:22px}
.brings{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}
.brings article{border:1px solid var(--line);border-radius:10px;padding:22px;background:#fff8}
.brings h3{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 12px}
.brings ul{margin:0;padding-left:18px;font-size:14px;line-height:1.75}
.ref{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#eaf0df;padding:2px 6px;border-radius:4px}
.ref-line{font-size:13px;color:var(--muted);margin-top:4px}
@media(max-width:950px){.case-grid.four{grid-template-columns:1fr 1fr}.groups,.chooser{grid-template-columns:1fr}}
@media(max-width:650px){.case-grid.four,.brings{grid-template-columns:1fr}.subnav{overflow-x:auto;gap:18px;white-space:nowrap}}

/* approved use-case set */
.case-type.ref{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:none;letter-spacing:0;font-size:11px}
.case-type.roadmap{color:#9a4a20}
.bring-get{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--line)}
.bring-get b{color:var(--ink);font-weight:700;display:inline-block;min-width:38px}
.case-card .case-link{margin-top:auto;padding-top:14px}
.pattern{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 10px}
.pattern div{background:var(--ink);color:#e7eee3;border-radius:10px;padding:18px 20px}
.pattern b{display:block;color:var(--lime);font-size:14px;margin-bottom:6px}
.pattern p{margin:0;font-size:13px;line-height:1.6;color:#cbd8c6}
.guarantees{font-size:12px;color:var(--muted);margin:0 0 26px}
.group-tile li.more{font-size:12px;color:var(--muted);padding:9px 0;border-top:1px solid var(--line)}
.contact-panel .button{margin:6px 0 14px}
@media(max-width:950px){.pattern{grid-template-columns:1fr}}

/* integration wall */
.stack .section-head p{max-width:420px}
.stack-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stack-group{border:1px solid var(--line);border-radius:12px;padding:22px;background:#fff8;display:flex;flex-direction:column;gap:10px}
.stack-group h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin:0;font-weight:750}
.stack-group p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.logo-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.logo-list li{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:7px 11px 7px 8px;background:var(--paper);font-size:13px;font-weight:600}
.logo-list img,.logo-list svg{flex:none;display:block}
.stack .status-note a{color:inherit}
.stack .button{margin-top:22px}
@media(max-width:950px){.stack-groups{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.stack-groups{grid-template-columns:1fr}}

/* polish: proof, one-run strip, footer meta */
.proof{padding:34px 0 10px;border-top:0}
.proof-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;background:#eaf0df;border:1px solid var(--line);border-radius:14px;padding:30px 34px}
.proof-copy h2{font-size:30px;letter-spacing:-1px;margin:12px 0 14px}
.proof-copy p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 12px}
.proof-copy .eyebrow .ref{letter-spacing:0;text-transform:none}
.proof-foot{font-size:12px!important;line-height:1.6!important;margin:0!important}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.stat{background:#fff;padding:22px 14px;text-align:center}
.stat b{display:block;font-size:34px;font-weight:600;letter-spacing:-1.5px;line-height:1.1}
.stat span{font-size:12px;color:var(--muted)}
.one-run{margin:0 0 34px;padding:26px 28px;border:1px solid var(--line);border-radius:14px;background:#fff8}
.one-run>p{font-size:14px;color:var(--muted);margin:10px 0 20px;max-width:620px}
.run-strip{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.run-step{flex:1 1 150px;min-width:0;display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);position:relative}
.run-step b{font-size:14px;margin-top:4px}
.run-step>span:last-child{font-size:12px;color:var(--muted)}
.run-n{position:absolute;top:10px;right:12px;font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.08em}
.run-gate{flex:0 0 auto;align-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--ink);text-align:center;max-width:92px;line-height:1.3}
.run-gate span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;background:var(--lime);border-radius:20px;padding:3px 8px;font-weight:800}
.run-record{font-size:12px;color:var(--muted);margin:16px 0 0}
.foot-meta{font-size:12px;color:var(--muted);margin-top:8px}
@media(max-width:950px){.proof-grid{grid-template-columns:1fr;gap:22px;padding:24px}}
@media(max-width:650px){.run-strip{flex-direction:column}.run-gate{max-width:none;flex-direction:row;gap:10px;align-self:flex-start}.stat b{font-size:26px}}

/* brand mark: top stone in brand green, as on cairndev.sh */
.mark i:first-child{background:#4ade80}

/* icons in every block */
.step-icon,.o-icon,.b-icon{width:22px;height:22px;display:block;color:var(--green);margin:8px 0 10px}
.case-flow article .step-icon{margin-top:10px}
.outcome-grid article .o-icon{margin-top:0}
.brings article .b-icon{margin:0 0 10px}
.c-icon{width:22px;height:22px;color:var(--green);margin-bottom:4px}
.p-icon{width:22px;height:22px;color:var(--lime);margin-bottom:8px;display:block}

/* faq */
.faq{border-top:1px solid var(--line)}
.faq .section-head p{max-width:360px}
.faq-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.faq-group h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-weight:750}
.faq-item{border-top:1px solid var(--line)}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;font-weight:600;font-size:15px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-mark{flex:none;width:18px;height:18px;position:relative}
.faq-mark::before,.faq-mark::after{content:"";position:absolute;background:var(--ink);left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .15s}
.faq-mark::before{width:12px;height:1.6px}
.faq-mark::after{width:1.6px;height:12px}
.faq-item[open] .faq-mark::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item p{margin:0 0 16px;font-size:14px;line-height:1.7;color:var(--muted);max-width:60ch}
.faq-item code{font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace;background:#eaf0df;padding:1px 5px;border-radius:4px;color:var(--ink)}
.faq-compact .faq-group{max-width:760px}
@media(max-width:950px){.faq-cols{grid-template-columns:1fr}}

/* product framing */
.nav-actions{display:flex;gap:10px;align-items:center}
.nav-actions .button{padding:11px 16px;font-size:13px}
.cmd{display:inline-block;font:13px ui-monospace,SFMono-Regular,Menlo,monospace;background:#16382f;color:#d9f687;padding:6px 10px;border-radius:6px;margin-top:10px}
.cta-small .cta-links{flex-direction:row;gap:10px;align-items:center}
.cta-small .cta-links .button{white-space:nowrap}
@media(max-width:850px){.nav-actions .button{padding:9px 12px;font-size:12px}}
@media(max-width:650px){.nav-actions{order:2;margin-left:auto}.nav-actions .button.light{display:none}.cta-small .cta-links{flex-wrap:wrap}}

/* How a pipeline runs — the improvement loop, animated (a small script sets states; prefers-reduced-motion shows the finished run) */
.pl-section{padding-top:0}.pl{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:#fff9;padding:22px 26px 20px;background-image:radial-gradient(#cbd4c6 .7px,transparent .7px);background-size:15px 15px}
.pl-stage{position:relative;width:100%;aspect-ratio:1000/380;max-width:1000px;margin:0 auto}
.pl-lanes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pl-arc{fill:none;stroke:#c3cdbd;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}.pl-arc[data-lit=ok]{stroke:var(--green)}.pl-arc[data-lit=bad]{stroke:#c9533a}
.pl-exit{stroke-dasharray:5 7}.pl-exit[data-lit]{stroke-dasharray:none}
.pl-lanelbl{font:10px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;fill:#8a9685;text-anchor:middle}
.pl-nodes{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.pl-node{position:absolute;transform:translate(-50%,-26px);display:flex;flex-direction:column;align-items:center;width:130px;text-align:center}
.pl-ico{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;border:1.5px solid var(--line);color:var(--ink);transition:border-color .35s,background .35s,color .35s,box-shadow .35s}
.pl-ico>svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pl-mark{position:absolute;right:-4px;top:-4px;width:18px;height:18px;border-radius:50%;display:none;place-items:center;color:#fff}.pl-mark svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.pl-mark .bad{display:none}
.pl-lbl{margin-top:7px;line-height:1.3}.pl-lbl strong{display:block;font-size:12.5px;letter-spacing:-.1px}.pl-lbl em{display:block;font-style:normal;font-size:10.5px;color:var(--muted);min-height:2.6em;transition:color .3s;visibility:hidden}.pl-node:not([data-state=idle]) .pl-lbl em{visibility:visible}.pl-lbl em:before{content:attr(data-idle)}
.pl-node[data-state=running] .pl-ico{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 0 0 0 #16382f44;animation:pl-pulse 1.1s ease-out infinite}.pl-node[data-state=running] em:before{content:attr(data-running);color:var(--ink)}
.pl-node[data-state=done] .pl-ico{border-color:var(--green);color:var(--green);background:#eef5e6}.pl-node[data-state=done] .pl-mark{display:grid;background:var(--green)}.pl-node[data-state=done] em:before{content:attr(data-done);color:var(--green)}
.pl-node[data-state=failed] .pl-ico{border-color:#c9533a;color:#c9533a;background:#fbeeea}.pl-node[data-state=failed] .pl-mark{display:grid;background:#c9533a}.pl-node[data-state=failed] .pl-mark .ok{display:none}.pl-node[data-state=failed] .pl-mark .bad{display:block}.pl-node[data-state=failed] em:before{content:attr(data-failed);color:#c9533a}
.pl-node[data-state=waiting] .pl-ico{border-color:var(--orange);color:#9a4b20;background:#fff3ea;animation:pl-pulse-warm 1.1s ease-out infinite}.pl-node[data-state=waiting] em:before{content:attr(data-waiting);color:#9a4b20}
@keyframes pl-pulse{0%{box-shadow:0 0 0 0 #16382f44}100%{box-shadow:0 0 0 12px #16382f00}}@keyframes pl-pulse-warm{0%{box-shadow:0 0 0 0 #ee916066}100%{box-shadow:0 0 0 12px #ee916000}}
.pl-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--lime);border:2px solid var(--ink);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;box-shadow:0 2px 8px #16382f33;z-index:2}.pl-dot[data-state=on]{opacity:1}
.pl-metrics{position:absolute;left:17%;top:47%;width:42%;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:end;padding:10px 16px;background:#fffc;border:1px solid var(--line);border-radius:10px}
.pl-attempt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-weight:750;white-space:nowrap}
.pl-sub{font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap}
.pl-score{font-size:28px;font-weight:600;letter-spacing:-1.2px;line-height:1;color:var(--ink);transition:color .3s}.pl-score[data-state=bad]{color:#c9533a}.pl-score[data-state=ok]{color:var(--green)}
.pl-gauge{position:relative;height:6px;border-radius:4px;background:#e6ebe0;margin:8px 0 0}.pl-gauge i{display:block;height:100%;width:0;border-radius:4px;background:#b9c4b3;transition:width 1s ease,background .3s}.pl-gauge i[data-state=bad]{background:#c9533a}.pl-gauge i[data-state=ok]{background:var(--green)}.pl-gauge b{position:absolute;top:-4px;width:2px;height:14px;background:var(--ink);transform:translateX(-50%)}
.pl-spend{font:600 20px/1 monospace;color:var(--ink);letter-spacing:-.5px}
.pl-below{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start;margin-top:14px;border-top:1px solid var(--line);padding-top:16px}
.pl-side ol{list-style:none;margin:0;padding:0;font:11px/1.9 monospace;color:var(--ink);columns:2;column-gap:26px}.pl-side li{opacity:.2;transition:opacity .5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;break-inside:avoid}.pl-side li.on{opacity:1}.pl-side li:before{content:'✓ ';color:var(--green)}.pl-side li.bad:before{content:'✕ ';color:#c9533a}.pl-side li.warn:before{content:'⏸ ';color:#9a4b20}
.pl-caption{font-size:12.5px;color:var(--muted);margin:22px 0 0;line-height:1.6}
.pl-static .pl-ico,.pl-static .pl-dot{animation:none}
@media(max-width:1100px){.pl-side ol{columns:1}.pl-below{grid-template-columns:1fr}.pl-caption{margin-top:0}}
@media(max-width:950px){.pl-node{width:100px}.pl-lbl em{display:none}.pl-metrics{gap:16px;padding:10px 12px}.pl-score{font-size:22px}.pl-spend{font-size:16px}}
/* phones: the stage cannot hold eight labelled steps, so the loop becomes a numbered list in loop order */
@media(max-width:700px){.pl{padding:14px}.pl-stage{aspect-ratio:auto;max-width:none}.pl-lanes,.pl-dot{display:none}.pl-nodes{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px;counter-reset:pl}.pl-node{position:static!important;transform:none;width:auto;flex-direction:row;align-items:flex-start;gap:10px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px}.pl-node[data-state=running]{border-color:var(--ink)}.pl-node[data-state=done]{border-color:#9fc08a}.pl-node[data-state=failed]{border-color:#c9533a}.pl-node[data-state=waiting]{border-color:var(--orange)}.pl-ico{width:38px;height:38px;flex:0 0 38px}.pl-ico>svg{width:18px;height:18px}.pl-lbl{margin-top:0;min-width:0}.pl-lbl strong{font-size:12px}.pl-lbl strong:before{counter-increment:pl;content:counter(pl) ' · ';color:#8a9685;font-weight:600}.pl-lbl em{display:block;min-height:0;font-size:10.5px;visibility:visible}.pl-metrics{position:static;width:auto;margin-top:12px;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:10px 12px}.pl-sub{white-space:normal}.pl-score{font-size:20px}.pl-spend{font-size:15px}}
@media(max-width:460px){.pl-nodes{grid-template-columns:1fr}.pl-metrics{grid-template-columns:1fr;gap:8px}}

/* The console — product shots from the seeded demo workspace. Each card: caption left, the console's main pane right (the sidebar is cropped away so the pane reads at size). */
.shots{display:grid;gap:18px;margin-top:8px}
.shot{margin:0;min-width:0;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,2.15fr);border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 22px 60px #203d3010}
.shot figcaption{padding:22px 24px;font-size:13.5px;line-height:1.6;color:var(--muted);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}
.shot figcaption strong{display:block;color:var(--ink);font-weight:600;font-size:16px;letter-spacing:-.3px;line-height:1.3;margin-bottom:8px}
.shot-frame{display:flex;align-items:center;gap:6px;padding:9px 14px;border-bottom:1px solid var(--line);background:#f1f4ec}
.shot-frame span{width:8px;height:8px;border-radius:50%;background:#cfd8c9}
.shot-frame b{margin-left:10px;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em}
.shot-media{min-width:0;display:flex;flex-direction:column}
.shot img{display:block;width:100%;height:auto}
.shots-note{font-size:12px;color:var(--muted);margin:18px 0 0}.shots-note code{font:11.5px monospace;background:#eaf0df;padding:1px 6px;border-radius:4px}
@media(max-width:950px){.shot{grid-template-columns:1fr}.shot figcaption{order:2;border-right:0;border-top:1px solid var(--line);padding:16px 18px}.shot-media{order:1}}
.shot picture{display:block}

/* ── Mobile + type pass (2026-10-08) ─────────────────────────────────────
   One real monospace stack (a bare `monospace` is Courier on iOS Safari),
   headings that flow and balance on a phone instead of breaking on hard
   <br>s, a nav that wraps instead of hiding links off-screen, and a 12px
   floor for labels, receipts and diagram text on small screens. */
:root{--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Monaco,Consolas,"Liberation Mono",monospace}
code,kbd,pre,samp,.number,.card .path,.record dd,.check-row,.technical dd,.step .stage-top b,.stage-output,.case-flow span,.pl-spend,.pl-side ol,.shots-note code{font-family:var(--mono)}
h1,h2,h3{text-wrap:balance}
p,li,dd{text-wrap:pretty}
@media(max-width:650px){
  h1 br,h2 br,h3 br{display:none}
  h1{letter-spacing:-1.4px}
  h2{letter-spacing:-.7px}
  .site-nav .navlinks{flex-wrap:wrap;overflow:visible;column-gap:18px;row-gap:8px;font-size:13px}
  .eyebrow{font-size:12px;letter-spacing:.11em;flex-wrap:wrap;row-gap:6px}
  .eyebrow .ref{letter-spacing:0}
  .mini-label,.pl-attempt,.diagram-caption,.case-type,.case-type.ref,.run-n,.pill,.number,.card .path,.stage-output,.step .stage-top b,.case-flow span,.technical dd,.pl-sub{font-size:12px}
  .pl-side ol{columns:1;font-size:12px;line-height:1.7}
  .pl-side li{white-space:normal;overflow:visible;text-overflow:clip;opacity:.35;padding:2px 0}
  .pl-side li.on{opacity:1}
  .record-head{flex-direction:column;gap:6px}
  .learning-step code,.bounds span,.visual-top span,.shot-frame b,.shots-note code,.record-foot,.chooser a span{font-size:12px}
  .run-gate span{font-size:11px}
  .diagram-small{font-size:12px}
  .diagram-title{font-size:15px}
}

/* ==== Blog and shipping notes (added with the Astro site; everything above is unchanged) ====
   Built only from the existing tokens: --ink, --muted, --paper, --line, --lime, --green, --mono,
   the .record wash (#eaf0df) and the .case-card surface (#fff8). Note that the bare `nav`,
   `header` and `section` selectors above style every such element, so these rules reset them. */
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;font-size:12px;color:var(--muted);letter-spacing:.02em}
.post-meta .post-cat{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:750;color:var(--ink)}
.post-meta .post-version{font-family:var(--mono);font-size:11.5px}
.post-draft{display:inline-block;margin-right:8px;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;background:var(--orange);color:#fff;padding:2px 7px;border-radius:4px}
.notes{border-top:1px solid var(--line)}
.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.note-card{display:flex;flex-direction:column;padding:27px;border:1px solid var(--line);border-radius:12px;background:#fff8;transition:transform .15s}
.note-card:hover{transform:translateY(-3px)}
.note-card h2,.note-card h3{font-size:24px;line-height:1.25;letter-spacing:-.6px;font-weight:600;margin:14px 0 10px}
.note-card p{font-size:14px;color:var(--muted);margin:0}
.note-card .note-link{margin-top:auto;padding-top:20px;font-size:13px;font-weight:650}
.note-grid .note-card:first-child{background:#eaf0df}
.note-list{list-style:none;margin:22px 0 0;padding:0}
.note-list li{border-top:1px solid var(--line)}
.note-list li:last-child{border-bottom:1px solid var(--line)}
.note-list a{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:20px;align-items:baseline;padding:15px 0}
.note-list .note-list-title{font-weight:600;font-size:15px}
.note-list a:hover .note-list-title{text-decoration:underline;text-underline-offset:4px}
.blog-filter{height:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 26px;padding:14px 0;margin-bottom:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;font-weight:600}
.blog-filter a{padding:4px 0}
.blog-filter a[aria-current]{box-shadow:inset 0 -2px 0 var(--ink)}
.blog-list{list-style:none;margin:0;padding:0;display:grid;gap:18px;max-width:830px}
.blog-list .note-card h2{font-size:28px}
.blog-empty{font-size:16px;color:var(--muted);padding:12px 0 30px}
.post{max-width:830px;padding:40px 0 30px}
.post-back{font-size:13px}
.post-head{padding:34px 0 10px}
.post-head h1{font-size:clamp(36px,4.6vw,56px);letter-spacing:-2.2px;line-height:1.1;font-weight:550;margin:18px 0}
.post-summary{font-size:18px;color:var(--muted);max-width:68ch;margin:0}
.prose{max-width:68ch;font-size:17px;line-height:1.75;padding-top:18px;border-top:1px solid var(--line);margin-top:28px}
.prose h2{font-size:28px;letter-spacing:-.8px;line-height:1.25;font-weight:600;margin:44px 0 8px}
.prose h3{font-size:19px;line-height:1.35;margin:30px 0 4px}
.prose p,.prose ul,.prose ol{margin:14px 0}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin:6px 0}
.prose li::marker{color:var(--green)}
.prose a{text-decoration:underline;text-underline-offset:4px}
.prose strong{font-weight:700}
.prose :not(pre)>code{font:.86em var(--mono);background:#eaf0df;padding:1px 5px;border-radius:4px;color:var(--ink)}
.prose pre{font:13px/1.7 var(--mono);background:var(--ink);color:#e7eee3;padding:18px 20px;border-radius:10px;overflow-x:auto;margin:20px 0}
.prose pre code{font:inherit;background:none;padding:0;color:inherit}
.prose blockquote{margin:20px 0;padding:4px 0 4px 18px;border-left:3px solid var(--lime);color:var(--muted)}
.prose hr{border:0;border-top:1px solid var(--line);margin:36px 0}
.prose table{border-collapse:collapse;font-size:14px;margin:20px 0;width:100%}
.prose th,.prose td{text-align:left;padding:9px 12px 9px 0;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.post-nav{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;margin-top:50px}
.post-nav a{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff8;font-weight:600;font-size:15px;line-height:1.35}
.post-nav a span{font-size:12px;font-weight:500;color:var(--muted)}
.post-nav .post-nav-newer{text-align:right;grid-column:2}
@media(max-width:650px){
  .note-grid,.post-nav{grid-template-columns:1fr}
  .post-nav .post-nav-newer{grid-column:1;text-align:left}
  .note-list a{grid-template-columns:1fr;gap:4px}
  .note-card{padding:22px}
  .note-card h2,.note-card h3,.blog-list .note-card h2{font-size:22px}
  .post{padding-top:26px}
  .post-head h1{letter-spacing:-1.4px}
  .prose{font-size:16px}
  .prose h2{font-size:24px}
  .prose pre{font-size:12px;padding:15px 16px;margin-left:-4px;margin-right:-4px}
  .post-meta .post-cat,.post-draft{font-size:12px}
}