:root{--coord-ivory:#fbf5e9;--coord-copper:#a6532b;--coord-copper-dark:#753719;--coord-ink:#102f4c;--coord-line:#d8c8ad}
.coord-shell{background:linear-gradient(135deg,var(--coord-ivory),#fff);border-block:1px solid var(--coord-line);padding-block:clamp(3.5rem,7vw,6.5rem)}
.coord-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.coord-intro h2,.coord-guide-hero h1{max-width:18ch}
.coord-kicker{color:var(--coord-copper-dark);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.coord-decisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.coord-card,.coord-guide-card,.coord-resource-card{background:#fff;border:1px solid var(--coord-line);border-radius:16px;padding:1.35rem;box-shadow:0 10px 30px rgba(16,47,76,.05)}
.coord-card h3,.coord-guide-card h3,.coord-resource-card h3{margin:.15rem 0 .65rem;color:var(--coord-ink)}
.coord-next{margin-top:1.25rem;padding:1.25rem;border-left:4px solid var(--coord-copper);background:#fff}
.coord-rail{padding-block:clamp(3rem,7vw,6rem)}
.coord-rail-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.65fr);gap:2rem;align-items:end;margin-bottom:1.5rem}
.coord-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;counter-reset:step}
.coord-guide-card{position:relative;padding-top:3.1rem}
.coord-guide-card:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;top:1rem;left:1.35rem;color:var(--coord-copper);font-weight:900;letter-spacing:.08em}
.coord-guide-card a{color:var(--coord-ink)}
.coord-article{display:grid;grid-template-columns:minmax(13rem,.35fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding-bottom:4rem}
.coord-toc{position:sticky;top:1rem;align-self:start;border-left:3px solid var(--coord-copper);padding-left:1rem}
.coord-toc a{display:block;margin:.7rem 0}
.coord-prose section{scroll-margin-top:1rem;margin-bottom:2.5rem}
.coord-worksheet{overflow-x:auto;margin:2.5rem 0;padding:1.35rem;background:var(--coord-ivory);border:1px solid var(--coord-line);border-radius:16px}
.coord-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.25rem 0}
.coord-fields div{padding:1rem;background:#fff;border:1px solid var(--coord-line);border-radius:12px}.coord-fields dt{font-weight:800;color:var(--coord-ink)}.coord-fields dd{margin:.45rem 0 0;color:#5d6470}.coord-download{display:inline-flex;margin-top:.5rem}
.coord-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.coord-boundary{margin-block:2rem;padding:1.15rem 1.3rem;border:1px solid var(--coord-line);border-radius:14px;background:#fff}
.coord-case-feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;margin-top:2rem;padding:clamp(1.5rem,4vw,3rem);background:var(--coord-ink);color:#fff;border-radius:20px}
.coord-case-feature h2,.coord-case-feature a{color:#fff}.coord-case-feature .button{background:var(--coord-copper);border-color:var(--coord-copper)}.coord-case-feature img{display:block;width:100%;height:auto;border-radius:14px}
.coord-case-feature .coord-kicker{color:#f0cf8a}
.coord-case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-block:2rem 3rem}
.coord-case-gallery figure{margin:0}.coord-case-gallery img{display:block;width:100%;height:auto;border-radius:14px}.coord-case-gallery figcaption{margin-top:.7rem;line-height:1.5}
.coord-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:2rem}
.coord-evidence article{padding:1.35rem;border-radius:16px;border:1px solid var(--coord-line);background:#fff}
@media(max-width:820px){.coord-intro,.coord-rail-head,.coord-article{grid-template-columns:1fr}.coord-steps,.coord-grid,.coord-fields{grid-template-columns:1fr}.coord-toc{position:static}.coord-decisions{grid-template-columns:1fr}}
@media(max-width:820px){.coord-case-feature,.coord-case-gallery,.coord-evidence{grid-template-columns:1fr}}