/* Пара дней: illustrated editorial identity, September 2026. */
:root{--paper:#ffffff;--paper-2:#f0f4f7;--ink:#203144;--ink-soft:#465362;--muted:#526170;--line:#dcdedc;--accent:#1764a4;--accent-hover:#104976;--card:#ffffff;--max:70rem}
body{font-size:1.12rem;line-height:1.75}
.wrap{width:min(var(--max),calc(100% - 3rem))}
.site-header{position:relative;background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{gap:1rem 2rem;padding:1.25rem 0}
.logo{font-size:1.3rem;text-transform:none;letter-spacing:-.035em;gap:.55rem}
.logo::before{width:1.85rem;height:1.85rem;flex-basis:1.85rem;background-image:url('/favicon.svg?v=20260921')}
.site-header nav{gap:.5rem 1.75rem}.site-header nav a{font-size:.94rem;padding:.4rem 0}
.site-header nav a:hover,.site-footer nav a:hover{text-decoration:underline}
.from-switch{border-top:1px solid var(--line);padding-top:.9rem;width:100%;gap:1rem}
.home-page .site-header .from-switch{display:none}
.from-cities button,.trip-ages button{min-height:42px;padding:.5rem .85rem;font-size:.9rem;border-radius:5px}
.from-cities button.is-on{color:#fff;background:var(--accent);border-color:var(--accent)}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #1676d2;outline-offset:4px}
.skip-link{position:fixed;left:1rem;top:-8rem;z-index:1000;background:white;padding:.7rem 1rem}.skip-link:focus{top:1rem}
h1{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:clamp(2.2rem,4.5vw,3.7rem);letter-spacing:-.035em;line-height:1.13;text-wrap:balance}
h2{font-size:1.6rem;line-height:1.3;letter-spacing:-.025em;margin-top:2.8rem}
h3{line-height:1.4}.kicker{font-size:.72rem;letter-spacing:.13em;font-weight:600;color:var(--accent)}
.hero{padding:3rem 0 1.6rem}.hero>.wrap{max-width:54rem}.lead{font-size:1.18rem;line-height:1.7;max-width:44rem}
.hero-photo{margin:2rem 0 1rem}.hero-photo img{display:block;width:100%;height:auto;mix-blend-mode:normal}
.hero .from-line{font-family:'IBM Plex Sans',sans-serif;font-size:.94rem;color:var(--muted);max-width:46rem}
body:not(.home-page) main>.wrap{max-width:52rem}
body:not(.home-page) main>.wrap>p,body:not(.home-page) main>.wrap>ul,body:not(.home-page) main>.wrap>ol{max-width:72ch}
.byline{font-family:'IBM Plex Sans',sans-serif;font-size:.88rem;margin-top:1.3rem}
.guide-tools{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 1rem;margin-top:0}
.guide-toc{background:#eef3f6;border:0;border-left:3px solid var(--accent);border-radius:0}
.trip-filter{border-radius:6px;box-shadow:none;background:var(--card)}
.trip-practical,.trip-decision,.budget-form{border-radius:6px;background:#f1f4f5;border-color:var(--line)}
.box,.card{box-shadow:none;border-radius:6px}
.walk-day{border-radius:6px}.walk-overview{border-radius:6px}.walk-map-frame{border-radius:6px;overflow:hidden}
.home-page main{padding-top:0}.home-hero{padding:3.2rem 0 0;border-bottom:0}.home-hero>.wrap{max-width:70rem}
.home-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:4rem;align-items:start}
.home-intro h1{font-size:clamp(2.6rem,5.2vw,4.6rem);margin-top:.8rem;line-height:1.05}
.home-intro-note{padding-top:.4rem}.home-intro-note .lead{font-size:1.15rem;color:var(--ink)}
.home-intro-note>p:not(.lead){font-family:'IBM Plex Sans',sans-serif;font-size:.96rem;line-height:1.65;color:var(--muted);max-width:29rem}
.editorial-button{display:inline-flex;align-items:center;gap:2.5rem;min-height:48px;padding:.6rem 1.1rem;background:var(--accent);color:white;border-radius:4px;font:600 .95rem 'IBM Plex Sans',sans-serif;text-decoration:none}
.editorial-button:hover{background:var(--accent-hover);color:white}
.home-panorama{display:block;position:relative;margin-top:1.8rem;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.8rem}
.home-panorama img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain;mix-blend-mode:normal}
.home-panorama span{display:block;text-align:right;font:.78rem 'IBM Plex Sans',sans-serif;margin-top:.4rem}
.home-section{padding-top:4.2rem;scroll-margin-top:1.5rem}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.8rem}
.section-heading h2{margin:.35rem 0 0;font-family:'Source Serif 4',Georgia,serif;font-size:2.35rem;font-weight:400}
.section-heading>p{max-width:20rem;font:.95rem/1.6 'IBM Plex Sans',sans-serif;color:var(--muted);margin:0}
.destination-controls{display:flex;justify-content:space-between;align-items:end;gap:2rem;border-bottom:1px solid var(--line);padding-bottom:1.3rem}
.trip-filter-label{margin:0 0 .55rem;font:.76rem 'IBM Plex Sans',sans-serif;letter-spacing:.04em;color:var(--muted)}
.city-search{margin:0;width:16rem;flex-shrink:0;font:.8rem 'IBM Plex Sans',sans-serif;color:var(--muted)}
.city-search input{background:var(--card);border:1px solid #bdc5ca;border-radius:4px;font-size:.94rem;padding:.6rem .8rem}
.search-count{font:.88rem 'IBM Plex Sans',sans-serif;margin:.8rem 0 0}.search-count:empty{display:none}
.city-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.8rem;margin:1.8rem 0 0}
.city-grid .card{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 1.5rem;background:transparent;transition:border-color .15s}
.city-grid .card:hover{border-color:var(--accent);color:var(--ink)}
.city-grid .city-icon{display:block;float:none;width:100%;max-width:none;height:170px;object-fit:contain;margin:0 0 1.05rem;background:transparent;border-radius:4px}
.city-grid .card h3{font-family:'Source Serif 4',Georgia,serif;font-size:1.8rem;font-weight:600;margin:0 0 .35rem}
.city-grid .card h3::after{content:'↗';float:right;font:1.3rem 'IBM Plex Sans',sans-serif;color:var(--accent);padding-top:.35rem}
.city-grid .card>p:not(.meta){font-size:1rem;line-height:1.5;color:var(--ink-soft);margin:0 0 .9rem;min-height:3em}
.city-grid .card .city-road{font:.83rem/1.6 'IBM Plex Sans',sans-serif;text-transform:none;letter-spacing:0;color:var(--muted);border-top:1px dashed #cbd1d2;padding-top:.75rem}
.city-grid .card[hidden]{display:none!important}
.quick-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2rem 0}
.quick-stories a{display:block;border-top:3px solid #b56641;padding:1rem 0;text-decoration:none;color:var(--ink);font:1.4rem 'Source Serif 4',Georgia,serif}
.quick-stories a:nth-child(2){border-color:#316c5a}.quick-stories a:nth-child(3){border-color:#1764a4}
.quick-stories span{display:block;margin-top:.7rem;font:.88rem/1.5 'IBM Plex Sans',sans-serif;color:var(--muted)}
.story-group{border-top:1px solid var(--line)}.story-group:last-child{border-bottom:1px solid var(--line)}
.story-group summary{position:relative;cursor:pointer;padding:1.3rem 2rem 1.3rem 0;font:600 1.12rem/1.5 'IBM Plex Sans',sans-serif;list-style:none}
.story-group summary::-webkit-details-marker{display:none}.story-group summary::after{content:'+';position:absolute;right:0;font-size:1.5rem;top:1rem;color:var(--accent)}
.story-group[open] summary::after{content:'−'}.story-group summary>span{font-size:.8rem;font-weight:400;color:var(--muted);margin-left:1rem;white-space:nowrap}
.story-list{display:grid;grid-template-columns:1fr 1fr;gap:0 2.5rem;padding-bottom:1.5rem}
.story-link{position:relative;display:block;padding:1.1rem 1.5rem 1.1rem 0;text-decoration:none;border-top:1px solid var(--line);color:var(--ink)}
.story-link h3{font-size:1rem;margin:0 0 .45rem}.story-link p{font:.9rem/1.6 'IBM Plex Sans',sans-serif;color:var(--muted);margin:0}
.story-link>span{position:absolute;right:0;top:1.1rem;color:var(--accent)}
.editor-note{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;margin:4.5rem 0 1rem;padding:2.5rem;background:#ffffff;border-top:2px solid #758d7d}
.editor-note h2{font:400 2rem/1.2 'Source Serif 4',Georgia,serif;margin:.8rem 0 1.5rem}.editor-note a{font:.9rem/1.5 'IBM Plex Sans',sans-serif}.editor-note p{font-size:1.02rem}
.site-footer{background:#ffffff;border-top:1px solid #d6ddd4;padding:2.5rem 0}.footer-inner{display:flex;justify-content:space-between;align-items:start;gap:2rem}
.site-footer p{font:.85rem/1.5 'IBM Plex Sans',sans-serif;margin:.8rem 0}.site-footer small{font:.78rem 'IBM Plex Sans',sans-serif}.site-footer nav{gap:1.2rem}
@media(min-width:641px) and (max-width:960px){.home-intro{gap:2rem;grid-template-columns:1.1fr 1fr}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.destination-controls{align-items:start;flex-direction:column;gap:1rem}.city-search{width:100%;max-width:none}}
@media(max-width:640px){.wrap{width:calc(100% - 2rem)}.header-inner{padding:.9rem 0;gap:.6rem}.site-header .logo{font-size:1.22rem}.site-header nav{width:100%;justify-content:space-between;gap:.35rem}.site-header nav a{font-size:.82rem;min-height:40px;display:flex;align-items:center}.from-switch{gap:.5rem;padding-top:.6rem}.from-cities{gap:.35rem}.from-cities button{font-size:.81rem;padding:.45rem .6rem}.hero{padding:1.8rem 0 1rem}h1{font-size:2.35rem}.lead{font-size:1.07rem}.hero-photo{margin:1.5rem 0}.home-intro{display:block}.home-intro h1{font-size:2.95rem;margin:.7rem 0 1.3rem}.home-intro-note{padding:0}.home-intro-note .lead{font-size:1.08rem}.home-intro-note>p:not(.lead){font-size:.9rem}.home-panorama{margin-top:1.8rem}.home-panorama img{min-height:105px}.home-panorama span{font-size:.72rem}.home-section{padding-top:2.7rem}.section-heading{display:block;margin-bottom:1.3rem}.section-heading h2{font-size:1.9rem}.section-heading>p{margin-top:.8rem;font-size:.88rem}.destination-controls{display:block}.city-search{width:100%;max-width:none;margin-top:1.2rem}.city-grid{grid-template-columns:1fr;gap:1.6rem}.city-grid .city-icon{height:180px}.city-grid .card>p:not(.meta){min-height:0}.quick-stories{grid-template-columns:1fr;gap:.3rem}.quick-stories a{font-size:1.25rem}.quick-stories span{margin-top:.4rem}.story-group summary{font-size:1rem}.story-group summary>span{display:block;margin:.2rem 0 0}.story-list{grid-template-columns:1fr}.editor-note{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;margin-top:3rem}.editor-note h2{font-size:1.8rem}.footer-inner{flex-direction:column}.site-footer nav{flex-wrap:wrap}body{font-size:1.06rem}h2{font-size:1.4rem}.guide-tools{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.city-grid .card{transition:none}}
@media print{.skip-link,.home-panorama,.editorial-button,.destination-controls{display:none!important}.home-intro,.editor-note,.section-heading{display:block}.home-page main{padding:0}.story-list{display:block}body{background:#fff}.site-header,.site-footer{display:none!important}}

/* Keep illustrations on their original white ground. */
.home-panorama{margin:1.8rem 0 0;padding-bottom:1.2rem}
.home-panorama img{max-height:320px}