:root{--bg:#f7f0dc;--map:#fff9e9;--panel:#fffef8;--ink:#17212b;--muted:#5d6a72;--line:#d8c48a;--primary:#176b87;--deep:#0b3344;--accent:#d99a22;--olive:#6f8f3a;--danger:#c34739;--shadow:#1c2630}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Trebuchet MS,Segoe UI,sans-serif;background:linear-gradient(rgba(23,107,135,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,107,135,.08) 1px,transparent 1px),radial-gradient(circle at top left,rgba(217,154,34,.18),transparent 34%),var(--bg);background-size:32px 32px,32px 32px,auto,auto}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:18px;padding:14px clamp(16px,4vw,52px);background:rgba(255,249,233,.94);border-bottom:3px solid var(--shadow)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:900}.brand-mark{width:26px;height:26px;border:3px solid var(--shadow);background:linear-gradient(90deg,transparent 42%,var(--panel) 42% 58%,transparent 58%),linear-gradient(135deg,var(--primary),#4ab1c4 52%,var(--accent));box-shadow:3px 3px 0 var(--shadow);clip-path:polygon(12% 100%,50% 0,88% 100%)}nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:14px;font-weight:900;padding:8px 10px;border:2px solid transparent}nav a:hover{border-color:var(--shadow);background:var(--accent);color:var(--ink)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.72fr);gap:clamp(22px,4vw,46px);align-items:center;padding:clamp(34px,7vw,80px) clamp(16px,5vw,70px) 34px}.hero-card,.hero-copy{min-width:0}.hero-copy h1,.subhero h1{margin:0;max-width:940px;font-size:clamp(42px,7.4vw,84px);line-height:.92;letter-spacing:0}.lead{max-width:790px;color:var(--muted);font-size:clamp(18px,2vw,23px);line-height:1.45;font-weight:750}.eyebrow{margin:0 0 12px;display:inline-block;font-weight:900;text-transform:uppercase;letter-spacing:0;color:var(--deep)}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button,.inline-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border:3px solid var(--shadow);background:var(--primary);color:#fff;font-weight:900;box-shadow:5px 5px 0 var(--shadow)}.button.secondary{background:var(--accent);color:var(--ink)}.button.pale,.inline-action{background:var(--panel);color:var(--ink)}.console,.hero-card,.panel,.route-card{background:rgba(255,254,248,.94);border:3px solid var(--shadow);box-shadow:8px 8px 0 var(--shadow)}.hero-card{padding:16px;transform:rotate(-1deg)}.voyage-card{background:linear-gradient(180deg,#fffef8,#eef8f1)}.hero-card img{width:100%;height:auto;display:block;border:3px solid var(--shadow);background:var(--map)}.hero-stats,.route-card{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.hero-stats div,.route-card div{padding:10px;background:#f4edd2;border:2px solid var(--line)}.hero-stats span,.route-card span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.hero-stats b,.route-card b{display:block;font-size:18px;margin-top:4px;overflow-wrap:anywhere}.wrap{width:min(1140px,calc(100% - 32px));margin:0 auto}.section{padding:38px 0}.section-head{margin-bottom:18px}.console h2,.panel h2,.related h2,.section-head h2{margin:0 0 10px;font-size:clamp(28px,4vw,44px);line-height:1}.panel p,.section-head p,details p{color:var(--muted);line-height:1.55;font-weight:680}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel{padding:22px}.panel h2,.panel h3{margin-top:0}.panel ul,.steps{padding-left:20px}.panel li,.steps li{margin:9px 0;color:var(--ink);font-weight:760}.number-tag{display:inline-block;padding:4px 8px;border:2px solid var(--shadow);background:var(--olive);color:#fff;font-weight:900}.console{width:min(1140px,calc(100% - 32px));margin:14px auto 32px;padding:24px}.safe-planner{background:linear-gradient(180deg,rgba(255,254,248,.96),rgba(232,248,246,.96))}.console-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.console-badge{padding:8px 10px;border:2px solid var(--shadow);background:var(--accent);font-weight:900;white-space:nowrap}.stage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.chip,.stage{border:2px solid var(--shadow);background:var(--map);color:var(--ink);padding:12px;text-align:left;font:inherit;cursor:pointer}.stage span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.stage b{display:block;margin-top:4px}.chip.active,.stage.active{background:#cfe8e2;box-shadow:4px 4px 0 var(--shadow)}.planner-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.planner-controls label{display:grid;gap:7px;font-weight:900}.planner-controls select{width:100%;min-height:44px;border:2px solid var(--shadow);background:var(--panel);color:var(--ink);padding:8px 10px;font:inherit;font-weight:800}.pressure-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.chip{width:auto;font-weight:900}.route-output{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;background:#e9f5f1;border:2px solid #a5c8bd;padding:18px}.route-output ol{margin:0;padding-left:22px}.route-output li{margin:8px 0;font-weight:820}.route-output aside{background:var(--panel);border-left:6px solid var(--danger);padding:14px}.subhero{padding:clamp(32px,6vw,72px) 0 24px}.subhero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}details{border-top:2px solid var(--line);padding:12px 0}summary{cursor:pointer;font-weight:900}.link-stack,.related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.link-stack a,.related a{display:block;padding:14px;border:2px solid var(--shadow);background:var(--map);font-weight:900}.related p{margin:6px 0 0;font-size:14px;color:var(--muted)}.callout.blue{background:#e7f4f1}.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px clamp(16px,4vw,52px);border-top:3px solid var(--shadow);background:var(--panel);color:var(--muted);font-weight:700}.footer div{display:flex;gap:14px}@media (max-width:1000px){.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.topbar{align-items:flex-start;flex-direction:column}nav{justify-content:flex-start;width:100%;gap:6px}nav a{font-size:13px;padding:7px 6px}.content-grid,.hero,.link-stack,.planner-controls,.related>div,.route-output,.split,.stage-grid,.subhero-grid{grid-template-columns:1fr}.hero{width:100%;max-width:100vw;padding-left:24px;padding-right:24px}.hero-card,.hero-copy{width:min(100%,calc(100vw - 48px));max-width:calc(100vw - 48px)}.hero-copy h1,.subhero h1{font-size:clamp(38px,11vw,46px);line-height:.96;overflow-wrap:anywhere}.hero-card{transform:none}}