a{color:inherit;text-decoration:none}.topbar{z-index:30;background:var(--bg);border-bottom:1px solid var(--color-border-strong);position:sticky;top:0}.topbar-inner{height:52px;padding:0 var(--page-pad);justify-content:space-between;align-items:center;max-width:393px;margin-inline:auto;display:flex}.topbar .logo{font-family:var(--font-family-serif);color:var(--color-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.topbar .logo img{object-fit:contain;width:26px;height:26px}.topbar .logo span{font-family:var(--font-family-sans);letter-spacing:.08em;color:var(--color-muted-text);text-transform:uppercase;font-size:10.5px;font-weight:400;display:block}.page{max-width:393px;padding:0 var(--page-pad) 96px;margin-inline:auto}.pagehead{padding:18px 0 20px;position:relative}.pagehead h1{font-family:var(--font-family-serif);font-size:24px;line-height:var(--leading-heading);color:var(--color-primary);font-weight:900}.map-card{border:1px solid var(--color-border);background:var(--surface);box-shadow:var(--shadow-soft);transform-style:preserve-3d;will-change:transform;border-radius:8px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;position:relative;overflow:hidden}.map-inner{background:linear-gradient(168deg, color-mix(in oklch,var(--color-primary) 4%,var(--surface)) 0%, color-mix(in oklch,var(--color-primary) 9%,var(--surface)) 100%);height:clamp(200px,42vh,320px);position:relative;overflow:hidden}.map-inner .map-texture{object-fit:cover;opacity:.1;width:100%;height:100%;position:absolute;inset:0}.map-inner:before{content:"";z-index:1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px, color-mix(in oklch, var(--color-primary) 22%, transparent) 1px, transparent 1.6px);opacity:.55;background-size:7px 7px;position:absolute;inset:0}.map-grid{background-image:linear-gradient(to right, color-mix(in oklch,var(--color-accent) 26%,transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch,var(--color-accent) 26%,transparent) 1px, transparent 1px);background-size:38px 38px;position:absolute;inset:0}.map-road{background:color-mix(in oklch,var(--color-primary-light) 20%,transparent);position:absolute}.map-road.r1{width:120%;height:8px;top:38%;left:-10%;transform:rotate(-9deg)}.map-road.r2{width:7px;height:120%;top:-10%;left:26%;transform:rotate(4deg)}.map-road.r3{width:120%;height:5px;top:66%;left:-10%;transform:rotate(5deg)}.map-water{background:color-mix(in oklch,var(--color-primary-light) 13%,transparent);border-radius:48% 52% 0 0/62% 58% 0 0;width:130%;height:22%;position:absolute;bottom:8%;left:-10%}.map-pin{background:linear-gradient(180deg,var(--color-primary-light),var(--color-primary));width:40px;height:40px;color:var(--color-text-inverse);box-shadow:0 4px 12px color-mix(in oklch,var(--color-primary-deep) 30%,transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-100%)}.map-pin svg{stroke:currentColor;stroke-width:1.8px;fill:none;width:19px;height:19px}.map-label{background:color-mix(in oklch,var(--surface) 88%,transparent);border:1px solid var(--color-border);box-shadow:var(--shadow-fab);color:var(--fg);border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex;position:absolute;bottom:12px;left:12px}.map-label svg{width:14px;height:14px;stroke:var(--color-accent-text);stroke-width:1.7px;fill:none}.map-hint{letter-spacing:.04em;background:color-mix(in oklch,var(--color-primary) 88%,transparent);color:var(--color-text-inverse);border-radius:4px;padding:5px 9px;font-size:11px;position:absolute;top:12px;right:12px}.map-foot{border-top:1px solid var(--color-border);background:var(--surface);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.map-foot .l{min-width:0;color:var(--fg);flex:auto;font-size:13px;line-height:1.55}.map-foot .l span{color:var(--color-muted-text);margin-top:2px;font-size:11.5px;line-height:1.5;display:block}.map-coord{text-align:right;overflow-wrap:anywhere;flex:none;max-width:9.5em;line-height:1.5}.place-card{background:var(--surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);transform-style:preserve-3d;will-change:transform;border-radius:8px;margin-top:16px;padding:20px 16px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;position:relative}.place-card h2{font-family:var(--font-family-serif);color:var(--color-primary);font-size:20px;font-weight:700}.place-card .addr{color:var(--fg);margin-top:10px;font-size:14.5px;line-height:1.65}.place-card .addr .num{font-family:var(--font-family-number)}.btn{padding:12px 16px;font-size:14.5px}.btn svg{stroke:currentColor;stroke-width:1.7px;fill:none;width:16px;height:16px}.btn-secondary{background:var(--surface);color:var(--color-primary);border:1px solid var(--color-primary);flex:1 1 0}.btn-secondary:hover{background:color-mix(in oklch,var(--color-primary) 6%,var(--surface))}.btn-primary{flex:1 1 0;font-weight:700}.btn-row{gap:12px;margin-top:16px;display:flex}.tabs-wrap{border-bottom:1px solid var(--color-border);margin-top:28px}.tab{min-width:48px;min-height:44px;color:var(--color-muted-text);white-space:nowrap;flex:none;padding:12px 8px 10px;font-size:14px;transition:color .25s,font-weight .2s;position:relative}.tab[aria-selected=true]{color:var(--color-primary);text-shadow:0 1px 2px #8c10161a;font-weight:700}.tab[aria-selected=true]:after{content:"";background:linear-gradient(90deg,var(--color-accent-bright),var(--color-accent));border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.trip{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:12px;padding:16px 0;display:flex}.trip:last-child{border-bottom:0}.trip .dist{flex:0 0 76px}.trip .dist .km{font-family:var(--font-family-number);color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.trip .dist .by{color:var(--color-muted-text);margin-top:2px;font-size:11.5px}.trip .txt{min-width:0;color:var(--fg);flex:auto;font-size:13.5px;line-height:1.6}.trip .txt .t{color:var(--fg);font-weight:500;display:block}.trip .txt .d{color:var(--color-muted-text);margin-top:4px;font-size:12.5px;line-height:1.55;display:block}@media (width<=359px){:root{--page-pad:12px;--shell-max:393px}.pagehead h1{font-size:21px}.trip .dist{flex:0 0 60px}.trip .dist .km{font-size:15px}.btn{padding:12px 10px;font-size:13.5px}.btn-row{gap:8px}.place-card{padding:16px 12px}.map-foot{gap:8px;padding:12px}.map-coord{max-width:7.5em;font-size:11.5px}.tabs{gap:16px}}@media (width>=430px){.page,.topbar-inner,.shell{max-width:430px}:root{--shell-max:430px}}