html,body{margin:0;padding:0}:root{--paper:#f4f5f1;--surface:#fff;--surface-2:#e8ece6;--ink:#161814;--muted:#666c62;--line:#d6ddd1;--charcoal:#121310;--moss:#5e765f;--sea:#2e7082;--rust:#a44b35;--gold:#9a7422;--future:#a13f45;--restaurant:#aa4f37;--shadow:0 24px 80px #1618142e}*{box-sizing:border-box}html,body,#root{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}button,a{font:inherit}button{color:inherit}.app-shell{background:linear-gradient(90deg, #2e708214, transparent 32%), linear-gradient(180deg, #5e765f14, transparent 42%), var(--paper);min-height:100vh}.site-bar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);background:#f4f5f1f0;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.brand-button,.site-actions button,.credit-link{color:var(--ink);background:0 0;border:0;text-decoration:none}.brand-button{cursor:pointer;letter-spacing:0;padding:0;font-size:22px;font-weight:680}.site-actions{align-items:center;gap:10px;display:flex}.site-actions button{cursor:pointer;border:1px solid var(--line);min-height:34px;color:var(--muted);background:#ffffff80;border-radius:6px;padding:0 12px;font-size:13px}.site-actions button:hover{color:var(--ink);border-color:var(--ink);background:var(--surface)}.credit-link{color:var(--muted);font-size:13px}.credit-link:hover{color:var(--ink)}.entry-layout{grid-template-columns:minmax(360px,58vw) minmax(360px,1fr);min-height:calc(100vh - 64px);display:grid}.hero-pane{background:var(--charcoal);min-width:0;min-height:calc(100vh - 64px);position:relative;overflow:hidden}.hero-pane:after{content:"";pointer-events:none;background:linear-gradient(#1213100a,#12131075),linear-gradient(90deg,#0000 55%,#1213101f);position:absolute;inset:0}.hero-image{object-fit:cover;width:100%;height:100%;min-height:calc(100vh - 64px);display:block}.hero-meta{z-index:2;color:#fff;text-shadow:0 1px 10px #0000008c;flex-wrap:wrap;gap:8px;font-size:12px;display:flex;position:absolute;bottom:118px;left:24px;right:24px}.hero-meta span{background:#12131073;border:1px solid #ffffff57;border-radius:4px;padding:6px 8px}.photo-strip{z-index:3;grid-template-columns:repeat(8,56px);gap:8px;padding-bottom:2px;display:grid;position:absolute;bottom:24px;left:24px;right:24px;overflow-x:auto}.photo-thumb{cursor:pointer;opacity:.72;background:#12131080;border:1px solid #ffffff3d;border-radius:6px;width:56px;height:72px;padding:0;overflow:hidden}.photo-thumb:hover,.photo-thumb-active{opacity:1;border-color:#fff}.photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.story-pane{background:#ffffffdb;min-width:0;padding:62px 52px 48px;overflow-y:auto}.tag-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.entry-tag{border:1px solid var(--line);min-height:26px;color:var(--muted);letter-spacing:0;background:#ffffffb8;border-radius:4px;align-items:center;padding:4px 8px;font-size:12px;line-height:1;display:inline-flex}.kind-route{color:var(--sea);border-color:#2e708257}.kind-restaurant{color:var(--restaurant);border-color:#aa4f3757}.kind-place{color:var(--moss);border-color:#5e765f57}.status-want,.status-lifetime{color:var(--future);border-color:#a13f4557}.status-visited{color:var(--moss);border-color:#5e765f57}.tier-tag{color:var(--gold);border-color:#9a742257}.story-pane h1{letter-spacing:0;max-width:13ch;margin:0;font-size:56px;line-height:1}.entry-location{color:var(--muted);margin:16px 0 0;font-size:15px;line-height:1.45}.entry-lede{color:#2a2d27;max-width:720px;margin:30px 0 0;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:22px;line-height:1.46}.entry-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;max-width:380px;margin-top:34px;display:grid}.entry-controls button,.related-list button,.browse-header button,.browse-filter-row button,.rail-card,.filter-row button,.entry-index button,.drawer-header button,.map-header button{cursor:pointer;border:1px solid var(--line);background:#ffffffad;border-radius:6px;transition:border-color .15s,background .15s,color .15s}.entry-controls button{min-height:40px;padding:0 14px}.entry-controls button:hover,.related-list button:hover,.browse-header button:hover,.browse-filter-row button:hover,.rail-card:hover,.filter-row button:hover,.entry-index button:hover,.drawer-header button:hover,.map-header button:hover{border-color:var(--ink);background:var(--surface)}.entry-controls span{color:var(--muted);white-space:nowrap;font-size:13px}.browse-shelf{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.browse-header{justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px;display:flex}.browse-header p{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:680}.browse-header h2{margin:0;font-size:22px;line-height:1.12}.browse-header button{min-height:34px;color:var(--muted);white-space:nowrap;padding:0 11px;font-size:13px}.browse-filter-row{gap:7px;margin-bottom:12px;padding-bottom:2px;display:flex;overflow-x:auto}.browse-filter-row button{min-height:30px;color:var(--muted);flex:none;padding:0 10px;font-size:13px}.browse-filter-row .browse-filter-active{color:#fff;border-color:var(--ink);background:var(--ink)}.rail-list{scroll-snap-type:x proximity;grid-auto-columns:minmax(132px,158px);grid-auto-flow:column;gap:8px;padding-bottom:6px;display:grid;overflow-x:auto}.rail-card{text-align:left;scroll-snap-align:start;grid-template-rows:68px minmax(48px,auto);gap:7px;min-height:132px;padding:7px;display:grid}.rail-card-active{border-color:var(--ink);background:var(--surface)}.rail-card img{object-fit:cover;background:var(--charcoal);border-radius:4px;width:100%;height:68px}.rail-card span{align-content:start;gap:4px;min-width:0;display:grid}.rail-card strong,.related-copy strong{text-overflow:ellipsis;white-space:nowrap;font-weight:660;overflow:hidden}.rail-card small,.related-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;overflow:hidden}.entry-details{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:32px;padding-top:24px;display:grid}.entry-details section,.related-block{min-width:0}.entry-details h2,.related-block h2{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:680}.entry-details ul{gap:9px;margin:0;padding:0;font-size:15px;line-height:1.35;list-style:none;display:grid}.entry-details li{border-left:2px solid var(--line);padding-left:14px}.related-block{margin-top:28px}.related-list{gap:8px;max-width:520px;display:grid}.related-list button{text-align:left;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;min-height:68px;padding:7px;display:grid}.related-list img{object-fit:cover;background:var(--charcoal);border-radius:4px;width:54px;height:54px}.related-copy{gap:4px;min-width:0;display:grid}.entry-index strong{font-weight:660}.entry-index small,.drawer-header p,.map-header p{color:var(--muted);font-size:12px}.index-drawer,.map-overlay{z-index:80;position:fixed}.index-drawer{inset:0}.drawer-scrim{background:#1213106b;position:absolute;inset:0}.drawer-panel{border-left:1px solid var(--line);background:var(--surface-2);width:min(440px,100vw);height:100%;box-shadow:var(--shadow);flex-direction:column;display:flex;position:absolute;top:0;right:0}.drawer-header,.map-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.drawer-header{border-bottom:1px solid var(--line);padding:22px 18px 16px}.drawer-header h2,.map-header h2{margin:0;font-size:22px;line-height:1.1}.drawer-header p,.map-header p{margin:4px 0 0}.drawer-header button,.map-header button{min-height:36px;padding:0 12px}.filter-row{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:16px;display:flex}.filter-row button{min-height:32px;color:var(--muted);padding:0 10px;font-size:13px}.filter-row .filter-active{color:#fff;border-color:var(--ink);background:var(--ink)}.entry-index{align-content:start;gap:8px;margin:0;padding:16px;list-style:none;display:grid;overflow-y:auto}.entry-index button{text-align:left;grid-template-columns:54px minmax(0,1fr);gap:10px;width:100%;min-height:68px;padding:7px;display:grid}.entry-index .index-active{border-color:var(--ink);background:var(--surface)}.entry-index img{object-fit:cover;background:var(--charcoal);border-radius:4px;width:54px;height:54px}.entry-index span{align-content:center;gap:4px;min-width:0;display:grid}.entry-index strong,.entry-index small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.map-overlay{background:var(--charcoal);inset:0}.map-header{z-index:4;color:#fff;background:linear-gradient(#121310c7,#12131000);padding:18px 22px;position:absolute;top:0;left:0;right:0}.map-header p{color:#ffffffb3}.map-header button{color:#fff;background:#ffffff14;border-color:#ffffff3d}.map-header button:hover{background:#ffffff29;border-color:#fff}.map-loading{color:#ffffffb8;place-items:center;min-height:100vh;display:grid}.globe-marker-label{color:#fff;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:0;pointer-events:all;background:#121310c7;border:1px solid;border-radius:4px;padding:4px 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px}.globe-marker-label:hover{background:#121310f2}@media (width<=920px){.entry-layout{grid-template-columns:1fr}.hero-pane,.hero-image{min-height:64vh}.story-pane{padding:42px 28px 44px;overflow:visible}}@media (width<=620px){.site-bar{height:58px;padding:0 16px}.brand-button{font-size:20px}.site-actions{gap:6px}.site-actions button{min-height:32px;padding:0 9px}.credit-link{display:none}.hero-pane,.hero-image{min-height:58vh}.hero-meta{bottom:104px;left:16px;right:16px}.photo-strip{grid-template-columns:repeat(8,50px);bottom:18px;left:16px;right:16px}.photo-thumb{width:50px;height:64px}.story-pane{padding:34px 20px 38px}.story-pane h1{max-width:12ch;font-size:38px;line-height:1.02}.entry-lede{font-size:19px}.entry-details{grid-template-columns:1fr}}