:root{--paper:#f4f0e7;--ink:#28322e;--muted:#64685f;--gold:#aa652d;--line:#d5d0c3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{max-width:1280px;margin:auto;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:13px;letter-spacing:2px;line-height:1.5}.brand span{display:block;font-size:9px;letter-spacing:4px}.edition,.eyebrow,.date{font-size:10px;letter-spacing:2px}.edition{color:var(--muted)}.cover{max-width:1280px;margin:auto;padding:55px 6% 0;display:grid;grid-template-columns:1fr 1.1fr;gap:40px}.cover-copy{padding:20px 0}.eyebrow{color:var(--gold);font-weight:bold}h1,h2,.lede,.subtitle{font-family:Georgia,serif;font-weight:normal}h1{font-size:clamp(75px,10vw,140px);line-height:.92;letter-spacing:-6px;margin:35px 0 25px}h1 em{font-weight:normal;color:var(--gold)}.subtitle{font-size:24px;margin:0}.intro{color:var(--muted);margin:25px 0}.date{letter-spacing:1px;margin:30px 0}.primary{display:flex;justify-content:space-between;max-width:260px;background:var(--ink);color:var(--paper);padding:14px 20px;font-size:13px}.cover-slot{background:#e5dfd1;min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #cdc4b3;color:#655e4f}.cover-slot>span{font-size:10px;letter-spacing:3px}.cover-slot p{font:26px/1.4 Georgia,serif}.cover-slot small{font-size:11px}.cover-foot{grid-column:1/-1;border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.route-nav{position:sticky;top:0;z-index:5;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:30px;padding:12px 20px}.route-label,.light-link{font-size:10px;letter-spacing:1px}#nav-links{display:flex;gap:8px}#nav-links a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:12px}#nav-links a.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.section{max-width:1040px;margin:auto;padding:75px 40px;border-bottom:1px solid var(--line)}h2{font-size:clamp(35px,5vw,58px);line-height:1.15;letter-spacing:-1.5px;margin:16px 0}.lede{font-size:23px;color:var(--muted);line-height:1.4}.muted{color:var(--muted)}.small{font-size:11px}.route-section ol{list-style:none;padding:0;margin:35px 0}.route-section li a{display:grid;grid-template-columns:35px 1fr auto;gap:15px;align-items:center;border-top:1px solid var(--line);padding:13px 0;font-size:14px}.route-section li a:hover{color:var(--gold)}.stop-letter{font-family:Georgia,serif;font-size:23px;color:var(--gold)}.route-section time{font-size:11px;color:var(--muted)}.chapter-heading{display:flex;justify-content:space-between;align-items:center}.chapter-number{font:100px Georgia,serif;color:#ded7c9}figure{margin:30px 0}img{display:block;width:100%;height:auto}button.photo{display:block;padding:0;border:0;background:none;cursor:zoom-in;width:100%}figcaption{font-size:11px;color:var(--muted);margin-top:10px}.reading{max-width:600px;font-size:17px;line-height:1.8}.editorial{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;margin:25px 0}aside{border-left:1px solid var(--gold);padding-left:25px;font-family:Georgia,serif}aside .eyebrow{font-family:Arial,sans-serif}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;min-height:32px;align-items:center}details p{max-width:600px;color:var(--muted)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.text-link{display:inline-block;border-bottom:1px solid var(--gold);padding:12px 0;font-size:13px}.placeholder{margin:30px 0;min-height:220px;border:1px dashed #bfb5a3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font:23px Georgia,serif;text-align:center;padding:25px}.placeholder span{font:11px Arial,sans-serif;margin-top:12px;letter-spacing:1px}.light-section{background:#eae4d7}.light-times{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:35px 0}.light-times strong{display:block;font:32px Georgia,serif}.light-times span{font-size:11px}.light-times p{border-top:1px solid var(--gold);padding-top:15px}footer{max-width:1040px;margin:auto;padding:55px 40px 80px;display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:12px;color:var(--muted)}footer small{font-size:10px}footer>a{text-align:right}dialog{border:0;background:#17201d;color:white;padding:15px;max-width:95vw;max-height:95dvh}dialog img{width:auto;max-width:90vw;max-height:80dvh;object-fit:contain}dialog p{font-size:11px;margin:8px 0}dialog button{display:block;margin:0 0 15px auto;background:transparent;color:white;border:1px solid #aaa;padding:10px;cursor:pointer}dialog::backdrop{background:#000d}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:white;padding:10px;z-index:20}@media(max-width:650px){header{padding:20px 24px}.edition{font-size:8px}.cover{padding:25px 24px 0;grid-template-columns:1fr;gap:20px}.cover-copy{padding:0}h1{font-size:92px;letter-spacing:-4px;margin:25px 0}.subtitle{font-size:23px}.intro{margin:18px 0}.date{font-size:9px}.cover-slot{min-height:310px}.cover-foot{font-size:10px}.route-nav{padding:9px 12px;gap:10px;justify-content:space-between}.route-label{font-size:8px;width:30px;line-height:1.3}.light-link{display:none}#nav-links{gap:5px;flex:1;justify-content:space-between}#nav-links a{width:32px;height:36px}.section{padding:48px 24px}.route-section li a{gap:8px;grid-template-columns:25px 1fr 80px;font-size:12px}.route-section time{text-align:right;font-size:10px}.chapter-number{font-size:65px}.lede{font-size:21px}.editorial{grid-template-columns:1fr;gap:10px}.pair{grid-template-columns:1fr;gap:0}.pair figure{margin:20px 0}.light-times{grid-template-columns:1fr 1fr}.reading{font-size:16px}footer{padding:40px 24px 65px;grid-template-columns:1fr}footer>a{text-align:left}figcaption{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.approved-cover{margin:0;align-self:start;width:100%;max-width:470px;justify-self:center}.approved-cover img{width:100%;height:auto}@media(max-width:650px){.approved-cover{grid-row:1}.cover-copy{padding-top:15px}h1{font-size:76px}}

.map-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:start}.map-frame{border:1px solid var(--line);background:#e8e5da}.map-frame a:focus circle,.map-frame a:hover circle{fill:var(--gold);stroke:#fff;stroke-width:3}.map-frame a{cursor:pointer}.interval{color:var(--muted)}h3{font:24px/1.4 Georgia,serif;margin:28px 0 14px}.chapter-intro{margin:30px 0 36px}.chapter-intro p{margin:15px 0}.detail-copy{max-width:680px;line-height:1.8;padding:5px 0 15px}.detail-copy a{overflow-wrap:anywhere}.sunset-feature{margin:35px 0;padding:10px 25px;background:#ede5d5}.sunset-feature p{font-family:Arial,sans-serif}.solar-table{width:100%;border-collapse:collapse;margin:30px 0;font-size:14px}.solar-table th,.solar-table td{text-align:left;padding:12px 8px;border-bottom:1px solid #c9c0ae}.solar-table th:last-child,.solar-table td:last-child{text-align:right}.heritage-sidebar{border-left:3px solid var(--gold);padding-left:18px}details[open] summary span{transform:rotate(45deg)}#welcome details{margin-top:15px}@media(max-width:760px){.map-layout{grid-template-columns:1fr}.map-frame{max-width:440px;margin:auto}.sunset-feature{padding:8px 16px}h3{font-size:22px}}

#walking-map{height:580px;width:100%;z-index:0;font-family:Arial,sans-serif}.route-pin{background:none;border:none}.route-pin span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#28322e;border:2px solid white;color:white;font:14px Arial,sans-serif;box-shadow:0 1px 5px #0005}.map-control{background:var(--paper);border:1px solid var(--ink);color:var(--ink);padding:10px 14px;cursor:pointer}.leaflet-popup-content a{color:#805023;text-decoration:underline}.standalone-map header{max-width:none;padding:15px 20px;font-size:12px}.standalone-map #walking-map{height:calc(100dvh - 190px);min-height:340px}.map-toolbar{padding:10px 20px;font-size:12px}.map-toolbar p{margin:5px 0}.leaflet-control-attribution{font-size:10px!important}@media(max-width:650px){#walking-map{height:510px}.standalone-map header span{font-size:9px}}

.leaflet-control-attribution svg{width:12px;height:8px;display:inline}.leaflet-pane img{max-width:none;width:auto}.leaflet-tile{width:256px!important;height:256px!important}

.source-notes a{text-decoration:underline;overflow-wrap:anywhere}.source-notes li{margin:10px 0}

.portrait-photo{max-width:480px;margin:30px auto}.portrait-photo img{width:100%;height:auto}

/* Final review: keep route navigation within narrow phone screens. */
@media(max-width:380px){.route-nav{gap:6px;padding:8px}.route-label{width:26px;flex-shrink:0}#nav-links{gap:2px;min-width:0}#nav-links a{width:auto;min-width:0;flex:1;height:44px}}
summary{min-height:44px;gap:12px}summary span{flex-shrink:0}.portrait-photo{max-width:383px}.map-control{min-height:44px}
/* Keep the light companion reachable in portrait as well as landscape. */
@media(max-width:650px){.route-nav{flex-wrap:wrap;row-gap:6px}.light-link{display:block;flex:0 0 100%;text-align:right;min-height:30px;line-height:30px;padding-right:4px}html{scroll-padding-top:115px}}
