@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--navy:#102f3e;--teal:#116e73;--paper:#f7f5ee;--line:#dedfd7;--muted:#657478}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font:15px 'DM Sans',system-ui,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:#e9efeb;padding:32px 22px;display:flex;flex-direction:column}.brand{font:25px Georgia,serif;color:inherit;text-decoration:none;letter-spacing:2px}.brand span{display:block;font:9px system-ui;letter-spacing:3px;margin:10px 0 60px}aside small{font-size:10px;letter-spacing:2px;color:#9cafb6}nav{display:grid;gap:10px;margin-top:20px}nav button{background:none;border:0;color:#d4e1e1;text-align:left;padding:14px;font-size:14px;border-radius:7px;cursor:pointer}nav button.active,nav button:hover{background:#294653;color:white}.aside-bottom{margin-top:auto;font-size:13px;line-height:1.9}.aside-bottom span{color:#9cafb6;font-size:11px}main{margin-left:250px;padding:0 40px}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.badge,.tag{font-size:10px;letter-spacing:1px;background:#e4eeea;color:var(--teal);padding:7px 10px;border-radius:5px}.notice{padding:12px 16px;background:#f2e9d5;color:#705c32;font-size:12px;margin-top:22px;border-radius:6px}section{max-width:1200px;margin:auto}.eyebrow{letter-spacing:2px;font-size:11px;color:var(--teal);font-weight:700;margin-top:35px}h1{font:36px/1.25 'Libre Baskerville',Georgia,serif;letter-spacing:-1px;margin:14px 0}h2{font:22px Georgia,serif;margin:0 0 16px}h3{margin:0 0 9px;font-size:16px}p{line-height:1.7;color:var(--muted)}.hero{padding:12px 0 25px;position:relative}.hero p{max-width:620px}.primary,.secondary{display:inline-block;border-radius:5px;padding:12px 18px;font:600 13px inherit;cursor:pointer;background:var(--teal);border:1px solid var(--teal);color:white}.secondary{background:white;color:var(--navy);border-color:var(--line)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.card{background:#fff;border:1px solid var(--line);padding:23px;border-radius:9px}.card p{font-size:13px}.metric{font:32px Georgia;margin:15px 0 7px}.label{font-size:12px;color:var(--muted)}.route{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #d6d1bd;background:#f0ebdd;border-radius:9px;padding:25px;margin:18px 0 30px;gap:14px}.route b{display:block;font:24px Georgia;color:#9a793e;margin-bottom:10px}.route small{display:block;color:var(--muted);margin-top:8px;line-height:1.5}.module{display:block;width:100%;text-align:left;cursor:pointer;color:inherit;transition:transform .15s}.module:hover{transform:translateY(-3px);border-color:var(--teal)}.icon{font-size:26px;color:var(--teal);margin-bottom:20px}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin:25px 0}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}input,textarea,select{font:14px system-ui;width:100%;padding:12px;border:1px solid #c9d2d1;border-radius:5px;background:#fff;color:var(--navy)}textarea{min-height:110px;resize:vertical}.checks label{display:flex;gap:12px;align-items:center;font-weight:400}.checks input{width:auto}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row p{margin:5px 0 0;font-size:12px}.status{white-space:nowrap;font-size:11px;color:#79613a;background:#f4eddf;border-radius:4px;padding:7px}.scene{border-left:3px solid var(--teal);padding:12px 15px;margin-top:14px;background:#f4f7f5}.scene p{white-space:pre-wrap;font-size:13px;margin:8px 0}footer{padding:35px 0;color:var(--muted);font-size:12px}#toast{position:fixed;bottom:24px;right:24px;max-width:400px;background:var(--navy);color:white;padding:14px 20px;border-radius:6px;display:none}button:focus-visible,a:focus-visible{outline:3px solid #c09b4a;outline-offset:4px}.empty{padding:28px 0;color:var(--muted)}@media(min-width:1500px){main{padding:0 70px}}@media(max-width:1000px){aside{width:210px;padding:25px 15px}main{margin-left:210px;padding:0 24px}.grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.route{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){aside{position:static;width:100%;padding:20px}.brand span{margin-bottom:20px}aside small,.aside-bottom{display:none}nav{display:flex;flex-wrap:wrap;gap:4px;margin:0}nav button{padding:9px;font-size:12px}main{margin:0;padding:0 18px}header{height:60px}h1{font-size:29px}.grid{grid-template-columns:1fr}.route{grid-template-columns:1fr 1fr}.card{padding:18px}.row{align-items:flex-start}.status{white-space:normal}}
/* Navigator parchment identity */
:root{--navy:#123347;--teal:#146c70;--paper:#f7f1e4;--line:#ddd3bf;--muted:#66716f;--gold:#aa8444}body{background:radial-gradient(ellipse at 100% 0,#e9dec5 0,transparent 45%),var(--paper)}aside{background:linear-gradient(160deg,#16394b,#0c2839);border-right:1px solid #a7874d}.brand{text-align:center;font-size:23px;letter-spacing:1.7px}.brand .brand-compass{display:block;font:72px Georgia,serif;color:#d1b477;line-height:1;margin:0 0 15px;letter-spacing:0}.brand span:not(.brand-compass){font-size:8px;letter-spacing:2.8px;margin-bottom:45px}aside small{text-align:center;color:#cbb583;font-size:9px}nav button.active{background:#ffffff12;box-shadow:inset 3px 0 #c6a466;border-radius:0 5px 5px 0}.sidebar-motto{display:inline-block;font:italic 21px/1.5 Georgia,serif;color:#d8c49a;margin-bottom:20px}.hero{background:#f2e7ce url('assets/navigator-map.png') center center/cover no-repeat;min-height:390px;margin-top:28px;border:1px solid #cbb889;outline:1px solid #e9dab9;outline-offset:-8px;border-radius:4px;padding:38px 34px;box-shadow:0 8px 25px #6c573810}.hero .eyebrow{margin-top:15px;color:#775b2f}.hero h1{font-size:clamp(32px,3.3vw,49px);max-width:650px;line-height:1.25}.hero p{max-width:500px;color:#40585e;background:#f7efdfbb;padding:7px 0}.hero .actions{margin-top:24px}.primary{background:linear-gradient(#1b7476,#115759);border-color:#125456;box-shadow:0 3px 0 #0f343d15}.secondary{background:#fffcf4e8;border-color:#baa878}.route{position:relative;background:linear-gradient(110deg,#f2e8d3,#fbf6ea);padding:32px 26px;border:1px solid #cdbd97;box-shadow:inset 0 0 0 5px #fff7e440}.route:before{content:'';position:absolute;top:53px;left:45px;right:50px;border-top:2px dashed #c6a76a}.route>div{position:relative}.route b{display:grid;place-items:center;width:43px;height:43px;border:1px solid #a88242;border-radius:50%;background:#f7efde;box-shadow:0 0 0 4px #f2e8d3;color:#896324;font-size:25px;margin-bottom:18px}.route strong{font:17px Georgia,serif}.card{background:#fffdf8;border-color:#ded3bc;box-shadow:0 3px 12px #5b472a04}.module .icon{display:grid;place-items:center;width:49px;height:49px;border:1px solid #d9c9a8;border-radius:50%;background:#f6efdf;color:#264b5a}.module:hover{box-shadow:0 7px 20px #51442d12;border-color:#b69a61}.metric{color:#9b783a}.notice{background:#eee4cd;border:1px solid #dfcfac}.badge{background:#eae0c8;color:#785d2e}header{border-bottom-color:#d8c8a5}footer{border-top:1px solid #dacbae;margin-top:25px;font-family:Georgia,serif;font-style:italic}.scene{background:#f7f1e5}input,textarea,select{background:#fffefa}button{font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:1000px){.hero{padding:30px 23px;background-position:58% center}.hero h1{font-size:35px}.hero p{max-width:360px}.route:before{display:none}}@media(max-width:640px){.brand{text-align:left;display:block}.brand .brand-compass{display:inline-block;font-size:35px;vertical-align:middle;margin:0 10px 0 0}.brand span:not(.brand-compass){margin:7px 0 18px 45px}.hero{margin-top:20px;min-height:390px;padding:25px 20px;background-position:38% center}.hero h1{font-size:31px}.hero p{max-width:270px;background:#f7efdfdc}.hero .eyebrow{max-width:210px;font-size:10px;line-height:1.8}.route{padding:24px 20px;gap:24px}.route b{margin-bottom:12px}.route strong{font-size:16px}}
nav .login-tab{color:#d8c49a;text-decoration:none;padding:14px;font-size:14px;border-top:1px solid #ffffff22;margin-top:10px}header{height:auto;min-height:80px;gap:15px;flex-wrap:wrap;padding:14px 0}header form{margin:0}
