:root{--jo-sand:#efe3cc;--jo-paper:#fffaf0;--jo-ink:#17263a;--jo-indigo:#2e3f74;--jo-aqua:#31b8b3;--jo-rust:#b65d35;--jo-line:rgba(23,38,58,.18)}
.jo-waterline{background:var(--jo-sand);color:var(--jo-ink)}.jo-waterline .jo-mast{position:sticky;top:0;z-index:20;background:rgba(255,250,240,.94);border-bottom:1px solid var(--jo-line);backdrop-filter:blur(14px)}.jo-waterline .jo-brand span{background:var(--jo-indigo);color:#fff}.jo-waterline .jo-mast-cta{background:var(--jo-rust);color:#fff}.jo-waterline #site-nav a{color:var(--jo-ink)}
.jo-main{max-width:1240px;margin:auto;padding:clamp(1rem,3vw,2.5rem)}.jo-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);min-height:650px;background:var(--jo-indigo);color:#fff;overflow:hidden}.jo-hero-copy{padding:clamp(2rem,7vw,6.5rem);align-self:center}.jo-kicker{font-size:.78rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.jo-hero h1{max-width:10ch;margin:.5rem 0 1.5rem;font-size:clamp(3.1rem,7vw,6.7rem);line-height:.91;letter-spacing:-.055em}.jo-lede{max-width:62ch;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.65}.jo-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.jo-primary,.jo-secondary{display:inline-flex;padding:.9rem 1.15rem;font-weight:850;text-decoration:none}.jo-primary{background:var(--jo-aqua);color:#102b32}.jo-secondary{border:1px solid rgba(255,255,255,.5);color:#fff}.jo-map{align-self:stretch;padding:3rem 2rem;background:linear-gradient(150deg,var(--jo-aqua),#117a84);color:#082e35}.jo-map>p{font-weight:900;letter-spacing:.15em}.jo-map ol{display:grid;gap:1rem;margin:5rem 0 0;padding:0;list-style:none}.jo-map li{padding:1rem 0;border-top:1px solid rgba(8,46,53,.35);font-size:1.05rem;font-weight:800}.jo-map span{display:inline-block;width:3rem;font-family:monospace}
.jo-signal{display:grid;grid-template-columns:repeat(3,1fr);background:var(--jo-paper);border:1px solid var(--jo-line)}.jo-signal p{display:grid;gap:.35rem;margin:0;padding:1.5rem;border-right:1px solid var(--jo-line)}.jo-signal p:last-child{border:0}.jo-signal span{font-size:.92rem}.jo-workbench{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);padding:clamp(3rem,7vw,6.5rem);background:var(--jo-paper);border-bottom:1px solid var(--jo-line)}.jo-workbench h2,.jo-boundary h2,.jo-close h2{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.035em}.jo-number{color:var(--jo-rust);font-family:monospace;font-weight:900}.jo-detail{font-size:1.08rem;line-height:1.7}.jo-detail a{color:inherit;font-weight:800}.jo-dark{background:var(--jo-ink);color:#fff}.jo-tags{display:flex;flex-wrap:wrap;gap:.5rem}.jo-tags span{padding:.45rem .7rem;border:1px solid currentColor;border-radius:999px;font-size:.86rem}.jo-boundary{padding:clamp(3rem,7vw,6.5rem);background:var(--jo-aqua);color:#092f37}.jo-boundary p:last-child{max-width:78ch;font-size:1.08rem;line-height:1.7}.jo-close{display:grid;gap:.75rem;justify-items:start;padding:clamp(3rem,7vw,6.5rem);background:var(--jo-rust);color:#fff}.jo-close h2{max-width:16ch;margin:0}.jo-close small{max-width:68ch}.jo-waterline footer{background:var(--jo-ink);color:#fff}
@media(max-width:840px){.jo-hero,.jo-workbench{grid-template-columns:1fr}.jo-hero{min-height:0}.jo-map ol{margin-top:2rem}.jo-signal{grid-template-columns:1fr}.jo-signal p{border-right:0;border-bottom:1px solid var(--jo-line)}}
@media(prefers-reduced-motion:reduce){.jo-waterline *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}