@import url('./fonts/local-fonts.css');:root{--chalk:#f1efe7;--navy:#0b2034;--blue:#173b5d;--sky:#b9d2df;--signal:#e55b35;--line:#9da7aa}*{box-sizing:border-box}body{margin:0;background:var(--chalk);color:var(--navy);font-family:Inter,sans-serif;line-height:1.62}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.22em}:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.preview{background:var(--signal);color:white;padding:.38rem 1rem;text-align:center;font:600 .68rem Inter,sans-serif;letter-spacing:.1em}.top{height:92px;display:flex;align-items:center;padding:0 3vw;border-bottom:1px solid var(--navy);justify-content:space-between}.logo{display:flex;align-items:center;gap:.8rem;text-decoration:none}.logo>b{background:var(--navy);color:white;width:48px;height:48px;display:grid;place-items:center;font:700 2rem Barlow Condensed}.logo span{font:700 1.05rem/1 Barlow Condensed;letter-spacing:.08em}.logo small{font:500 .57rem Inter}.top nav{display:flex;gap:2rem;font-size:.75rem;font-weight:700}.top nav a{text-decoration:none}.top nav b{color:var(--signal)}.top button{display:none;background:transparent;border:1px solid;padding:.55rem}.cover{position:relative;height:690px;background:var(--navy)}.cover figure{height:100%;margin:0}.cover img{width:100%;height:100%;object-fit:cover;opacity:.7}.cover figcaption{position:absolute;right:1rem;bottom:.8rem;color:white;font-size:.64rem}.cover-card{position:absolute;left:5vw;bottom:0;background:var(--chalk);width:min(680px,60vw);padding:3.5rem}.code{font:700 .7rem Inter;letter-spacing:.16em;color:var(--signal)}h1,h2,h3{font-family:Barlow Condensed,sans-serif;text-transform:uppercase}.cover h1{font-size:clamp(4rem,7vw,7.5rem);line-height:.78;letter-spacing:-.035em;margin:1rem 0 2rem}.cover h1 em{font-style:normal;color:var(--signal)}.cover-card>p:not(.code){max-width:480px}.cta{display:inline-block;margin-top:1rem;background:var(--navy);color:#fff;padding:.85rem 1rem;text-decoration:none;font-weight:700;font-size:.76rem}.board{margin:8rem auto;max-width:1180px;border:1px solid var(--navy)}.board header{background:var(--navy);color:white;padding:2rem;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}.board header h2{font-size:3rem;margin:0}.board header p,.board header span{font-size:.65rem;letter-spacing:.12em}.board-row{display:grid;grid-template-columns:70px 1.5fr 1fr 80px;align-items:center;padding:1.6rem 2rem;border-top:1px solid var(--navy);text-decoration:none}.board-row>strong{font:700 2.4rem Barlow Condensed;color:var(--signal)}.board-row span{display:flex;flex-direction:column}.board-row small{margin-top:.2rem}.board-row i{font-style:normal}.board-row u{text-decoration:none;font-size:.73rem;font-weight:700}.route{background:var(--sky);padding:7rem max(5vw,1.3rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.route h2{font-size:clamp(3rem,6vw,6rem);line-height:.86;margin:1rem 0}.route ol{list-style:none;margin:0;padding:0}.route li{display:grid;grid-template-columns:70px 1fr;padding:2rem 0;border-top:1px solid var(--navy)}.route li>b,.checks li>b{font:700 1.7rem Barlow Condensed;color:var(--signal)}.route h3{font-size:1.7rem;margin:0}.crumb{padding:1rem 3vw;font-size:.72rem;display:flex;gap:.8rem;border-bottom:1px solid var(--line)}.guide-head{display:grid;grid-template-columns:1.1fr .9fr;min-height:610px;border-bottom:1px solid var(--navy)}.guide-head>div{padding:5rem 5vw}.big-no{font:700 6rem/.8 Barlow Condensed;color:var(--signal);margin:0 0 3rem}.guide-head h1,.signal-head h1{font-size:clamp(4rem,7vw,7rem);line-height:.82;letter-spacing:-.025em;margin:1rem 0 2rem}.intro{font-size:1.2rem;max-width:650px}.guide-head figure{margin:0;background:var(--navy)}.guide-head img{height:100%;width:100%;object-fit:cover}.guide-head figcaption{font-size:.62rem;padding:.5rem;color:white}.guide-body{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;padding:7rem 5vw}.guide-body aside{border-top:8px solid var(--navy);padding-top:1.2rem}.guide-body aside>p{font-size:.68rem;letter-spacing:.12em}.guide-body h2,.text h2{font-size:2.3rem;line-height:1;margin:3rem 0 1rem}.guide-body h2:first-child{margin-top:0}.checks{list-style:none;margin:0;padding:0}.checks li{display:grid;grid-template-columns:60px 1fr;padding:1.2rem 0;border-top:1px solid var(--line)}.source{display:inline-flex;justify-content:space-between;gap:3rem;background:var(--navy);color:white;padding:1rem;text-decoration:none;font-size:.78rem;font-weight:700}.separate{background:var(--sky);margin:4rem 0;padding:2rem}.signal-head{background:var(--navy);color:white;padding:7rem 5vw}.signal-head .big-no{margin-bottom:3rem}.text{max-width:830px;padding:6rem 5vw 8rem;font-size:1.05rem}.identity{display:grid;gap:.5rem;margin-top:3rem;border:1px solid;padding:1.5rem}.identity b{color:var(--signal)}footer{background:var(--navy);color:white;padding:4rem 5vw;display:flex;justify-content:space-between;gap:3rem}footer p{font-size:.8rem;max-width:450px}footer nav{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 2rem;font-size:.75rem}
@media(max-width:760px){.top{height:75px;padding:0 1rem;position:relative}.top button{display:block}.top nav{display:none;position:absolute;z-index:5;left:1rem;right:1rem;top:100%;background:var(--chalk);border:1px solid;padding:1rem;flex-direction:column}.top nav.open{display:flex}.logo small{display:none}.cover{height:650px}.cover-card{left:1rem;right:1rem;width:auto;padding:2rem}.cover h1{font-size:3.8rem}.board{margin:5rem 1rem}.board header{display:block}.board header h2{font-size:2.65rem;overflow-wrap:normal;word-break:normal}.board-row{grid-template-columns:45px 1fr;gap:.5rem;padding:1.2rem}.board-row i,.board-row u{grid-column:2}.route,.guide-head,.guide-body{display:block}.route{padding:5rem 1rem}.route ol{margin-top:3rem}.guide-head>div{padding:4rem 1rem}.guide-head figure{height:360px}.guide-head h1{font-size:3.8rem}.signal-head h1{font-size:3.25rem;overflow-wrap:normal;word-break:normal;hyphens:none}.guide-body{padding:4rem 1rem}.guide-body article{margin-top:4rem}.signal-head{padding:5rem 1rem}.text{padding:4rem 1rem 6rem}.crumb{padding:1rem;overflow-wrap:anywhere}footer{display:block;padding:3rem 1rem}footer nav{margin-top:2rem}body{overflow-wrap:anywhere}}
/* Keep small signal text at AA contrast while retaining the orange accent. */
.preview{color:var(--navy)}.code,.top nav b,.identity b{color:#a8381b}.signal-head .code{color:#f18b6b}
