
:root{--ink:#253039;--sky:#55a9d6;--cloud:#f7fbfc;--leaf:#58a66d;--deep:#13252e;--mist:#dcecf2;--line:rgba(37,48,57,.18);--display:"Chakra Petch","Arial Narrow",sans-serif;--body:"Figtree","Segoe UI",sans-serif;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--body);line-height:1.62;background-color:var(--cloud);background-image:linear-gradient(rgba(85,169,214,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(85,169,214,.045) 1px,transparent 1px);background-size:28px 28px}a{color:#145f82;text-underline-offset:.2em}a:hover{color:#0d445f}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-family:var(--display);line-height:1.08;letter-spacing:-.025em}h1{font-size:clamp(2.45rem,6vw,5.5rem);margin:.25rem 0 1rem}h2{font-size:clamp(1.7rem,3.5vw,3rem);margin:.25rem 0 1rem}h3{font-size:1.18rem;margin:.5rem 0}p{max-width:72ch}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;color:#000;padding:.8rem 1rem;z-index:100}.skip-link:focus{top:1rem}a:focus-visible,summary:focus-visible{outline:3px solid #0b4e6d;outline-offset:4px}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.16);background:rgba(19,37,46,.96);color:white;backdrop-filter:blur(14px)}.nav-shell{width:min(var(--max),calc(100% - 2rem));min-height:72px;margin:auto;display:flex;align-items:center;gap:1.2rem}.brand{display:flex;align-items:center;gap:.65rem;color:white;text-decoration:none;font-family:var(--display);font-weight:700}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--sky);border-radius:50%;font-size:.78rem;box-shadow:inset 0 0 0 .35rem rgba(85,169,214,.12)}.desktop-nav{display:flex;gap:1.2rem;margin-left:auto}.desktop-nav a,.mobile-nav a{color:#eaf7fb;text-decoration:none;font-size:.92rem}.call-mini{background:var(--leaf);color:#07190d;text-decoration:none;font-weight:800;padding:.7rem 1rem;border-radius:999px;white-space:nowrap}.mobile-nav{display:none;margin-left:auto}.mobile-nav summary{cursor:pointer}.mobile-nav nav{position:absolute;left:1rem;right:1rem;top:64px;display:grid;gap:.25rem;padding:1rem;background:var(--deep);border:1px solid var(--sky)}.mobile-nav nav a{padding:.8rem}.page-hero{position:relative;overflow:hidden;width:min(var(--max),calc(100% - 2rem));margin:clamp(1.5rem,5vw,5rem) auto 0;display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(1.5rem,5vw,5rem);align-items:center;padding:clamp(1.5rem,4vw,4rem);border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.76);box-shadow:inset 0 0 40px rgba(85,169,214,.09)}.page-hero:before{content:"";position:absolute;width:70%;height:18px;left:-10%;top:18%;background:linear-gradient(90deg,transparent,var(--sky),var(--leaf),transparent);filter:blur(10px);opacity:.34;transform:rotate(-7deg)}.hero-copy,.hero-visual{position:relative;z-index:1}.hero-deck{font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.5}.eyebrow,.section-label,.source-tag{font-family:var(--display);font-size:.78rem;font-weight:800;letter-spacing:.14em;color:#247ca2}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem}.gauge-call{display:inline-grid;min-width:210px;padding:.78rem 1.1rem;border:1px solid #327245;border-radius:999px;background:var(--leaf);color:#07190d;text-decoration:none;box-shadow:inset 0 0 0 5px rgba(255,255,255,.26)}.gauge-call span{font-family:var(--display);font-size:.7rem;letter-spacing:.12em}.gauge-call strong{font-size:1.08rem}.text-link,.panel-link{display:inline-block;font-weight:800}.hero-visual{padding:1rem;border-radius:50% 50% 8px 8px;background:radial-gradient(circle at center,rgba(85,169,214,.2),transparent 66%)}.answer-panel,.home-intro,.system-band,.local-band,.hiring-band,.content-section,.source-note,.related-panel,.call-panel,.faq-preview,.faq-full,.prose-card,.not-found{width:min(var(--max),calc(100% - 2rem));margin:clamp(2rem,5vw,5rem) auto}.answer-panel,.home-intro,.system-band,.local-band,.hiring-band{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(1.5rem,5vw,4rem);align-items:center;padding:clamp(1.4rem,4vw,3.5rem);border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.82)}.answer-panel p,.home-intro p,.system-band p,.local-band p,.hiring-band p,.prose-card p{font-size:1.04rem}.content-section{padding:clamp(1rem,3vw,2rem) 0}.reading-grid,.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.reading-card,.path-grid article{position:relative;padding:1.3rem;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.78);box-shadow:inset 0 0 20px rgba(85,169,214,.04)}.reading-dot{display:block;width:10px;height:10px;border:2px solid var(--sky);border-radius:50%;box-shadow:0 0 0 5px rgba(85,169,214,.1)}.path-grid article span{font-family:var(--display);color:#287da1}.split-section,.two-column{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem}.process-list{list-style:none;padding:0;counter-reset:step}.process-list li{position:relative;padding:1rem 1rem 1rem 4.1rem;border-top:1px solid var(--line);counter-increment:step}.process-list li:before{content:counter(step,decimal-leading-zero);position:absolute;left:.4rem;top:1.2rem;font-family:var(--display);font-weight:800;color:#277da1}.question-panel{padding:1.5rem;border-radius:8px;background:var(--deep);color:#f5fbfd}.question-panel h2{font-size:1.65rem}.check-list{padding-left:1.2rem}.check-list li{margin:.72rem 0}.question-panel a{color:#b9e8fa}.source-note{padding:clamp(1.4rem,4vw,3rem);border-left:5px solid var(--leaf);background:#eaf5ee}.source-note h2{font-size:1.55rem}.related-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;padding:clamp(1.4rem,4vw,3rem);border:1px solid var(--line);background:rgba(255,255,255,.7)}.related-panel ul{display:grid;gap:.8rem;margin:0;padding-left:1.2rem}.call-panel{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,3.5rem);border-radius:8px;background:linear-gradient(125deg,#13252e,#234d5d);color:white}.call-panel .section-label{color:#8dd5f1}.gauge-call.light{background:#a5e1b1}.system-band{background:#e5f4f9}.system-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.3rem}.system-links a,.panel-link{padding:.72rem .9rem;border:1px solid #4a9bc0;border-radius:999px;background:rgba(255,255,255,.8);text-decoration:none}.local-band{background:#eef7ef}.checkpoint-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.checkpoint-grid li{display:grid;gap:.5rem;padding:1.2rem;border-top:3px solid var(--sky);background:white}.checkpoint-grid strong{font-family:var(--display)}.faq-preview details,.faq-full details{border-top:1px solid var(--line);padding:1rem 0}.faq-preview summary,.faq-full summary{cursor:pointer;font-family:var(--display);font-weight:800;font-size:1.08rem}.faq-full{max-width:900px}.prose-card{padding:clamp(1.5rem,5vw,4rem);border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.88)}.not-found{min-height:50vh;padding:4rem 0}.site-footer{margin-top:5rem;padding:3.5rem 1rem;background:var(--deep);color:#dfeef3}.footer-grid{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:2.5rem}.site-footer h2{font-size:1rem;letter-spacing:.06em}.site-footer a{display:block;margin:.55rem 0;color:#b9e8fa}.footer-brand{display:flex}.fine-print{width:min(var(--max),100%);margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.15);font-size:.82rem;color:#bbccd1}.table-wrap{overflow-x:auto}@keyframes particle{from{transform:translateX(-12px);opacity:.2}50%{opacity:1}to{transform:translateX(12px);opacity:.2}}.hero-visual:after{content:"•••";display:block;text-align:center;color:var(--sky);letter-spacing:1.2rem;animation:particle 5s ease-in-out infinite}
@media(max-width:860px){.desktop-nav,.call-mini{display:none}.mobile-nav{display:block}.page-hero,.answer-panel,.home-intro,.system-band,.local-band,.hiring-band,.split-section,.two-column,.related-panel,.call-panel{grid-template-columns:1fr}.page-hero{padding:1.3rem}.hero-visual{order:-1}.reading-grid,.path-grid,.checkpoint-grid{grid-template-columns:1fr}.call-panel{align-items:start}.footer-grid{grid-template-columns:1fr}.gauge-call{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-visual:after{animation:none}*{transition:none!important}}
