:root{color-scheme:light;--paper:#f8f5ee;--panel:#fffdf8;--ink:#172824;--muted:#4f5b52;--line:#d9d7cc;--sage:#344e44;--pale:#ebefe6;--display:"Cormorant Garamond",Georgia,serif;--body:Manrope,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--body)}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.035em;line-height:.99}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #aa6338;outline-offset:4px}section[id]{scroll-margin-top:18px}.skip{position:absolute;left:10px;top:10px;transform:translateY(-160%);z-index:2;background:var(--panel);padding:10px 18px}.skip:focus{transform:none}
.shell{width:min(1160px,calc(100% - 88px));margin-inline:auto}.top{background:var(--paper);border-bottom:1px solid var(--line)}.top-inner{height:70px;display:flex;justify-content:space-between;align-items:center;gap:24px}.wordmark{display:inline-flex;gap:8px;align-items:center;text-decoration:none;font:700 34px/1 var(--display);letter-spacing:-.06em}.mark{font-size:18px;color:#a85838}.top nav{display:flex;gap:29px;font-size:13px;font-weight:700}.top nav a{text-decoration:none}.top nav a:hover,.footer a:hover{color:#9c4f35}.night-toggle{display:flex;align-items:center;gap:7px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:100px;padding:6px 12px;font-size:12px;font-weight:700}.night-toggle:hover{border-color:#a85838}.moon{font-size:16px;line-height:1}
.hero{color:#f8f3e6;background:radial-gradient(ellipse at 76% 45%,#203640 0,transparent 58%),linear-gradient(110deg,#101b27,#14232e 78%);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:54px;align-items:center;padding-block:68px}.hero-copy .eyebrow{color:#e1b795}.eyebrow{font:700 10px/1.45 var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--sage)}.eyebrow span{margin-right:3px;font-size:12px}.hero h1{font-size:clamp(64px,8.3vw,122px);line-height:.78;letter-spacing:-.058em;margin:25px 0 28px}.hero h1 em{color:#e3ab8b;font-weight:500}.hero-lead{max-width:342px;color:#d8e0dc;font-size:16px;margin-bottom:25px}.button{display:inline-flex;align-items:center;gap:16px;min-height:43px;padding:8px 15px;border:1px solid transparent;border-radius:6px;text-decoration:none;font-size:13px;font-weight:750}.button.primary{background:#e5bd9f;color:#212722}.button.primary:hover{background:#f3ceb3}.button.dark{background:var(--sage);color:var(--panel)}.button.dark:hover{filter:brightness(1.12)}.hero-note{margin-top:14px;font:11px/1.5 var(--mono);color:#b6c6c6}
.chart{min-width:0;border:1px solid #607675;border-radius:12px;background:linear-gradient(135deg,#142931,#172936 64%,#2c3d3e);overflow:hidden;box-shadow:0 18px 70px #09121c55}.chart-top,.chart figcaption{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 17px;font:11px/1.5 var(--mono);color:#c1d0cc;letter-spacing:.07em}.chart-top{border-bottom:1px solid #5e747766}.chart figcaption{border-top:1px solid #5e747766}.chart figcaption span:first-child{font:600 26px/1 var(--display);color:#f3e6cf;letter-spacing:-.025em}.chart-meta{text-align:right}.chart canvas{width:100%;height:auto;display:block;aspect-ratio:600/430}
.section{padding-block:69px}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:end;margin-bottom:28px}.section-head h2{font-size:clamp(48px,6.4vw,76px);margin-top:9px}.section-head>p{color:var(--muted);max-width:39ch;justify-self:end}.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.route{position:relative;min-width:0;display:grid;gap:7px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:19px 38px 19px 18px;color:var(--ink)}.route[aria-pressed=true],.route:hover{border-color:var(--sage);background:var(--pale)}.route-n,.small{font:11px/1.5 var(--mono);color:var(--muted)}.route strong,.route-detail h3,.log-grid h3{font:700 32px/1 var(--display);letter-spacing:-.035em}.route-summary{font-size:13px;line-height:1.4;color:var(--muted)}.route-arrow{position:absolute;right:16px;top:15px;color:var(--sage)}.route-detail{margin-top:18px;padding:22px;display:grid;grid-template-columns:.72fr 1fr;gap:25px;border:1px dashed var(--line);border-radius:10px}.route-detail h3{margin:5px 0 8px}.route-detail p:not(.eyebrow),.route-detail ol{font-size:14px;color:var(--muted)}.route-detail ol{margin:0;padding-left:20px}.route-detail li+li{margin-top:5px}.route-detail li::marker{color:var(--sage);font:700 12px var(--mono)}
.guide-band{background:var(--pale);border-block:1px solid var(--line)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.guide-grid article{border-top:1px solid var(--line);padding:14px 5px 0 0}.guide-n{font:12px/1.5 var(--mono);color:var(--sage)}.guide-grid h3{font-size:33px;margin:8px 0}.guide-grid article p:last-child{font-size:14px;color:var(--muted)}.references{font-size:13px;margin-top:22px;color:var(--muted)}.references a{text-underline-offset:3px}
.log-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.log-card,.entries{padding:21px;border:1px solid var(--line);border-radius:10px;background:var(--panel);min-width:0}.log-card h3{margin-bottom:14px}.log-card label{display:block;font-size:13px;font-weight:700;margin-bottom:10px;min-width:0}.optional{font-weight:400;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr minmax(135px,.6fr);gap:10px}.log-card input,.log-card textarea{display:block;background:var(--paper);color:var(--ink);width:100%;border:1px solid var(--line);border-radius:5px;margin-top:3px;padding:8px;font-size:14px;min-height:40px}.log-card textarea{resize:vertical}.form-actions,.entries-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.entries-head{flex-wrap:wrap}.text-button{padding:2px 0;background:transparent;color:var(--sage);border:0;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:700}.text-button:disabled{color:var(--muted);text-decoration:none;opacity:.65}.empty{margin-top:16px;padding:24px 12px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:7px;font-size:14px}.empty span{display:block;color:var(--sage);font-size:25px;line-height:1}.observation-list{list-style:none;margin:10px 0 0;padding:0}.observation-list li{border-top:1px solid var(--line);padding-block:10px;overflow-wrap:anywhere}.observation-heading{display:flex;justify-content:space-between;align-items:start;gap:8px}.observation-list .entry-notes{font-size:14px;white-space:pre-wrap;margin-top:5px}
.footer{border-top:1px solid var(--line);padding-block:24px;color:var(--muted);font-size:13px}.footer .shell{display:flex;justify-content:space-between;gap:12px;align-items:center}.footer .wordmark{color:var(--ink);font-size:27px}.footer a:last-child{text-decoration:none}
html.night{color-scheme:dark;--paper:#171313;--panel:#1e1717;--ink:#f1c3b4;--muted:#d8a594;--line:#563935;--pale:#281c1b;--sage:#e3a58e}html.night .hero{background:#1a1416;color:#efc8bb}html.night .hero-lead,html.night .hero-note,html.night .chart-meta,html.night .chart-top{color:#d6a597}html.night .chart{background:#251b1d;border-color:#704844}html.night .chart-top,html.night .chart figcaption{border-color:#704844}html.night .chart figcaption span:first-child{color:#f1c3b4}html.night .mark{color:#e3a58e}
@media(max-width:850px){.shell{width:calc(100% - 48px)}.hero-grid{gap:22px;padding-block:56px}.hero h1{font-size:clamp(58px,9.2vw,92px)}.section{padding-block:53px}.section-head{gap:17px}.routes{gap:8px}.route{padding-inline:13px 29px}.route-arrow{right:9px}}
@media(max-width:590px){.shell{width:calc(100% - 32px)}.top-inner{height:60px;gap:7px}.top .wordmark{font-size:28px;gap:5px}.top nav{gap:9px;font-size:11px}.night-toggle{padding:6px 7px;font-size:0}.moon{font-size:19px}.hero-grid,.section-head,.route-detail,.log-grid{grid-template-columns:1fr}.hero-grid{padding-block:39px 31px;gap:23px}.hero h1{font-size:clamp(66px,13vw,95px);margin:20px 0 21px}.hero-lead{margin-bottom:17px}.section{padding-block:43px}.section-head{gap:9px;margin-bottom:19px}.section-head>p{justify-self:start}.section-head h2{font-size:clamp(44px,11.5vw,65px)}.routes,.guide-grid{grid-template-columns:1fr}.routes{gap:7px}.route{padding:11px 34px 11px 12px;gap:4px}.route-detail,.log-grid{gap:11px}.route-detail{padding:14px}.guide-grid{gap:13px}.guide-grid article{padding-top:9px}.footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.chart-jump{display:inline-block;margin-top:6px;color:var(--sage);font-size:12px;font-weight:700;text-underline-offset:3px}#chart{scroll-margin-top:16px}
