*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f4f1;color:#182126;font:14px/1.5 Arial,sans-serif}
a{color:#183f49}.page{max-width:1180px;margin:auto;background:#fff;min-height:100vh}
.top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px}.brand{font-size:24px;font-weight:800;color:#1d292e;text-decoration:none}
.crumbs{font-size:12px;color:#556369}.crumbs a{color:#1d6276;text-decoration:none;font-weight:700}
.hero{position:relative;min-height:400px;padding:70px 42px 34px;color:#fff;background:linear-gradient(90deg,#102e39e6,#102e3966),var(--hero) center/cover}
.eyebrow{display:block;font-size:10px;letter-spacing:1.7px;color:#dcff72;font-weight:800;text-transform:uppercase}.eyebrow.dark{color:#1d6276}
.hero h1{font-size:52px;line-height:1;margin:13px 0}.hero p{font-size:17px;max-width:660px;margin:0 0 15px}
.meta{font-weight:700;font-size:12px;margin:12px 0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{border:1px solid #ffffff88;border-radius:999px;color:#fff;padding:7px 11px;text-decoration:none;font-size:12px}
.hero-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.button{display:inline-block;border:0;border-radius:999px;padding:11px 16px;font-weight:800;text-decoration:none;font-size:13px;cursor:pointer}.lime{background:#dcff72;color:#142025}.white{background:#fff;color:#142025}.dark-btn{background:#1d292e;color:#fff}
.proto{background:#fff7d6;border-bottom:1px solid #eadca0;padding:9px 42px;font-size:12px;color:#5b5023}
.layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;padding:34px 40px 64px}
.sidebar{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow:auto;font-size:13px}
.sidebar h4{font-size:10px;letter-spacing:1px;margin:0 0 8px;color:#556369}.sidebar .back-city{display:block;color:#1d6276;font-weight:700;text-decoration:none;margin-bottom:14px}
.menu-group{margin:16px 0}.menu-group h5{margin:0 0 6px;font-size:10px;letter-spacing:.8px;color:#536168}
.menu-group a{display:block;color:#526269;text-decoration:none;padding:6px 10px;border-radius:8px;margin:1px 0}.menu-group a.active{background:#dcff72;color:#20302f;font-weight:700}
.menu-group a.sub{padding-left:20px;font-size:12px}.menu-group .subs{display:none;margin:0 0 4px}.menu-group .subs.open{display:block}.menu-group .subs a{padding:4px 10px 4px 22px;font-size:12px;color:#6a787e}.menu-group .subs a.active{background:#f0f7d2}
.notebook{border-top:1px solid #dce4e1;margin-top:18px;padding:12px 10px;color:#59686e;font-size:12px}.notebook b{color:#1d292e}.notebook ul{margin:6px 0 0;padding-left:16px}.notebook li{margin:2px 0}
.section{border-bottom:1px solid #dce4e1;padding-bottom:30px;margin-bottom:30px;scroll-margin-top:12px}.section h2{font-size:28px;margin:6px 0 8px;line-height:1.15}
.sub-h{font-size:18px;margin:26px 0 10px}.lead{font-size:15px;color:#526269;max-width:760px;margin:0 0 16px}
.notice{background:#e8f2ec;border-radius:14px;padding:14px 16px;margin:16px 0}.notice>b:first-child{display:block;margin-bottom:4px}.notice.warm{background:#fff0bd}.notice.lime{background:#ddff75}
.gap{border:1px dashed #c9b25a;background:#fffbea;border-radius:12px;padding:12px 14px;margin:14px 0;font-size:13px;color:#5b5023}.gap b{margin:0 6px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.one{grid-template-columns:1fr}
.card{border:1px solid #d9e3df;border-radius:15px;padding:15px 16px;background:#fff;display:flex;flex-direction:column}.card.accent{background:#eff6df}.card.warm{background:#fff6d8}.card.wide{grid-column:1/-1}
.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.card h3{font-size:17px;margin:6px 0 4px;line-height:1.25}
.card .body{color:#435259;font-size:13.5px}.card .cta{margin:10px 0 0;font-size:12.5px;font-weight:700;color:#1d4d45}
.tag{font-size:10px;letter-spacing:1px;font-weight:800;color:#557066;text-transform:uppercase}
.badges{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 8px}.badge{font-size:10px;font-weight:700;border-radius:999px;padding:2px 8px;letter-spacing:.2px}
.b-ok{background:#e3f1e8;color:#23583f}.b-rev{background:#ffe9b8;color:#7a4d00}.b-ru{background:#ece8f7;color:#4a3d7a}.b-gap{background:#ffe0c2;color:#7a3a00;margin-right:4px}
.src{font-size:11px;color:#607078;margin:10px 0 0}.src a{color:#1d6276;text-decoration:none;font-weight:700}
.save{border:1px solid #cfdad6;background:#fff;border-radius:999px;width:30px;height:30px;cursor:pointer;font-size:15px;line-height:1;color:#1d6276;flex:0 0 auto}.save[aria-pressed=true]{background:#dcff72;border-color:#b8d94f}
.table-wrap{overflow:auto;margin:10px 0}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;background:#1f5952;color:#fff;padding:9px 10px;white-space:nowrap}.table td{padding:9px 10px;border-bottom:1px solid #dfe7e4;vertical-align:top}
.small{font-size:12px;color:#607078}
.filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 14px}.filters button{border:1px solid #cfdad6;background:#fff;border-radius:999px;padding:6px 11px;font-size:12px;cursor:pointer;color:#26363c}.filters button[aria-pressed=true]{background:#1d292e;color:#fff;border-color:#1d292e}
.venue dl{display:grid;grid-template-columns:92px 1fr;gap:3px 8px;margin:8px 0 0;font-size:12.5px}.venue dt{color:#6b7a80;font-weight:700}.venue dd{margin:0;color:#34434a}
.venue .price{font-size:10px;font-weight:800;border:1px solid #cfdad6;border-radius:6px;padding:1px 6px;color:#26363c}
.faq-list{margin-top:8px}.faq{border:1px solid #dce4e1;border-radius:12px;padding:10px 14px;margin:6px 0;background:#fff}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:8px 0 2px;color:#435259}
.faq-group{font-size:12px;font-weight:800;letter-spacing:.8px;color:#557066;margin:18px 0 4px;text-transform:uppercase}
.event-spot{background:#1d292e;color:#fff;border-radius:18px;padding:20px 22px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:14px 0}.event-spot h3{font-size:22px;margin:6px 0}.event-spot p{margin:0;color:#dfe7e4}
.nextstops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.subnav{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 16px}.subnav a{border:1px solid #cfdad6;border-radius:999px;padding:5px 10px;font-size:12px;text-decoration:none;color:#26363c;background:#f7faf8}
.subsec{scroll-margin-top:12px}.subsec>h3.sub-h{display:flex;align-items:center;gap:8px}
.empty{border:1px dashed #b9c7c2;border-radius:14px;padding:18px;color:#56666c;background:#fafcfb}
.stop{border:1px solid #d9e3df;border-radius:15px;padding:14px 15px;background:#fff;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:4px}.stop:hover{border-color:#1d6276}.stop .rel{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#557066}.stop h3{margin:2px 0;font-size:16px}.stop p{margin:0;font-size:13px;color:#435259}.stop .go{margin-top:auto;padding-top:6px;font-size:12px;font-weight:800;color:#1d6276}.stop.soon{background:#fafcfb;border-style:dashed}.stop.soon .go{color:#8a7a3a}
.webstrip{background:#1d292e;color:#fff;border-radius:18px;padding:18px 20px;margin-top:10px}.webstrip h3{margin:0 0 10px;font-size:16px}.webstrip .row{display:flex;flex-wrap:wrap;gap:8px}.webstrip a{border:1px solid #ffffff55;border-radius:999px;color:#fff;padding:7px 12px;text-decoration:none;font-size:12.5px}.webstrip a.cur{background:#dcff72;color:#142025;border-color:#dcff72}
.bookbox{border:1px solid #cfe0a0;background:#f6fbe6;border-radius:15px;padding:14px 16px;margin:14px 0}.bookbox h4{margin:0 0 4px;font-size:14px}.bookbox p{margin:0;font-size:13px;color:#3c4a3f}
.drawer summary{cursor:pointer;font-weight:700;color:#1d6276;font-size:12.5px;margin-top:8px}.drawer div{font-size:13px;color:#435259;margin-top:6px}
.source-foot{font-size:11px;color:#607078;margin-top:28px}
@media(max-width:900px){.nextstops{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.top{padding:0 16px}.proto{padding:9px 16px}.hero{padding:52px 18px 24px;min-height:440px}.hero h1{font-size:38px}.layout{display:block;padding:24px 16px}.sidebar{display:none}.grid,.grid.two{grid-template-columns:1fr}.section h2{font-size:24px}.event-spot{display:block}.event-spot .button{margin-top:12px}.mobile-nav{display:flex!important}}
.mobile-nav{display:none;gap:6px;overflow-x:auto;padding:10px 16px;border-bottom:1px solid #dce4e1;position:sticky;top:0;background:#fff;z-index:5}.mobile-nav a{flex:0 0 auto;border:1px solid #cfdad6;border-radius:999px;padding:6px 10px;font-size:12px;text-decoration:none;color:#26363c}
/* ---- component system v1 ---- */
.ucard{padding:0;overflow:hidden}.ucard-in{padding:15px 16px;display:flex;flex-direction:column;flex:1}
.media{aspect-ratio:16/9;background:linear-gradient(135deg,#dfe9e4,#c9d9d3 55%,#b7ccc5);display:flex;align-items:flex-end;padding:8px 10px;color:#48605a;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.media img{width:100%;height:100%;object-fit:cover}
.facts{display:grid;grid-template-columns:110px 1fr;gap:3px 10px;margin:10px 0 0;font-size:12.5px}.facts dt{color:#6b7a80;font-weight:700}.facts dd{margin:0;color:#34434a}
.k-alert{border-color:#f0c77a;background:#fff8e6}.k-alert .tag{color:#8a5a00}
.k-lifehack{border-style:dashed}.k-lifehack .tag{color:#5a4a9a}
.k-article .tag{color:#1d6276}.k-ticket .tag,.k-transport .tag{color:#1f5952}
.cta-box,.bookbox{display:flex;gap:16px;justify-content:space-between;align-items:center;border:1px solid #cfe0a0;background:#f6fbe6;border-radius:16px;padding:16px 18px;margin:18px 0}
.cta-box h4,.bookbox h4{margin:2px 0 4px;font-size:15px}.cta-box p,.bookbox p{margin:0;font-size:13px;color:#3c4a3f}
.cta-kicker{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#557066}
.cta-act{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto;text-align:right}.cta-act small{font-size:10.5px;color:#6b7a80;max-width:220px}
.cta-btn{background:#1d292e;color:#fff;border-radius:999px;padding:10px 16px;font-weight:800;font-size:13px;text-decoration:none;white-space:nowrap}
.cta-experience{background:#eef6fb;border-color:#bcd7e6}.cta-transfer{background:#f5f5f2;border-color:#d9d9d0}.cta-future{display:block;color:#8a5a00;font-weight:700}
.cta-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#1d292e;color:#fff;padding:10px 16px;border-radius:999px;font-size:13px;z-index:50;box-shadow:0 8px 24px #0003}
.save.injected{margin-left:auto}.stop{position:relative}.stop .save{position:absolute;top:10px;right:10px}
details.faq .save{float:right;width:26px;height:26px;font-size:13px}
.nb-interests{margin-top:8px;font-size:11px;color:#6b7a80}.nb-interests span{display:inline-block;background:#eef3f1;border-radius:999px;padding:1px 7px;margin:2px 2px 0 0;color:#34434a}
.editor-toggle{margin-left:10px;border:1px solid #d8c880;background:#fff;border-radius:999px;padding:2px 9px;font-size:11px;cursor:pointer;color:#5b5023}
body.visitor .badges,body.visitor .src,body.visitor .gap,body.visitor .b-ru,body.visitor .source-foot{display:none!important}
@media(max-width:760px){.cta-box,.bookbox{display:block}.cta-act{align-items:flex-start;text-align:left;margin-top:10px}}
.menu-group .menu-off{display:block;color:#b3bec2;padding:6px 10px;font-size:13px;cursor:default}
.parent-link{display:inline-block;margin:0 0 10px;font-size:12px;font-weight:700;color:#1d6276;text-decoration:none}
.tag-sub{font-size:10px;font-weight:700;color:#8a979c;letter-spacing:.3px;margin-left:6px;text-transform:none}
.card-top{justify-content:flex-start}.card-top .save{margin-left:auto}
.answer-box{background:#1d292e;color:#fff;border-radius:18px;padding:18px 22px;margin:0 0 18px}.answer-box p{font-size:16px;line-height:1.55;margin:6px 0}.answer-box .small{color:#b8c7c3;font-size:12px}.answer-box .cta-kicker{color:#dcff72}
.art-sec h2{font-size:24px}.art-hero{min-height:280px}.art-hero h1{font-size:44px;max-width:900px}.art-list{margin:6px 0 0;padding-left:18px}.art-list li{margin:4px 0}.art-src{margin-top:24px}
@media(max-width:760px){.art-hero h1{font-size:32px}}