
body.home, .bth-inline {
  --bth-paper:var(--paper); --bth-paper-2:var(--paper-2); --bth-card:var(--surface); --bth-ink:var(--ink); --bth-soft:var(--ink-soft); --bth-muted:var(--ink-soft);
  --bth-line:color-mix(in srgb, var(--line) 55%, var(--paper)); --bth-line-soft:color-mix(in srgb, var(--line) 28%, var(--paper));
  --bth-brand:var(--brand); --bth-brand-fg:#FFFFFF;
  --bth-cta-bg:var(--accent); --bth-cta-fg:var(--accent-ink); --bth-cta-hover:var(--accent-deep);
  --bth-free:#1E5B34; --bth-free-bg:#D7E5C4; --bth-cond:#6E4200; --bth-cond-bg:#F2DDA6; --bth-paid:#7A2A18; --bth-paid-bg:#F0D3C2;
  --bth-deep:var(--inverse-bg); --bth-deep-fg:var(--inverse-head); --bth-deep-soft:var(--inverse-muted);
  --bth-star:#584100; --bth-shadow:0 1px 2px rgba(40,30,10,.08),0 8px 24px rgba(40,30,10,.12);
  --bth-pin-free:#1E5B34; --bth-pin-cond:#7A4A00; --bth-pin-paid:#7A2A18;
  --bth-stone:#CDAE6B; --bth-stone-dk:#A8864A; --bth-stone-lt:#E3CB93; --bth-win:#6E5A2E; --bth-hill:#D3BC86; --bth-hill-2:#C7AE72; --bth-river:#0C6471; --bth-sky-a:#F3E7C8; --bth-sky-b:#EADBB7;
  --bth-maxw:1240px; --bth-gut:clamp(16px,4vw,40px);
  background:var(--bth-paper);
  font-size:17px;
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) body.home, :root:not([data-theme="light"]) .bth-inline { --bth-brand-fg:#0F1A12; --bth-free:#8BD79A; --bth-free-bg:#1B3324; --bth-cond:#F0C26A; --bth-cond-bg:#3A2D12; --bth-paid:#F2A892; --bth-paid-bg:#3B2119; --bth-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35); --bth-star:var(--gold); --bth-pin-free:#8BD79A; --bth-pin-cond:#F0C26A; --bth-pin-paid:#F2A892; --bth-stone:#5E5030; --bth-stone-dk:#3F3520; --bth-stone-lt:#76653D; --bth-win:#1F1A0E; --bth-hill:#1D2C22; --bth-hill-2:#16231B; --bth-river:#52C2CC; --bth-sky-a:#17241C; --bth-sky-b:#101A14; } }
:root[data-theme="dark"] body.home, :root[data-theme="dark"] .bth-inline { --bth-brand-fg:#0F1A12; --bth-free:#8BD79A; --bth-free-bg:#1B3324; --bth-cond:#F0C26A; --bth-cond-bg:#3A2D12; --bth-paid:#F2A892; --bth-paid-bg:#3B2119; --bth-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35); --bth-star:var(--gold); --bth-pin-free:#8BD79A; --bth-pin-cond:#F0C26A; --bth-pin-paid:#F2A892; --bth-stone:#5E5030; --bth-stone-dk:#3F3520; --bth-stone-lt:#76653D; --bth-win:#1F1A0E; --bth-hill:#1D2C22; --bth-hill-2:#16231B; --bth-river:#52C2CC; --bth-sky-a:#17241C; --bth-sky-b:#101A14; }
body.home { overflow-x:hidden; }
.bth { color:var(--bth-ink); line-height:1.6; }

.bth a:not(.btn) { color:var(--bth-brand); text-underline-offset:3px; }
.bth p { margin:0; max-width:none; }
.bth h1, .bth h2, .bth h3 { font-family:var(--display); font-weight:400; margin:0; color:var(--bth-ink); text-wrap:balance; }
.bth h2, .bth .rule-h2 { font-size:clamp(30px,4vw,46px); line-height:1.1; letter-spacing:.005em; border:0; padding:0; margin:0; }
.bth h3 { font-size:22px; line-height:1.2; letter-spacing:.01em; }
.bth-wrap { max-width:var(--bth-maxw); margin:0 auto; padding:0 var(--bth-gut); }
.bth-sec { padding:clamp(56px,8vw,96px) 0; }
.bth-band { background:var(--bth-paper-2); }

.bth-sec > .bth-wrap { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:32px; }
.bth-sec > .bth-wrap > * { grid-column:1 / -1; min-width:0; }
.bth-sec > .bth-wrap > h2 { grid-column:1; margin-bottom:36px; }
.bth-sec > .bth-wrap > h2:has(+ .bth-lede) { margin-bottom:0; }
.bth p.bth-lede { font-size:18px; color:var(--bth-soft); max-width:680px; }
.bth .bth-sec > .bth-wrap > p.bth-lede { grid-column:1; margin-top:12px; margin-bottom:36px; }
.bth-sec > .bth-wrap > .bth-side-link { grid-column:2; grid-row:1 / span 2; align-self:end; margin-bottom:36px; }
@media (max-width:760px) {
  .bth .bth-sec > .bth-wrap > p.bth-lede { grid-column:1 / -1; }
  .bth-sec > .bth-wrap > h2 { grid-column:1 / -1; }
  .bth .bth-sec > .bth-wrap > p.bth-lede:has(+ .bth-side-link) { margin-bottom:14px; }
  .bth-sec > .bth-wrap > .bth-side-link { grid-column:1 / -1; grid-row:auto; justify-self:start; }
}
.bth a.bth-side-link { font-weight:700; font-size:15px; white-space:nowrap; text-decoration:none; }
@media (max-width:760px) { .bth .bth-more-row a.bth-side-link { white-space:normal; } } 
.bth-side-link:hover { text-decoration:underline; }
.bth .num { font-variant-numeric:tabular-nums; }
.bth-sec[id], [id^="walk-"] { scroll-margin-top:80px; }

.bth-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:var(--display); font-weight:400; font-size:17px; letter-spacing:.03em; line-height:1; text-decoration:none; border-radius:999px; padding:13px 20px; min-height:46px; border:0; cursor:pointer; white-space:nowrap; }
.bth a.bth-btn-cta, .bth-btn-cta { background:var(--bth-cta-bg); color:var(--bth-cta-fg); }
.bth a.bth-btn-cta:hover, .bth-btn-cta:hover { background:var(--bth-cta-hover); color:var(--bth-cta-fg); }
.bth-via { font-size:13.5px; color:var(--bth-muted); text-align:center; }
.bth-reset { font:700 14px/1 var(--body); background:none; border:1.5px solid var(--bth-line); color:var(--bth-ink); border-radius:999px; padding:11px 16px; cursor:pointer; min-height:42px; }

.bth-hero { position:relative; background:linear-gradient(180deg,var(--bth-sky-a) 0%,var(--bth-sky-b) 100%); color:var(--bth-ink); padding-top:clamp(28px,4vw,56px); overflow:hidden; }
.bth-hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(24px,4vw,56px); align-items:center; }
.bth-hero h1 { font-size:clamp(34px,4.6vw,62px); line-height:1.05; letter-spacing:.005em; color:var(--bth-ink); }
.bth-hero .bth-hl { font-size:19px; line-height:1.5; color:var(--bth-soft); max-width:none; margin-top:18px; }
.bth-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.bth a.bth-chip-a { font-family:var(--display); font-size:16px; letter-spacing:.03em; line-height:1; color:var(--bth-ink); text-decoration:none; border:1.5px solid var(--bth-line); background:var(--bth-card); border-radius:999px 999px 8px 8px; padding:12px 16px; }
.bth a.bth-chip-a:hover { background:var(--bth-brand); color:var(--bth-brand-fg); border-color:var(--bth-brand); }
.bth-hero-photo { margin:0; position:relative; min-width:0; }
.bth-hero-img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:220px 220px 20px 20px; box-shadow:var(--bth-shadow); }
.bth-hero-box { position:relative; margin:-40px 18px 0; background:var(--bth-card); color:var(--bth-ink); border:1px solid var(--bth-line); border-left:6px solid var(--bth-brand); border-radius:14px; padding:16px 20px; box-shadow:var(--bth-shadow); }
.bth-hero-box .bth-t { font-weight:700; font-size:15px; margin:0 0 8px; }
.bth-hero-box ul { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.bth-hero-box li { display:flex; gap:10px; align-items:baseline; font-size:14.5px; line-height:1.4; }
.bth-dot { flex:none; width:9px; height:9px; border-radius:50%; background:var(--bth-free); transform:translateY(-1px); }
.bth-muted { color:var(--bth-muted); }
.bth-sky { margin-top:clamp(14px,2.5vw,32px); }
.bth-sky-stage { position:relative; width:100%; max-width:1440px; margin:0 auto; aspect-ratio:1200/310; }
.bth-sky-svg { position:absolute; inset:0; width:100%; height:100%; display:block; }
.bth-s-hill { fill:var(--bth-hill); } .bth-s-hill2 { fill:var(--bth-hill-2); }
.bth-s-lawn { fill:var(--bth-free); opacity:.22; }
.bth-s-stone, .bth-s-folly rect { fill:var(--bth-stone); }
.bth-s-folly path:not(.bth-s-win) { fill:var(--bth-stone-dk); }
.bth-s-cornice { fill:none; stroke:var(--bth-stone-dk); stroke-width:3; }
.bth-s-pinn { fill:none; stroke:var(--bth-stone-dk); stroke-width:4; stroke-linecap:round; }
.bth-s-win { fill:var(--bth-win); }
.bth-s-wins { fill:none; stroke:var(--bth-win); stroke-width:7; stroke-dasharray:3 8; }
.bth-s-wins2 { stroke-width:6; }
.bth-s-open { fill:var(--bth-sky-b); }
.bth-s-weir { fill:none; stroke:var(--bth-river); stroke-width:3; stroke-linecap:round; }
.bth-s-river { fill:none; stroke:var(--bth-river); stroke-width:6; stroke-linecap:round; }
.bth-s-river2 { stroke-width:3; opacity:.55; }
.bth-s-free { fill:var(--bth-pin-free); stroke:var(--bth-card); stroke-width:3; }
.bth-s-meet { fill:var(--bth-brand); stroke:var(--bth-card); stroke-width:3; }
.bth-sl { position:absolute; transform:translate(-50%,-50%); font-size:13px; line-height:1.1; color:var(--bth-ink); white-space:nowrap; font-weight:600; }
.bth-sl-big { font-family:var(--display); font-size:clamp(15px,1.7vw,22px); letter-spacing:.04em; font-weight:400; }
.bth-sl-river { font-style:italic; font-weight:600; color:var(--bth-ink); }
.bth-sl-m { font-size:12px; color:var(--bth-ink); }
.bth-key { list-style:none; margin:0; padding:12px var(--bth-gut); display:flex; flex-wrap:wrap; gap:8px 28px; justify-content:center; background:var(--bth-paper-2); border-top:1px solid var(--bth-line-soft); font-size:14.5px; color:var(--bth-soft); }
.bth-key li { display:flex; align-items:center; gap:8px; }
.bth-k-dot { width:14px; height:14px; border-radius:50%; background:var(--bth-pin-free); border:2px solid var(--bth-card); box-shadow:0 0 0 1px var(--bth-line); }
.bth-k-dia { width:12px; height:12px; background:var(--bth-brand); transform:rotate(45deg); box-shadow:0 0 0 1px var(--bth-line); }
.bth-k-riv { width:26px; height:5px; border-radius:3px; background:var(--bth-river); }
@media (max-width:900px) { .bth-hero-grid { grid-template-columns:1fr; } .bth-hero-img { border-radius:130px 130px 18px 18px; } .bth-hero-box { margin:-26px 12px 0; } .bth-sl:not(.bth-sl-big):not(.bth-sl-river) { display:none; } }
@media (max-width:640px) { .bth-sl { display:none; } .bth-sky-stage { aspect-ratio:1200/320; } .bth-key { justify-content:flex-start; } }

.bth-prose, .bth-sec > .bth-wrap { font-size:17px; }
.bth-prose p, .bth-sec > .bth-wrap > p:not(.bth-lede) { margin:0 0 1.05em; line-height:1.7; color:var(--bth-ink); max-width:none; }
.bth-prose h3, .bth-sec > .bth-wrap > h3 { margin:1.6em 0 .55em; }
.bth-prose ul, .bth-prose ol, .bth-sec > .bth-wrap > ul { margin:0 0 1.2em; padding-left:1.3em; display:grid; gap:.55em; }
.bth-prose li, .bth-sec > .bth-wrap > ul li { line-height:1.65; }
.bth-prose strong, .bth-sec > .bth-wrap > p strong { color:var(--bth-ink); }
.bth-prose a, .bth-sec > .bth-wrap > p a, .bth-sec > .bth-wrap li a { color:var(--bth-brand); text-underline-offset:3px; font-weight:600; }
.bth-prose table, .bth-sec > .bth-wrap > table { width:100%; border-collapse:collapse; margin:1em 0 1.4em; font-size:15.5px; background:var(--bth-card); border-radius:14px; overflow:hidden; box-shadow:var(--bth-shadow); display:block; overflow-x:auto; }
.bth-prose th, .bth-prose td, .bth-sec > .bth-wrap > table th, .bth-sec > .bth-wrap > table td { text-align:left; padding:12px 16px; vertical-align:top; border-bottom:1px solid var(--bth-line-soft); color:var(--bth-ink); }
.bth-prose thead th, .bth-sec > .bth-wrap > table thead th { background:var(--bth-paper-2); font-size:13px; letter-spacing:.04em; text-transform:uppercase; color:var(--bth-soft); }
.bth-prose td a, .bth-sec > .bth-wrap > table td a { font-weight:700; }
.bth-sec > .bth-wrap > table { width:max-content; min-width:100%; max-width:100%; display:table; }
.bth-sec > .bth-wrap > table tbody tr:nth-child(even) { background:color-mix(in srgb,var(--bth-paper-2) 45%,transparent); }
.bth-anchor { display:block; height:0; }
.bth-sec > .bth-wrap > .bth-lede + .bth-stairs, .bth-sec > .bth-wrap > h2 + * { margin-top:0; }

.bth-route { list-style:none; margin:0 0 36px; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; position:relative; counter-reset:r; }
.bth-route::before { content:""; position:absolute; left:10%; right:10%; top:22px; height:4px; background:linear-gradient(90deg,var(--bth-river),var(--bth-brand)); border-radius:3px; }
.bth-route li { position:relative; padding:56px 14px 0; display:grid; gap:6px; align-content:start; text-align:center; }
.bth-route li::before { content:""; position:absolute; left:50%; top:12px; width:24px; height:24px; margin-left:-12px; border-radius:50% 50% 4px 4px; background:var(--bth-card); border:4px solid var(--bth-brand); box-sizing:border-box; }
.bth-r-t { font-family:var(--display); font-size:19px; letter-spacing:.03em; color:var(--bth-river); }
.bth-route b { font-size:16.5px; line-height:1.3; color:var(--bth-ink); }
.bth-route li > span:last-child { font-size:14.5px; line-height:1.45; color:var(--bth-soft); }
@media (max-width:860px) {
  .bth-route { grid-template-columns:1fr; gap:6px; }
  .bth-route::before { left:11px; right:auto; top:10px; bottom:10px; width:4px; height:auto; }
  .bth-route li { padding:2px 0 14px 44px; text-align:left; }
  .bth-route li::before { left:0; top:4px; margin-left:0; }
}

.bth-stairs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:end; margin:0 0 36px; }
.bth-step { background:var(--bth-card); border:1px solid var(--bth-line); border-radius:16px; padding:18px 20px 22px; box-shadow:var(--bth-shadow); }
.bth-step-1 { border-top:8px solid var(--bth-pin-free); margin-top:36px; }
.bth-step-2 { border-top:8px solid var(--bth-pin-cond); margin-top:18px; }
.bth-step-3 { border-top:8px solid var(--bth-pin-paid); }
.bth-step-n { width:32px; height:32px; border-radius:50% 50% 4px 4px; background:var(--bth-ink); color:var(--bth-paper); display:grid; place-items:center; font-family:var(--display); font-size:18px; margin:0 0 8px; }
.bth-step-t { font-family:var(--display); font-size:23px; line-height:1.15; margin:0 0 12px; color:var(--bth-ink); }
.bth-cc { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.bth-cc li { font:600 14px/1.3 var(--body); color:var(--bth-free); background:var(--bth-free-bg); border-radius:999px; padding:8px 12px; }
.bth-cc-cond li { color:var(--bth-cond); background:var(--bth-cond-bg); border-radius:10px; }
.bth-bars { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.bth-bars li { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; align-items:center; }
.bth-bn { font-size:14.5px; color:var(--bth-ink); }
.bth-bv { font:700 14.5px/1 var(--body); color:var(--bth-paid); font-variant-numeric:tabular-nums; }
.bth-bb { grid-column:1 / -1; height:10px; border-radius:5px; background:var(--bth-paid-bg); overflow:hidden; }
.bth-bb i { display:block; height:100%; background:var(--bth-pin-paid); border-radius:5px; }
@media (max-width:860px) { .bth-stairs { grid-template-columns:1fr; } .bth-step-1, .bth-step-2 { margin-top:0; } .bth-step-1, .bth-step-2, .bth-step-3 { margin-left:0; } }

.bth-tabs { margin:0 0 28px; }
.bth-tablist { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
.bth-tab { font:400 18px/1 var(--display); letter-spacing:.03em; padding:14px 20px; min-height:48px; border:1.5px solid var(--bth-line); background:var(--bth-card); color:var(--bth-ink); border-radius:999px 999px 8px 8px; cursor:pointer; }
.bth-tab[aria-selected="true"] { background:var(--bth-brand); color:var(--bth-brand-fg); border-color:var(--bth-brand); }
.bth-tabs.is-on .bth-tabpanel[hidden] { display:none; }
.bth-tabpanel { background:var(--bth-card); border:1px solid var(--bth-line-soft); border-radius:16px; padding:20px 24px; margin:0 0 14px; box-shadow:var(--bth-shadow); }
.bth-tabpanel h3 { margin:0 0 12px !important; }
.bth-tabpanel ul { list-style:none; margin:0 !important; padding:0 !important; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 28px; }
.bth-tabpanel li { padding:10px 0 0; border-top:1px solid var(--bth-line-soft); line-height:1.5; }
@media (max-width:760px) { .bth-tabpanel ul { grid-template-columns:1fr; } .bth-tab { flex:1 1 auto; } }

.bth-places { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:28px; align-items:start; margin:0 0 32px; }
.bth-pmap { margin:0; background:var(--bth-card); border:1px solid var(--bth-line); border-radius:16px; overflow:hidden; box-shadow:var(--bth-shadow); }
.bth-pmap svg { display:block; width:100%; height:auto; background:var(--bth-paper-2); }
.bth-pmap .bth-pcap { font-size:13.5px; color:var(--bth-soft); padding:10px 14px; border-top:1px solid var(--bth-line-soft); }
.bth-pm-grid path { stroke:var(--bth-line-soft); stroke-width:1; fill:none; }
.bth-pm-n { fill:var(--bth-soft); }
.bth-pd circle, .bth-pd rect { stroke:var(--bth-card); stroke-width:3; }
.bth-pd text { font:700 22px var(--body); fill:var(--bth-brand-fg); }
.bth-pd-free circle { fill:var(--bth-pin-free); } .bth-pd-cond circle { fill:var(--bth-pin-cond); }
.bth-pd-paid circle { fill:var(--bth-paid-bg); stroke:var(--bth-pin-paid); stroke-dasharray:4 3; } .bth-pd-paid text { fill:var(--bth-paid); }
.bth-pd-meet rect { fill:var(--bth-brand); }
.bth-plist { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 18px; }
.bth-pc { display:grid; grid-template-columns:32px minmax(0,1fr); gap:2px 12px; align-items:center; padding:10px 12px; background:var(--bth-card); border:1px solid var(--bth-line-soft); border-radius:12px; }
.bth-pn { grid-row:1 / span 2; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; color:var(--bth-brand-fg); font:700 14px/1 var(--body); background:var(--bth-pin-free); }
.bth-pc-cond .bth-pn { background:var(--bth-pin-cond); }
.bth-pc-paid .bth-pn { background:var(--bth-paid-bg); color:var(--bth-paid); border:2px dashed var(--bth-pin-paid); box-sizing:border-box; }
.bth-pt { font-weight:700; font-size:15.5px; line-height:1.3; color:var(--bth-ink); }
.bth-pb { font-size:13px; font-weight:700; color:var(--bth-free); }
.bth-pc-cond .bth-pb { color:var(--bth-cond); } .bth-pc-paid .bth-pb { color:var(--bth-paid); }
.bth-meet .bth-plist { grid-template-columns:1fr; }
.bth-pc-meet { grid-template-columns:36px minmax(0,1fr); }
.bth-pn-dia { background:none !important; width:30px; height:30px; position:relative; }
.bth-pn-dia::before { content:""; position:absolute; inset:3px; background:var(--bth-brand); transform:rotate(45deg); border-radius:3px; }
.bth-pn-dia i { position:relative; font-style:normal; color:var(--bth-brand-fg); }
.bth-pc-meet .bth-pb { color:var(--bth-soft); } .bth-pa { grid-column:2; font-size:14.5px; color:var(--bth-ink); }
@media (max-width:900px) { .bth-places { grid-template-columns:1fr; } }
@media (max-width:560px) { .bth-plist { grid-template-columns:1fr; } }

.bth-lanes { display:grid; gap:16px; margin:0 0 32px; }
.bth-lane { background:var(--bth-card); border:1px solid var(--bth-line-soft); border-radius:16px; padding:18px 20px 20px; box-shadow:var(--bth-shadow); }
.bth-lane-t { font-family:var(--display); font-size:22px; margin:0 0 14px; color:var(--bth-ink); }
.bth-flow { list-style:none; margin:0; padding:0; display:flex; gap:12px; counter-reset:f; }
.bth-flow li { flex:1 1 0; min-width:0; position:relative; counter-increment:f; background:var(--bth-paper-2); border-radius:12px 12px 12px 12px; padding:14px 14px 14px 14px; display:grid; gap:4px; align-content:start; }
.bth-flow li::before { content:counter(f); width:26px; height:26px; border-radius:50% 50% 4px 4px; background:var(--bth-brand); color:var(--bth-brand-fg); display:grid; place-items:center; font:700 14px var(--body); margin-bottom:6px; }
.bth-flow li + li::after { content:""; position:absolute; left:-12px; top:26px; width:12px; height:2px; background:var(--bth-line); }
.bth-flow b { font-size:16.5px; color:var(--bth-ink); } .bth-flow span { font-size:14.5px; line-height:1.45; color:var(--bth-soft); }
@media (max-width:760px) { .bth-flow { flex-direction:column; } .bth-flow li + li::after { left:20px; top:-12px; width:2px; height:12px; } }

.bth-bring { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; margin:0 0 32px; }
.bth-fig { margin:0; background:var(--bth-card); border:1px solid var(--bth-line-soft); border-radius:16px; padding:18px 20px; box-shadow:var(--bth-shadow); }
.bth-fig figcaption { font-weight:700; font-size:15px; margin:0 0 14px; color:var(--bth-ink); }
.bth-col { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,1fr); gap:12px; height:160px; align-items:end; }
.bth-col li { position:relative; height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch; padding-bottom:22px; }
.bth-col i { display:block; background:var(--bth-river); border-radius:6px 6px 0 0; min-height:6px; }
.bth-cv { text-align:center; font:700 14px/1.6 var(--body); color:var(--bth-ink); font-variant-numeric:tabular-nums; }
.bth-cl { position:absolute; left:0; right:0; bottom:0; text-align:center; font-size:13.5px; color:var(--bth-soft); }
.bth-daybar { position:relative; height:38px; border-radius:19px; background:var(--bth-paper-2); border:1px solid var(--bth-line-soft); margin:26px 0 30px; }
.bth-daybar i { position:absolute; top:0; bottom:0; background:linear-gradient(90deg,var(--bth-stone-lt),var(--bth-stone)); border-radius:19px; }
.bth-dm { position:absolute; top:44px; font-size:12.5px; color:var(--bth-soft); }
.bth-dm:nth-of-type(2) { transform:translateX(-50%); }
.bth-daynote { margin:0 !important; font-size:15px; color:var(--bth-soft); }
.bth-daynote b { color:var(--bth-ink); font-variant-numeric:tabular-nums; }
.bth-pack { grid-column:1 / -1; list-style:none; margin:0; padding:0 !important; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px !important; }
.bth-pack li { background:var(--bth-card); border:1px solid var(--bth-line-soft); border-top:5px solid var(--bth-brand); border-radius:12px; padding:14px 16px; display:grid; gap:4px; }
.bth-pack b { font-size:16.5px; color:var(--bth-ink); } .bth-pack span { font-size:14.5px; line-height:1.45; color:var(--bth-soft); }
@media (max-width:760px) { .bth-bring { grid-template-columns:1fr; } .bth-pack { grid-template-columns:1fr; } }

.bth-months { margin:0 0 32px; background:var(--bth-card); border:1px solid var(--bth-line-soft); border-radius:16px; padding:16px 18px 18px; box-shadow:var(--bth-shadow); }
.bth-mrow { list-style:none; margin:0 0 12px; padding:0 !important; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:4px !important; }
.bth-mrow li { text-align:center; font:700 13.5px/1 var(--body); padding:10px 0; background:var(--bth-paper-2); border-radius:8px 8px 3px 3px; color:var(--bth-ink); }
.bth-mbars { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:8px 4px; }
.bth .bth-mb { margin:0 !important; padding:9px 12px; border-radius:8px; font-size:14px !important; line-height:1.35 !important; grid-column:1 / -1; min-width:0; }
.bth .bth-mb b { display:block; }
.bth .bth-mb-event { background:var(--bth-cond-bg); color:var(--bth-cond) !important; }
.bth .bth-mb-event b { color:var(--bth-cond); }
.bth .bth-mb-all { background:var(--bth-free-bg); color:var(--bth-free) !important; }
.bth .bth-mb-all b { color:var(--bth-free); display:inline; }
@media (max-width:760px) { .bth-mrow li { font-size:11.5px; padding:8px 0; } .bth .bth-mb-event { grid-column:1 / -1 !important; } }

.bth-proof { background:var(--bth-card); border-bottom:1px solid var(--bth-line-soft); }
.bth-proof ul { list-style:none; margin:0 auto; padding:18px var(--bth-gut); max-width:var(--bth-maxw); display:flex; flex-wrap:wrap; gap:10px 36px; font-size:15px; color:var(--bth-soft); }
.bth-proof strong { color:var(--bth-ink); font-weight:700; }

.bth-map-chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.bth-fchip { font:500 14px/1 var(--body); border:1px solid var(--bth-line); background:var(--bth-card); color:var(--bth-ink); border-radius:999px; padding:10px 14px; min-height:40px; cursor:pointer; display:inline-flex; gap:8px; align-items:center; }
.bth-fchip[aria-pressed="true"] { background:var(--bth-ink); color:var(--bth-paper); border-color:var(--bth-ink); }
.bth-sw { width:10px; height:10px; border-radius:50%; }
.bth-sw-free { background:var(--bth-pin-free); } .bth-sw-cond { background:var(--bth-pin-cond); }
.bth-map-grid { display:grid; grid-template-columns:minmax(0,45fr) minmax(0,55fr); gap:28px; align-items:start; }
.bth-map-panel { background:var(--bth-card); border:1px solid var(--bth-line); border-radius:16px; overflow:hidden;  }
.bth-leaflet { width:100%; height:min(860px,calc(100vh - 130px)); min-height:600px; background:var(--bth-paper-2); }
.bth-map-note { font-size:14px; color:var(--bth-muted); padding:10px 14px; background:var(--bth-card); border-top:1px solid var(--bth-line); }
.bth-map-panel.tiles-failed .bth-leaflet { height:auto; min-height:0; }
.bth-map-panel.no-map .bth-leaflet { display:none; }

.bth-pin { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; color:var(--bth-brand-fg); font:700 14px/1 var(--body); font-variant-numeric:tabular-nums; border:3px solid var(--bth-card); box-shadow:0 1px 4px rgba(0,0,0,.35); box-sizing:border-box; }
.bth-pin-free { background:var(--bth-pin-free); } .bth-pin-cond { background:var(--bth-pin-cond); }
.bth-pin b, .bth-pl-num b { font-weight:inherit; line-height:1; }
.bth-pin.hi { outline:3px solid var(--bth-ink); outline-offset:1px; transform:scale(1.18); }
.leaflet-div-icon.bth-pin-icon { background:none; border:0; }

.bth .leaflet-tile-pane { filter:saturate(.55) brightness(1.02) contrast(.96); }
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .bth .leaflet-tile-pane { filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(.88) saturate(.5); } }
:root[data-theme="dark"] .bth .leaflet-tile-pane { filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(.88) saturate(.5); }
.bth .leaflet-container { font-family:var(--body); }
.bth .leaflet-control-attribution { font-size:11px; color:var(--bth-ink); background:color-mix(in srgb, var(--bth-card) 88%, transparent); }
.bth .leaflet-control-attribution a { color:var(--bth-brand); }
.bth .leaflet-bar a { color:#1b1b1b; }
.bth .leaflet-popup-content { font:600 14px/1.4 var(--body); color:#1b1b1b; margin:10px 14px; }
.bth .leaflet-popup-content a { color:#1b1b1b; }

.bth-pin-list { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:0 28px; }
.bth-pl-item { display:grid; grid-template-columns:32px 1fr; gap:12px; padding:14px 0; border-top:1px solid var(--bth-line); outline-offset:2px; }
.bth-pl-item[hidden] { display:none; }
.bth-pl-item.hi .bth-pl-name { text-decoration:underline; text-decoration-thickness:2px; }
.bth .bth-pl-name a { color:inherit; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.bth-pl-num { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; color:var(--bth-brand-fg); font:700 14px/1 var(--body); font-variant-numeric:tabular-nums; }
.bth-pl-free { background:var(--bth-pin-free); } .bth-pl-cond { background:var(--bth-pin-cond); }
.bth .bth-pl-name { display:block; margin:0; line-height:1.3; color:var(--bth-ink); font-family:var(--body); font-size:16px; font-weight:700; letter-spacing:0; }
.bth-pl-meta { font-size:13.5px; color:var(--bth-muted); margin-top:2px; }
.bth-pl-rule { font-size:15px; line-height:1.45; margin-top:4px; color:var(--bth-soft); }
.bth-pl-walk { display:inline-block; margin-top:6px; font-size:14px; font-weight:700; }
.bth-pl-more { display:none; }
@media (max-width:1060px) { .bth-pin-list { grid-template-columns:1fr; } }
@media (max-width:760px) {
  .bth-map-grid { grid-template-columns:1fr; } .bth-map-panel { position:static; }
  
  .bth-leaflet { height:min(76vh,600px); min-height:440px; }
  .bth-pin-list.folded .bth-pl-item:nth-child(n+7) { display:none; }
  .bth-pl-more { display:inline-flex; margin-top:14px; }
}

.bth-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.bth-wcard { background:var(--bth-card); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; box-shadow:var(--bth-shadow); }
.bth-wcard img { object-fit:cover; width:100%; height:373px; }
.bth-wbody { padding:18px 20px 20px; display:flex; flex-direction:column; gap:8px; flex:1; }
.bth-wbody h3 { font-size:23px; }
.bth-wbody h3 a, .bth-strip h3 a { color:var(--bth-ink); text-decoration:none; }
.bth-wbody h3 a:hover, .bth-strip h3 a:hover { text-decoration:underline; }
.bth-wmeta { font-size:14px; color:var(--bth-muted); }
.bth-rate { font-size:15px; color:var(--bth-ink); font-variant-numeric:tabular-nums; }
.bth-st { color:var(--bth-star); }
.bth-tags { display:flex; flex-wrap:wrap; gap:6px; }
.bth-free-tag, .bth-cost-tag { display:inline-flex; font:700 13px/1 var(--body); color:var(--bth-free); background:var(--bth-free-bg); border-radius:999px; padding:7px 10px; }
.bth-cost-tag { color:var(--bth-cond); background:var(--bth-cond-bg); }
.bth-wfoot { margin-top:auto; padding-top:10px; display:flex; flex-direction:column; gap:6px; }
.bth-wfoot .bth-btn { align-self:stretch; }
.bth-more-row { margin-top:28px; display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center; }
@media (max-width:980px) { .bth-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .bth-cards { grid-template-columns:1fr; } }

.bth-picker { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:36px; align-items:start; }
.bth-pq { border:0; margin:0 0 22px; padding:0; min-width:0; }
.bth-pq legend { font-weight:700; font-size:16px; margin-bottom:10px; padding:0; }
.bth-opts { display:flex; flex-wrap:wrap; gap:8px; }
.bth-opt { font:500 14px/1.25 var(--body); text-align:left; border:1px solid var(--bth-line); background:var(--bth-card); color:var(--bth-ink); border-radius:999px; padding:10px 14px; min-height:40px; cursor:pointer; scroll-margin-top:110px; }
.bth-opt[aria-pressed="true"] { background:var(--bth-brand); color:var(--bth-brand-fg); border-color:var(--bth-brand); }
.bth-pres { background:var(--bth-card); border-radius:16px; box-shadow:var(--bth-shadow); overflow:hidden; }
.bth-psum { padding:16px 20px; font-weight:500; border-bottom:1px solid var(--bth-line-soft); }
.bth-prow { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 18px; align-items:center; padding:14px 20px; border-bottom:1px solid var(--bth-line-soft); }
.bth-prow:last-child { border-bottom:0; }
.bth .bth-prow h3 { font-family:var(--body); font-size:16px; font-weight:700; letter-spacing:0; }
.bth-prow h3 a { color:var(--bth-ink); text-decoration:none; }
.bth-prow h3 a:hover { text-decoration:underline; }
.bth-prow .bth-wmeta { margin-top:2px; }
.bth-prow .bth-rate { font-size:14px; }
.bth-pcta { display:flex; flex-direction:column; gap:4px; align-items:stretch; }
.bth-prow .bth-btn { padding:10px 14px; font-size:15px; min-height:42px; }
.bth-prow .bth-via { font-size:12.5px; }
.bth-pmore summary { padding:14px 20px; font-weight:700; cursor:pointer; color:var(--bth-brand); border-top:1px solid var(--bth-line-soft); }
@media (max-width:860px) { .bth-picker { grid-template-columns:1fr; } }
@media (max-width:520px) { .bth-prow { grid-template-columns:1fr; } .bth-pcta { align-items:flex-start; } }

.bth-mus { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:24px; }
.bth-mus-free { background:var(--bth-deep); color:var(--bth-deep-fg); border-radius:16px; padding:26px; }
.bth .bth-mus-free h3 { color:var(--bth-deep-fg); font-size:28px; }
.bth-mus-free p { color:var(--bth-deep-soft); margin-top:10px; font-size:15.5px; }
.bth-mus-free ul { list-style:none; padding:0; margin:18px 0 0; display:grid; gap:14px; }
.bth-mus-free li { border-top:1px solid rgba(255,255,255,.18); padding-top:14px; }
.bth-mus-free li strong { display:block; font-size:17px; color:var(--bth-deep-fg); }
.bth-mus-free li span { font-size:15px; color:var(--bth-deep-soft); }
.bth-mgrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.bth-mc { background:var(--bth-card); border-radius:14px; padding:16px 18px; border:1px solid var(--bth-line-soft); }
.bth .bth-mc h3, .bth .bth-mc-t { color:var(--bth-ink); margin:0; line-height:1.3; font-family:var(--body); font-size:16.5px; font-weight:700; letter-spacing:0; }
.bth-who { display:inline-block; font:700 12.5px/1.2 var(--body); color:var(--bth-cond); background:var(--bth-cond-bg); border-radius:6px; padding:5px 8px; margin-top:8px; }
.bth-who.all { color:var(--bth-free); background:var(--bth-free-bg); }
.bth-mc p { font-size:15px; line-height:1.45; color:var(--bth-soft); margin-top:8px; }
.bth-fold-more { display:none; }
.bth-strip { margin-top:24px; display:flex; gap:18px; align-items:center; background:var(--bth-card); border-radius:16px; padding:14px; box-shadow:var(--bth-shadow); }
.bth-strip img { width:120px; height:84px; object-fit:cover; border-radius:10px; flex:none; }
.bth-s-t { flex:1; min-width:0; }
.bth-strip h3 { font-size:21px; }
.bth-s-t .bth-via { text-align:left; margin-top:2px; }
@media (max-width:900px) { .bth-mus { grid-template-columns:1fr; } }
@media (max-width:760px) {
  .bth-mgrid.folded .bth-mc:nth-child(n+5) { display:none; }
  .bth-fold-more { display:inline-flex; justify-self:start; align-self:start; }
}
@media (max-width:560px) { .bth-mgrid { grid-template-columns:1fr; } .bth-strip { flex-wrap:wrap; } .bth-strip img { width:100%; height:150px; } .bth-strip .bth-btn { width:100%; } }

.bth .table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; background:var(--bth-card); border-radius:16px; box-shadow:var(--bth-shadow); border:0; margin:0; }
table.bth-isfree { width:100%; border-collapse:collapse; min-width:720px; font-size:15px; margin:0; border:0; background:transparent; }
.bth .table-scroll .bth-isfree th, .bth .table-scroll .bth-isfree td { padding:13px 16px; text-align:left; vertical-align:top; border:0; border-bottom:1px solid var(--bth-line-soft); background:transparent; color:var(--bth-ink); }
.bth .table-scroll .bth-isfree thead th { font-family:var(--body); font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--bth-soft); background:var(--bth-paper-2); white-space:nowrap; }
.bth-isfree td.bth-place { font-weight:700; color:var(--bth-ink); min-width:150px; max-width:240px; } 
.bth .table-scroll .bth-isfree td.num, .bth .table-scroll .bth-isfree th.num { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.bth-isfree td.bth-c { color:var(--bth-soft); min-width:250px; }
.bth .table-scroll table.bth-isfree tbody tr > td, .bth .table-scroll table.bth-isfree tbody tr > th { background:transparent; }
.bth .table-scroll table.bth-isfree tbody tr:last-child > td { border-bottom:0; }
.bth-isfree tbody tr:last-child > * { border-bottom:0; }
.bth-vd { display:inline-flex; align-items:center; gap:6px; font-weight:700; font-size:13.5px; white-space:nowrap; border-radius:6px; padding:4px 8px; }
.bth-vd::before { content:""; width:8px; height:8px; border-radius:50%; border:2px solid currentColor; }
.bth-vd-free { color:var(--bth-free); background:var(--bth-free-bg); } .bth-vd-free::before { background:currentColor; }
.bth-vd-cond { color:var(--bth-cond); background:var(--bth-cond-bg); } .bth-vd-cond::before { background:linear-gradient(90deg,currentColor 50%,transparent 50%); }
.bth-vd-paid { color:var(--bth-paid); background:var(--bth-paid-bg); }
.bth-tnote { font-size:14px; color:var(--bth-muted); margin-top:12px; }

.bth-seas { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.bth-scol { background:var(--bth-card); border-radius:16px; padding:22px; border:1px solid var(--bth-line-soft); }
.bth .bth-scol h3 { font-size:26px; margin-bottom:10px; }
.bth-scol ul { list-style:none; padding:0; margin:0; }
.bth-scol li { padding:10px 0; border-top:1px solid var(--bth-line-soft); font-size:15px; line-height:1.45; color:var(--bth-soft); }
.bth-scol li strong { display:block; color:var(--bth-ink); font-size:15.5px; }
@media (max-width:900px) { .bth-seas { grid-template-columns:1fr; } }

.bth-tgrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.bth-tq { background:var(--bth-card); border-radius:16px; padding:22px; display:flex; flex-direction:column; gap:14px; margin:0; }
.bth-tq blockquote { margin:0; padding:0; border:0; font-family:var(--body); font-size:17.5px; line-height:1.45; font-weight:500; font-style:normal; color:var(--bth-ink); }
.bth-tq figcaption { margin-top:auto; font-size:14px; color:var(--bth-muted); }
.bth-tq figcaption strong { color:var(--bth-ink); display:block; font-size:15px; }
.bth-tq figcaption a { font-weight:700; }
.bth-tstars { color:var(--bth-star); letter-spacing:2px; font-size:15px; }
.bth-tgrid + .bth-fold-more { margin-top:16px; }
@media (max-width:1060px) { .bth-tgrid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .bth-tgrid { grid-template-columns:1fr; } }
@media (max-width:760px) { .bth-tgrid.folded .bth-tq:nth-child(n+3) { display:none; } }

.bth-faq { max-width:none; }
.bth-faq details { border:0; border-top:1px solid var(--bth-line); border-radius:0; background:transparent; padding:0; margin:0; }
.bth-faq details:last-child { border-bottom:1px solid var(--bth-line); }
.bth-faq summary { cursor:pointer; list-style:none; padding:18px 36px 18px 0; font-family:var(--body); font-weight:700; font-size:17.5px; position:relative; line-height:1.4; color:var(--bth-ink); }
.bth-faq summary::-webkit-details-marker { display:none; }
.bth-faq summary::after { content:"+"; position:absolute; right:4px; top:14px; font-size:26px; font-weight:500; color:var(--bth-brand); float:none; }
.bth-faq details[open] summary::after { content:"\2212"; }
.bth-faq details p { padding:0 0 20px; color:var(--bth-soft); max-width:none; }

@media (prefers-reduced-motion:reduce) { .bth-pin.hi { transform:none; } }

.bth-wlist { display:grid; gap:14px; }
.bth-wlist .bth-wcard { flex-direction:row; }
.bth-wlist .bth-wcard img { width:260px; height:auto; min-height:190px; flex:none; }
@media (max-width:620px) { .bth-wlist .bth-wcard { flex-direction:column; } .bth-wlist .bth-wcard img { width:100%; height:220px; min-height:0; } }

.bth-xsec { border-top:1px solid var(--bth-line); }
.bth-xsec:last-child { border-bottom:1px solid var(--bth-line); }
.bth-xd > summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; }
.bth-xd > summary::-webkit-details-marker { display:none; }
.bth .bth-xd > summary h2.rule-h2 { font-size:clamp(21px,2.4vw,28px); line-height:1.2; margin:0; }
.bth-xd > summary::after { content:"+"; flex:none; font-size:28px; line-height:1; color:var(--bth-brand); }
.bth-xd[open] > summary::after { content:"\2212"; }
.bth-xbody { padding:0 0 28px; }
.bth-xbody > * + * { margin-top:14px; }
.bth .bth-xbody p { max-width:none; }

.bth-inline { margin:28px 0; }
.bth-inline .bth-map-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
.bth-inline .bth-map-panel { position:static; }
.bth-inline .bth-leaflet { height:min(520px,70vh); min-height:360px; }

figure.bth-figw, figure.bth-stairs, figure.bth-lanes, figure.bth-months, figure.bth-tabs, figure.bth-places { margin-left:0; margin-right:0; }
figure.bth-figw, figure.bth-places, figure.bth-tabs { margin-top:0; }

.bth-facts { margin:6px 0 26px; }
.bth-facts ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.bth-facts li { background:var(--bth-card); border:1px solid var(--bth-line-soft); border-bottom:5px solid var(--bth-river); border-radius:14px 14px 4px 4px; padding:14px 18px; display:grid; gap:4px; align-content:start; box-shadow:var(--bth-shadow); }
.bth-facts b { font-family:var(--display); font-weight:400; font-size:clamp(22px,2.4vw,30px); line-height:1.1; color:var(--bth-brand); }
.bth-facts span { font-size:14.5px; line-height:1.4; color:var(--bth-soft); }
@media (max-width:760px) { .bth-facts ul { grid-template-columns:1fr; } }

.bth-pm-river { fill:none; stroke:var(--bth-river); stroke-width:7; stroke-linecap:round; stroke-linejoin:round; opacity:.55; }
.bth-pm-lm { fill:var(--bth-ink); opacity:.7; }
.bth-pm-lbl { font:600 21px var(--body); fill:var(--bth-ink); paint-order:stroke; stroke:var(--bth-paper-2); stroke-width:2px; stroke-linejoin:round; }
.bth-pm-key { list-style:none; margin:0; padding:9px 14px; display:flex; flex-wrap:wrap; gap:6px 18px; font-size:13.5px; color:var(--bth-soft); border-top:1px solid var(--bth-line-soft); }
.bth-pm-key li { display:flex; align-items:center; gap:7px; }
.bth-pm-k-dot { width:14px; height:14px; border-radius:50%; display:inline-block; }
.bth-pm-k-free { background:var(--bth-pin-free); } .bth-pm-k-cond { background:var(--bth-pin-cond); }
.bth-pm-k-paid { background:var(--bth-paid-bg); border:2px dashed var(--bth-pin-paid); box-sizing:border-box; }
.bth-pm-k-dia { width:12px; height:12px; background:var(--bth-brand); transform:rotate(45deg); display:inline-block; }
.bth-pm-k-river { width:22px; height:0; border-top:5px solid var(--bth-river); opacity:.6; border-radius:3px; display:inline-block; }
.bth-pmap .bth-pcap { border-top:0; padding-top:2px; }

.bth-mus.bth-mus-solo { grid-template-columns:minmax(0,1fr); }
.bth-mus-solo .bth-mus-free ul { grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px 28px; }
.bth-mus-solo .bth-mus-free li { border-top:1px solid rgba(255,255,255,.18); }
