:root{
  --paper:#f6f4ee;--paper-2:#fcfbf7;--ink:#1b1c19;--muted:#5a5b53;--line:#ddd8ca;--dark:#1e201c;
  --red:#d2001b;--blue:#0057a8;--green:#00843c;--yellow:#f2c200;--cyklo:#f7cd00;
  --asphalt:#1d1f21;--asphalt-2:#26292c;--chalk:#f3f0e8;--red-y:#c8202c;--yellow-y:#f3c300;--cond:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Barlow',Arial,sans-serif;
  --sans:'Overpass','Helvetica Neue',Arial,sans-serif;--mono:'Overpass Mono',ui-monospace,Menlo,monospace;--max:1200px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:16px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1.5px}
a:hover{color:var(--red)}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
h1,h2,h3{margin:0;text-wrap:balance}
p{margin:0 0 1em}
.wrap{width:min(var(--max),100% - 64px);margin-inline:auto}
.skip{position:absolute;left:16px;top:-80px;z-index:60;background:var(--ink);color:#fff;padding:10px 18px;font-weight:700}
.skip:focus{top:12px}
.ico{width:22px;height:22px;flex:none}

/* turistická značka bílá–barva–bílá */
.mk{display:inline-block;flex:none;width:28px;height:21px;border:1px solid rgba(0,0,0,.16);background:linear-gradient(#fff 0 33.3%,var(--c) 33.3% 66.6%,#fff 66.6%)}
.m-red{--c:var(--red)}.m-blue{--c:var(--blue)}.m-green{--c:var(--green)}.m-yellow{--c:var(--yellow)}

.draft{background:var(--ink);color:#cfccc0;font-size:12px;line-height:1.2}
.draft-inner{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;min-height:34px;flex-wrap:wrap;padding-block:6px}
.draft b{color:#fff}
.draft nav{display:flex;gap:4px;flex-wrap:wrap}
.draft nav a{padding:4px 8px;text-decoration:none;border:1px solid #3c3e38}
.draft nav a:hover{color:#fff;border-color:#8d9089}
.draft :focus-visible{outline-color:var(--yellow)}

.top{border-bottom:2px solid var(--ink);background:var(--chalk)}
.top-inner{display:flex;align-items:center;justify-content:space-between;gap:14px 28px;flex-wrap:wrap;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--cond);font-weight:700;font-size:24px;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.brand b{font-weight:800;color:var(--red-y)}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--yellow-y);border:2px solid var(--ink);font-family:var(--body);font-weight:600;font-size:20px}
.brand:hover{color:var(--ink)}
.menu{display:flex;align-items:center;gap:6px 22px;flex-wrap:wrap;font-family:var(--cond);font-weight:700;font-size:17px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}
.menu a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.menu a:hover{color:var(--ink);border-bottom-color:var(--red-y)}
.menu .menu-cta{background:var(--ink);color:var(--chalk);padding:8px 14px;border:0}
.menu .menu-cta:hover{background:var(--red-y);color:#fff}

.kicker{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.kicker .mk{width:22px;height:16px}

/* úvod */
.hero{position:relative;padding:clamp(48px,7vw,92px) 0 0;overflow:hidden;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='600' viewBox='0 0 900 600' fill='none' stroke='%23dcd6c6' stroke-width='1.2'%3E%3Cpath d='M-20 520c120-60 200-180 360-190s220 70 360 30 160-140 240-170'/%3E%3Cpath d='M-20 470c130-50 190-160 340-170s230 60 360 20 160-130 240-160'/%3E%3Cpath d='M-20 420c140-40 180-140 320-150s240 50 360 12 160-120 240-150'/%3E%3Cpath d='M40 360c110-30 150-110 270-120s220 40 330 8 140-100 200-120'/%3E%3Cpath d='M120 300c90-20 120-80 210-86s180 30 260 6 110-70 160-90'/%3E%3Cpath d='M220 250c60-14 90-46 150-50s120 18 170 4 70-40 110-52'/%3E%3Cpath d='M-20 140c140 20 230-60 360-66s200 40 300 26 140-30 280-40'/%3E%3Cpath d='M-20 90c150 10 250-70 380-72s190 36 290 20 150-26 270-36'/%3E%3C/svg%3E") center/1100px auto repeat-x,var(--paper)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(32px,5vw,80px);align-items:end}
.hero-text{padding-bottom:clamp(56px,7vw,100px)}
h1{font-size:clamp(46px,6.4vw,96px);line-height:1.04;font-weight:850;letter-spacing:-.045em;margin-bottom:28px}
.lede{font-size:clamp(19px,1.8vw,23px);line-height:1.5;max-width:31em;color:#2f302b;margin-bottom:34px}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;font-size:17px;padding:16px 24px 14px;transition:background .15s}
.btn:hover{background:var(--red);color:#fff}
.link{font-weight:600}

.hero h1 span{display:block;color:var(--red)}
.hero-note{margin:22px 0 0;font-size:15px;color:var(--muted);font-style:italic}

/* rozcestník KČT: trubka s čepičkou a patkou, objímky, tabulka místa, směrovky */
.post{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 0 132px;max-width:480px;width:100%;justify-self:end;isolation:isolate}
.post-scene{position:absolute;z-index:-1;left:-40px;right:-40px;bottom:0;top:-10px;width:calc(100% + 80px);height:calc(100% + 10px);pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 52% 60% at 50% 66%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 52% 60% at 50% 66%,#000 62%,transparent 100%)}
.pole{position:absolute;z-index:0;left:calc(50% - 9px);top:28px;bottom:22px;width:18px;border-radius:3px;
  background:linear-gradient(90deg,#6c7069 0,#a9ada4 30%,#dfe2da 48%,#b3b7ae 64%,#7a7e76 100%);box-shadow:4px 0 0 rgba(60,64,58,.12)}
.post-cap{position:absolute;z-index:1;left:calc(50% - 12px);top:20px;width:24px;height:12px;border-radius:12px 12px 3px 3px;background:linear-gradient(90deg,#4f534d,#a9ada5 45%,#5e625b)}
.post-foot{position:absolute;z-index:1;left:calc(50% - 22px);bottom:12px;width:44px;height:16px;border-radius:50% 50% 4px 4px/60% 60% 4px 4px;background:#8a6f4f;box-shadow:inset 0 3px 0 rgba(255,255,255,.18)}
.post-foot::after{content:"";position:absolute;left:-26px;right:-26px;bottom:-6px;height:6px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.22),transparent 70%)}
.collar{position:absolute;z-index:2;left:calc(50% - 12px);width:24px;height:8px;border-radius:2px;background:linear-gradient(90deg,#3f423d,#8e928a 45%,#45483f)}
.collar{display:none}
.post-place{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;background:#fffefa;border:2px solid #1b1c19;outline:3px solid #fffefa;border-radius:6px;padding:11px 30px 9px;min-width:66%;transform:rotate(-1deg);box-shadow:0 1px 0 rgba(0,0,0,.15),0 8px 14px -6px rgba(0,0,0,.25);text-align:center}
.post-place b{font-weight:800;font-size:28px;letter-spacing:-.01em;line-height:1.15}
.post-place span{font-size:14px;color:#3b3c37;font-weight:600}
.sign{position:relative;z-index:3;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-height:70px;width:86%;padding:10px 26px;border-radius:2px;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.25)) drop-shadow(0 8px 10px rgba(0,0,0,.12));transition:transform .2s ease}
.sign-txt{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.sign-t{font-weight:800;font-size:23px;letter-spacing:-.01em}
.sign-d{font-size:14px;color:#3b3c37;margin-top:3px}
.sign-walk{align-self:flex-start;background:#fffefa;padding-left:52px;transform:rotate(1.2deg);clip-path:polygon(32px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,32px 100%,2px calc(50% + 3px),2px calc(50% - 3px))}
.sign-walk .mk{position:absolute;left:30px;top:calc(50% - 10px);width:26px;height:20px}
.sign-walk .sign-txt{margin-left:18px}
.sign-time{margin-left:auto;font:700 17px var(--mono);white-space:nowrap}
.sign-bike{align-self:flex-end;background:var(--cyklo);padding-right:54px;padding-left:30px;transform:rotate(-1.5deg);clip-path:polygon(6px 0,calc(100% - 32px) 0,calc(100% - 2px) calc(50% - 3px),calc(100% - 2px) calc(50% + 3px),calc(100% - 32px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
.sign-bike .sign-d{color:#3b3410}
.sign-bike .ico{width:28px;height:28px}
.cyklo-no{margin-left:auto;font:800 16px/1 var(--sans);border:2px solid var(--ink);padding:6px 7px 3px;background:var(--cyklo);color:#111}
.sign-walk:hover{color:var(--ink);transform:translateX(-6px) rotate(1.2deg)}
.sign-bike:hover{color:var(--ink);transform:translateX(6px) rotate(-1.5deg)}
.sign:focus-visible{outline:none;box-shadow:inset 0 0 0 4px var(--blue)}

/* 01 v terénu */
section h2{font-size:clamp(34px,4.4vw,58px);line-height:1.08;font-weight:800;letter-spacing:-.03em;max-width:16em}
.sec-head{margin-bottom:40px}
.sec-head h2{margin-bottom:0}
.sec-head-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 56px;align-items:end}
.sec-lede{max-width:40em;color:#3d3e38;font-size:18px;margin:0}
.terrain{padding:clamp(72px,9vw,120px) 0;border-top:1px solid var(--line)}
.abc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.abc li{position:relative;background:#fff;border:1px solid var(--line);padding:26px 24px 20px}
.abc-l{display:grid;place-items:center;width:44px;height:44px;border:2.5px solid var(--ink);border-radius:50%;font:800 20px var(--sans);margin-bottom:16px;padding-top:3px}
.abc h3{font-size:24px;font-weight:800;letter-spacing:-.015em;margin-bottom:8px;line-height:1.2}
.abc p{color:#3a3b35;font-size:17px}
.abc-t{margin:0;font-size:13px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)!important}

/* 02 trasa: dva režimy */
.trasa{--t-bg:var(--paper-2);--t-ink:var(--ink);--t-muted:var(--muted);background:var(--t-bg);color:var(--t-ink);transition:background-color .45s ease,color .45s ease;border-top:1px solid var(--line)}
.trasa[data-mode=kolo]{--t-bg:var(--asphalt);--t-ink:var(--chalk);--t-muted:#b9bbb6}
.trasa-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px 56px;align-items:end;padding:clamp(64px,8vw,104px) 0 36px}
.trasa-head h2{margin-bottom:18px}
.trasa .kicker{color:var(--t-muted)}
.trasa .sec-lede{color:var(--t-ink);opacity:.86}
.trasa[data-mode=kolo] .trasa-head h2{font-family:var(--cond);text-transform:uppercase;font-weight:800;letter-spacing:.005em;line-height:1.12;color:var(--yellow-y)}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ms{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);padding:14px 16px 12px;min-height:76px;transition:transform .2s,opacity .2s;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25)) drop-shadow(0 6px 8px rgba(0,0,0,.12))}
.ms-txt{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.ms b{font-size:22px;font-weight:800}
.ms small{font-size:13px;margin-top:3px;color:#3b3c37}
.ms .ico{width:26px;height:26px;margin-left:auto}
.ms-pesky{background:#fff;clip-path:polygon(24px 0,100% 0,100% 100%,24px 100%,0 50%);padding-left:30px}
.ms-kolo{background:var(--cyklo);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%);padding-right:34px}
.ms-kolo .ico{margin-left:0}
.ms-kolo .cyklo-no{margin-left:auto}
.ms-kolo small{color:#3b3410}
.ms:hover{color:var(--ink);transform:translateY(-2px)}
.js .ms[aria-selected=false]{opacity:.5}
.js .ms[aria-selected=false]:hover{opacity:.85}
.js .ms[aria-selected=true]::after{content:"";position:absolute;left:30px;right:34px;bottom:6px;height:4px;background:var(--ink)}
.ms{position:relative}
.trasa[data-mode=kolo] .ms[aria-selected=true]::after{background:var(--red-y)}
.ms:focus-visible{outline:3px solid var(--blue);outline-offset:3px;clip-path:none}
.trasa[data-mode=kolo] .ms:focus-visible{outline-color:var(--yellow)}

.mode{padding:8px 0 clamp(64px,8vw,104px)}
.mode.enter{animation:modeIn .45s ease both}
@keyframes modeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.m-k{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.m-k .mk{width:22px;height:16px}
.m-h{font-size:clamp(26px,2.8vw,36px);line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:0 0 10px}
.m-p{font-size:17px;max-width:36em}
.m-facts{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.m-facts li{padding:8px 14px 6px;font-size:15px;line-height:1.3}
.m-note{margin:26px 0 0;font-size:16px}
.m-swap{font-weight:700}
.tally{max-width:420px}
.tally-t{margin:0 0 8px;font-size:15px}
.tally-bar{height:8px;border-radius:4px;overflow:hidden}
.tally-bar span{display:block;height:100%;width:0;transition:width .3s}
.tally-reset{margin-top:10px;font:600 14px var(--sans);background:none;border:0;padding:4px 0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:inherit}
.tally-done{margin:12px 0 0;padding:10px 14px;font-weight:700;font-size:15px}

/* PĚŠKY: papír, značky, mapa */
.mode-pesky{background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
.mode-pesky .m-k{color:var(--muted)}
.mode-pesky .m-facts li{background:#fff;border:1px solid var(--line)}
.mode-pesky .tally-bar{background:#e4dfd1}
.mode-pesky .tally-bar span{background:var(--green)}
.mode-pesky .tally-done{background:#e3efe2;border-left:4px solid var(--green)}
.p-top{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:start;padding-top:28px;margin-bottom:26px}
.p-map-hint{display:none}
.p-map,.p-map-scroll{min-width:0;max-width:100%}
.p-map-scroll:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.p-map{margin:0;background:#fff;border:1px solid var(--line);padding:10px;box-shadow:0 10px 24px -14px rgba(0,0,0,.25)}
.map{width:100%;height:auto}
.m-bg{fill:#f4f1e6}
.m-meadow{fill:#e4edcf}
.m-forest{fill:#cddfbd}
.m-tree{fill:#7f9f6c}
.m-grass{fill:none;stroke:#93ad79;stroke-width:1.3;stroke-linecap:round}
.m-cont{fill:none;stroke:#cdb894;stroke-width:1}
.m-cont-b{stroke-width:1.8}
.m-kota{font:700 12px var(--mono);fill:#7a6440}
.m-kota-s{font:400 10px var(--mono);fill:#a08860}
.m-creek{fill:none;stroke:#6aa6d6;stroke-width:4;stroke-linecap:round}
.m-pond{fill:#a9cdec;stroke:#6aa6d6;stroke-width:2}
.m-reed path{fill:none;stroke:#6f8f55;stroke-width:2;stroke-linecap:round}
.m-water{font:italic 600 12px var(--sans);fill:#3e7fb4}
.m-cyklo{fill:none;stroke:#e0b400;stroke-width:3.5;stroke-dasharray:9 6}
.m-cyklo-sign rect{fill:var(--cyklo);stroke:#111;stroke-width:1.5}
.m-cyklo-sign text{font:800 11px var(--sans);fill:#111}
.m-park rect{fill:#2a5db0}
.m-park text{font:800 14px var(--sans);fill:#fff}
.m-case{fill:none;stroke:#fff;stroke-width:11;stroke-linecap:round;stroke-linejoin:round}
.m-line{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.m-bridge path{stroke:#5b4a32;stroke-width:3;stroke-linecap:round}
.m-poi path,.m-hut path,.m-view path{fill:none;stroke:#3b3c37;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.m-hut path:last-child{fill:#fff}
.m-spring circle{fill:#fff;stroke:#3e7fb4;stroke-width:2}
.m-spring path{fill:#3e7fb4}
.m-lab{font:600 12px var(--sans);fill:#3b3c37;paint-order:stroke;stroke:#f4f1e6;stroke-width:4px;stroke-linejoin:round}
.m-lab-b{font-weight:800}
.m-area{font:italic 600 13px var(--sans);fill:#5d7a45;letter-spacing:.04em}
.m-area-f{fill:#476536}
.m-stop circle{fill:#fff;stroke:var(--ink);stroke-width:2.4}
.m-stop text{font:700 13px var(--mono);fill:var(--ink)}
.m-post line{stroke:#7c7f78;stroke-width:4}
.m-post rect{fill:#fff;stroke:var(--ink);stroke-width:1.5}
.m-post text{font:700 11px var(--sans);fill:var(--ink)}
.m-north path{fill:#3b3c37}
.m-north text{font:700 11px var(--sans);fill:#3b3c37}

.p-prof{margin:0 0 46px;background:#fff;border:1px solid var(--line);padding:16px 18px 14px}
.p-prof-h{display:flex;justify-content:space-between;gap:4px 20px;flex-wrap:wrap;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px}
.p-prof-h span:first-child{font-weight:800;font-size:20px}
.p-prof-h span:last-child{font-size:14px;color:var(--muted)}
.pp{width:100%;height:auto}
.pp-n{display:none}
.pp-grid{stroke:#efeadf}
.pp-alt{font:400 11px var(--mono);fill:#a19d90}
.pp-base{stroke:#cfc8b6;stroke-width:1.5}
.pp-tree{fill:#b5cba2}
.pp-case{fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
.pp-line{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.pp-ter-0{fill:#c9b48c}.pp-ter-1{fill:#a9c38f}
.pp-t{font:400 13px var(--mono);fill:var(--muted)}
.pp-n .pp-t{font-size:12px}
.pp-ico{color:var(--ink)}
.pp-time{font:700 13px var(--mono);fill:var(--green)}
.pp-name{font:800 15px var(--sans);fill:var(--ink)}
.pp-drop{stroke:#9b978a;stroke-width:1;stroke-dasharray:3 4}
.pp-stop circle{fill:#fff;stroke:var(--ink);stroke-width:2.4}
.pp-stop text{font:700 13px var(--mono);fill:var(--ink)}
.pp-n .pp-stop text{font-size:11px}
.pp-flag{fill:var(--red);stroke:var(--ink);stroke-width:2}
.pp-a:hover .pp-name,.pp-a:focus-visible .pp-name{fill:var(--red)}
.pp-a:focus{outline:none}
.pp-a:focus-visible circle{stroke:var(--blue);stroke-width:4}
.p-legend{list-style:none;margin:6px 0 0;padding:10px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--muted)}
.p-legend li{display:flex;align-items:center;gap:8px}
.p-legend .mk{width:22px;height:16px}
.pl-ter{display:inline-block;width:26px;height:10px;background:linear-gradient(90deg,#c9b48c 50%,#a9c38f 50%)}

/* itinerář a roadbook: společná stezka, která se při čtení vybarvuje */
.it-h,.kb-h{font-size:clamp(24px,2.4vw,30px);font-weight:800;letter-spacing:-.015em;margin:0 0 14px}
.trail-fill{list-style:none;margin:0;padding:0;position:relative;--done:0px}
.trail-fill::before,.trail-fill::after{content:"";position:absolute;top:var(--rail-top,30px);width:6px;border-radius:3px;left:var(--rail)}
.trail-fill::before{bottom:var(--rail-bottom,30px)}
.trail-fill::after{height:var(--done);max-height:calc(100% - var(--rail-top,30px) - var(--rail-bottom,30px));transition:height .15s linear}
.it{--rail:117px;border-top:2px solid var(--ink)}
.it::before{background:repeating-linear-gradient(180deg,#d8d2c2 0 14px,transparent 14px 23px)}
.it::after{background:repeating-linear-gradient(180deg,var(--red) 0 14px,transparent 14px 23px)}
.it-row{position:relative;display:grid;grid-template-columns:76px 50px minmax(0,1fr) 150px;gap:18px;padding:22px 0 20px;border-bottom:1px dashed #cfc8b6;align-items:start}
.it-time{font:400 14px/1.4 var(--mono);color:var(--muted);padding-top:6px}
.it-time b{font-size:19px;color:var(--ink);font-weight:700}
.it-mark{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px}
.it-n{display:grid;place-items:center;width:36px;height:36px;border:2.5px solid var(--ink);border-radius:50%;background:#fff;font:700 15px var(--mono);transition:background .25s,color .25s}
.it-n-end .ico{width:20px;height:20px}
.it-row.passed .it-n{background:var(--ink);color:#fff}
.it-k{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.it-k .ico{width:18px;height:18px}
.it-main h3{font-size:22px;line-height:1.25;font-weight:800;margin-bottom:6px;letter-spacing:-.01em}
.it-main>p{margin:0;color:#3a3b35;font-size:17px}
.it-cmp{margin-top:8px!important;font-size:15.5px!important;color:#4a4b44!important;font-style:italic}
.it-cmp span{font-style:normal;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-right:4px}
.it-top{background:linear-gradient(90deg,rgba(0,87,168,.07),transparent 80%)}
.boxes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.box{padding:11px 14px 9px;font-size:15px;line-height:1.5;border-radius:3px}
.box p{margin:0}
.box-h{font-weight:800;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px!important}
.mode-pesky .know{background:#eef3e2;border-left:4px solid var(--green)}
.mode-pesky .check{background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue)}
.mode-pesky .check a{color:var(--blue);font-weight:700}

/* razítka (styl návrhu T) */
.it-stamp{display:flex;justify-content:center}
.zn-btn{position:relative;display:grid;place-items:center;width:132px;aspect-ratio:1;padding:0;background:none;border:0;border-radius:50%;cursor:pointer;color:inherit}
.zn-btn .disk{width:100%;height:100%;transition:transform .25s ease,opacity .25s;filter:drop-shadow(0 3px 0 rgba(0,0,0,.12));opacity:.9}
.zn-btn:hover .disk{transform:rotate(-6deg) scale(1.04);opacity:1}
.zn-btn.is-on .disk{opacity:1}
.zn-btn:focus-visible{outline-offset:6px}
.d-out{fill:#fffdf6;stroke:#23302a;stroke-width:5}
.d-in{stroke:#23302a;stroke-width:3.5}
.d-arc{font:800 20px var(--cond);letter-spacing:.06em;fill:#23302a}
.d-no{font:700 18px var(--cond);letter-spacing:.1em;fill:#3d403b}
.d-dot{fill:#23302a}
.d-ico{color:#23302a}
.stamp{position:absolute;display:grid;place-items:center;align-content:center;width:62%;aspect-ratio:1;right:-14%;bottom:-6%;border-radius:50%;color:#4a3d9e;border:4px double #4a3d9e;background:rgba(255,253,246,.88);transform:rotate(-14deg);filter:url(#rough);pointer-events:none;opacity:0;line-height:1.05;text-align:center}
.stamp-t{font:800 17px/1.1 var(--cond);letter-spacing:.08em;text-transform:uppercase}
.stamp-d{font:600 12px/1.2 var(--sans);margin-top:2px}
.zn-btn.is-on .stamp{opacity:1;animation:stampIn .28s ease-out}
@keyframes stampIn{from{opacity:0;transform:rotate(-14deg) scale(1.6)}to{opacity:1;transform:rotate(-14deg) scale(1)}}
.zn-cta{position:absolute;bottom:-22px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.zn-btn.is-on .zn-cta{visibility:hidden}
.zn-btn:hover .zn-cta{color:var(--ink)}

/* NA KOLE: asfalt, cyklotabulky, etapa (profil podle návrhu Y) */
.mode-kolo{background:var(--asphalt);color:var(--chalk);border-top:1px solid #ffffff1a}
.mode-kolo .m-intro-k{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 56px;align-items:end;padding-top:28px;margin-bottom:28px}
.mode-kolo .m-k{color:var(--yellow-y);font-family:var(--cond);font-size:16px;letter-spacing:.1em}
.mode-kolo .m-k .cyklo-no{font-size:13px;padding:4px 5px 2px;margin:0}
.mode-kolo .m-h{font-family:var(--cond);text-transform:uppercase;font-size:clamp(30px,3.4vw,44px);letter-spacing:.01em;line-height:1.15}
.mode-kolo .m-p{color:#d6d7d2;font-family:var(--body)}
.mode-kolo .m-facts li{background:var(--asphalt-2);border:1px solid #ffffff22;font-family:var(--body);color:#dcddd8}
.mode-kolo .m-facts b{font-family:var(--cond);font-size:18px;color:var(--yellow-y);letter-spacing:.02em}
.mode-kolo .tally-t{font-family:var(--body);color:#dcddd8}
.mode-kolo .tally-t b{font-family:var(--cond);font-size:19px;color:var(--yellow-y)}
.mode-kolo .tally-bar{background:#3a3e42}
.mode-kolo .tally-bar span{background:var(--yellow-y)}
.mode-kolo .tally-done{background:#33302a;border-left:4px solid var(--yellow-y);color:#fff}
.k-prof{margin:0 0 46px;background:#202325;border:1px solid #ffffff1c;padding:22px 22px 16px}
.k-prof-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px 32px;flex-wrap:wrap;border-bottom:1px solid #ffffff2e;padding-bottom:14px;margin-bottom:22px}
.k-prof-h span:first-child{font:800 30px/1.15 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--yellow-y)}
.k-prof-h span:last-child{color:#b9bbb6;font-size:15px;font-family:var(--body);max-width:36em}
.kp{width:100%;height:auto;overflow:visible}
.kp-n{display:none}
.kp text{fill:var(--chalk);font-family:var(--cond)}
.kp .km{font-size:15px;font-weight:500;fill:#b9bbb6}
.kp .s-km{font-size:13px;font-weight:700;letter-spacing:.12em;fill:var(--yellow-y)}
.kp .s-t{font-size:19px;font-weight:800;letter-spacing:.04em}
.kp .s-s{font-family:var(--body);font-size:15px;fill:#d6d7d2}
.kp .s-ico{color:var(--chalk)}
.kp .g{font-size:15px;font-weight:700;letter-spacing:.02em;fill:var(--chalk);paint-order:stroke;stroke:#1d1f21;stroke-width:4px;stroke-linejoin:round}
.kp .g-kom{fill:#fff;stroke:#7d141b}
.kp .n{font-size:15px;font-weight:800}
.kp .stop:hover .s-t,.kp .stop:focus-visible .s-t{fill:var(--yellow-y)}
.kp .stop:hover .s-ico{color:var(--yellow-y)}
.kp .stop:focus{outline:none}
.kp .stop:focus-visible circle,.kp .stop:focus-visible rect{stroke:var(--yellow-y);stroke-width:5}
.kp .line{stroke-dasharray:1;stroke-dashoffset:0}
.k-legend{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #ffffff22;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:#c9cac5;font-family:var(--body)}
.k-legend li{display:flex;align-items:center;gap:8px}
.sw{display:inline-block;width:26px;height:12px;flex:none;border-radius:2px;outline:1px solid #0000002e}

.kl-kom{display:inline-block;width:14px;height:14px;border-radius:50%;border:1.5px solid #fff;background:radial-gradient(var(--red-y) 1.6px,#fff 1.9px) 0 0/5px 5px}

.mode-kolo .kb-h{font-family:var(--cond);text-transform:uppercase;letter-spacing:.04em;color:var(--yellow-y);font-size:30px}
.kb{--rail:169px;border-top:2px solid var(--yellow-y)}
.kb::before{background:repeating-linear-gradient(180deg,#45484c 0 14px,transparent 14px 23px)}
.kb::after{background:repeating-linear-gradient(180deg,var(--yellow-y) 0 14px,transparent 14px 23px)}
.kb-row{position:relative;display:grid;grid-template-columns:130px 48px minmax(0,1fr) 150px;gap:18px;padding:24px 0 22px;border-bottom:1px solid #ffffff1f;align-items:start}
.kb-km{display:flex;flex-direction:column;gap:6px;font-family:var(--cond)}
.kb-km-n{font-weight:800;font-size:54px;line-height:.9;color:#fff;font-variant-numeric:tabular-nums}
.kb-km-n::after{content:" km";font-size:15px;font-weight:700;letter-spacing:.1em;color:#9fa19b}
.kb-km-r{font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#9fa19b}
.kb-mark{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--asphalt);border:2.5px solid #5d6166;transition:border-color .25s,background .25s}
.kb-ico{width:26px;height:26px;color:var(--chalk)}
.kb-row.passed .kb-mark{border-color:var(--yellow-y);background:#2c2a20}
.kb-tag{font:700 15px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow-y);margin:0 0 6px}
.kb-main h3{font:800 30px/1.12 var(--cond);text-transform:uppercase;letter-spacing:.01em;color:#fff;margin:0 0 8px}
.kb-main>p{margin:0;color:#d6d7d2;font-family:var(--body);font-size:17px;max-width:44em}
.kb-cmp{margin:12px 0 0!important;padding-left:14px;border-left:3px solid var(--yellow-y);font:italic 600 19px/1.35 var(--cond)!important;color:#fff!important}
.kb-cmp span{font-style:normal;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow-y);margin-right:4px}
.mode-kolo .know{background:#2a2d30;border-left:4px solid var(--yellow-y);color:#e9e7df;font-family:var(--body)}
.mode-kolo .check{background:transparent;border:1px solid #ffffff2a;border-left:4px solid #9fa19b;color:#e9e7df;font-family:var(--body)}
.mode-kolo .box-h{color:var(--yellow-y)}
.mode-kolo .check .box-h{color:#d6d7d2}
.kb-meta{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px 28px;font-family:var(--body);font-size:15px;color:#e9e7df}
.kb-meta div{display:grid;gap:2px}
.kb-meta dt{font:700 13px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:#9fa19b}
.kb-meta dd{margin:0;font-weight:600;display:flex;align-items:center;gap:8px}
.bars{display:inline-flex;gap:3px}
.bars i{width:7px;height:14px;background:#4a4e53}
.bars i.on{background:var(--yellow-y)}
.kb-kom{background:linear-gradient(90deg,rgba(200,32,44,.18),transparent 80%)}
.kb-kom .bars i.on{background:#ff5a4e}

.kb-finish .kb-km-n{color:var(--yellow-y)}
.mode-kolo .zn-cta{color:#9fa19b}
.mode-kolo .zn-btn .disk{opacity:.92}
.mode-kolo .zn-btn:hover .zn-cta{color:#fff}
.mode-kolo .stamp{color:#c8202c;border-color:#c8202c}
.mode-kolo .m-note{color:#c9cac5}
.mode-kolo a{color:#fff}
.mode-kolo a:hover{color:var(--yellow-y)}
.mode-kolo :focus-visible{outline-color:var(--yellow-y)}

/* 03 mimo zasedačku */
.meet{padding:clamp(72px,9vw,120px) 0;border-top:1px solid var(--line)}
.legs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative}
.legs::before{content:"";position:absolute;left:28px;right:calc((100% - 56px)/3 - 28px);top:27px;border-top:4px dotted var(--red)}
.legs li{position:relative}
.leg-n{display:grid;place-items:center;width:56px;height:56px;background:var(--red);color:#fff;font-weight:850;font-size:24px;border:4px solid var(--paper);border-radius:50%;margin-bottom:18px;padding-top:3px}
.legs h3{font-size:24px;font-weight:800;letter-spacing:-.015em;margin-bottom:8px;line-height:1.2}
.legs p{color:#3a3b35;font-size:17px}
.smile{margin:30px 0 0;font-size:clamp(21px,2.3vw,28px);font-weight:300;font-style:italic;max-width:30em}

/* 04 návštěvní řád: tabule u stezky */
.rules{padding:clamp(72px,9vw,120px) 0;background:var(--paper-2);border-block:1px solid var(--line)}
.rules-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.rules h2{margin-bottom:18px}
.board{position:relative;background:#fffdf7;border:10px solid #7a5a3a;border-radius:4px;box-shadow:0 18px 30px -18px rgba(0,0,0,.45),inset 0 0 0 2px #5e432a;padding:24px 28px 20px}
.board::before,.board::after{content:"";position:absolute;bottom:-60px;width:14px;height:52px;background:linear-gradient(90deg,#5e432a,#8a6845 50%,#5e432a)}
.board::before{left:16%}.board::after{right:16%}
.board-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 12px;padding-bottom:12px;border-bottom:2px solid var(--ink);font-weight:800;font-size:19px}
.board-h span:last-child{margin-left:auto;font-size:13px;font-weight:600;color:var(--muted)}
.board-list{margin:0;padding:0 0 0 24px;counter-reset:r}
.board-list li{padding:8px 0;border-bottom:1px dashed #d8d2c2;font-size:17px}
.board-list li::marker{font-weight:800;color:var(--red)}
.board-list b{font-weight:800}
.board-f{margin:14px 0 0;font-size:14px;color:var(--muted);font-style:italic}

/* 05 průvodce */
.guide{padding:clamp(100px,11vw,140px) 0 clamp(72px,9vw,120px);border-top:1px solid var(--line)}
.guide-grid{display:grid;grid-template-columns:220px minmax(0,1.2fr) minmax(280px,.85fr);gap:48px;align-items:start}
.photo{position:relative;margin:8px 0 0;background:#fff;padding:10px 10px 8px;box-shadow:0 10px 24px rgba(0,0,0,.12);transform:rotate(-2deg)}
/* lepicí pásky – fotka jako by byla přilepená */
.tape{position:absolute;z-index:2;top:-14px;width:96px;height:30px;background:rgba(243,195,0,.55);box-shadow:0 1px 2px rgba(0,0,0,.12);
  clip-path:polygon(0 8%,6% 0,12% 10%,18% 0,24% 8%,30% 0,36% 9%,42% 0,48% 8%,54% 0,60% 10%,66% 0,72% 8%,78% 0,84% 9%,90% 0,96% 8%,100% 2%,100% 92%,94% 100%,88% 91%,82% 100%,76% 92%,70% 100%,64% 90%,58% 100%,52% 92%,46% 100%,40% 91%,34% 100%,28% 92%,22% 100%,16% 90%,10% 100%,4% 92%,0 100%);
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 2px,transparent 2px 7px)}
.tape-l{left:-22px;transform:rotate(-38deg)}
.tape-r{right:-22px;transform:rotate(34deg);background-color:rgba(220,212,190,.75)}
.photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.photo figcaption{font-size:13px;color:var(--muted);padding-top:7px;text-align:center}
.guide h2{margin-bottom:14px}
.guide-tags{font-weight:800;font-size:18px;color:var(--red)!important;letter-spacing:.02em}
.guide-text p{color:#33342f}
.quote{font-size:clamp(21px,2.1vw,27px);line-height:1.35;font-weight:300;font-style:italic;color:var(--ink)!important;margin-top:22px}
.plate{position:relative;background:#fff;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--cyklo)}
.plate-top{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--ink);color:#fff}
.plate-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--cyklo);border:2px solid #fff;color:var(--ink);font:600 17px 'Barlow',Arial,sans-serif}
.guide .plate-h{margin:0;font:700 16px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.plate-no{margin-left:auto;font:700 13px var(--mono);color:var(--cyklo)}
.plate-name{padding:16px 20px 12px;border-bottom:2px solid var(--ink);background:repeating-linear-gradient(135deg,#fbf8ef 0 10px,#f6f1e2 10px 20px)}
.plate-name b{display:block;font:800 34px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.02em;text-transform:uppercase}
.plate-name span{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.plate dl{margin:0}
.plate dl div{display:grid;grid-template-columns:104px 1fr;gap:12px;padding:11px 20px 9px;border-bottom:1px dashed var(--line);font-size:16px}
.plate dt{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:3px}
.plate dd{margin:0}
.guide .plate-q{margin:0;padding:14px 20px 14px;font-size:17px;line-height:1.4;font-style:italic;color:var(--ink)}
.plate-q span{display:block;font-style:normal;font-size:14px;color:var(--muted);margin-top:4px}
.plate-cta{display:flex;justify-content:space-between;align-items:center;margin:0;padding:14px 20px;background:var(--ink);color:#fff;text-decoration:none;font:700 18px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.06em;text-transform:uppercase;transition:background .2s}
.plate-cta:hover{background:var(--red);color:#fff}
.plate-stamp{position:absolute;right:14px;top:62px;display:grid;place-items:center;width:84px;height:84px;border:3px double #4a3d9e;border-radius:50%;color:#4a3d9e;font:800 12px/1.15 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.06em;text-transform:uppercase;text-align:center;transform:rotate(-14deg);opacity:.8;pointer-events:none}

/* 06 otázky (mechanika návrhu G) */
.faq{padding:clamp(72px,9vw,120px) 0;background:var(--paper-2);border-top:1px solid var(--line)}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.faq-list{border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 2px 18px;cursor:pointer;list-style:none;font-weight:800;font-size:clamp(19px,1.8vw,22px);line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{position:relative;flex:none;width:36px;height:36px;border:2px solid var(--ink);border-radius:50%;font-size:0;color:transparent;transition:transform .25s ease,background .2s,border-color .2s}
.faq summary span::before,.faq summary span::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2.5px;margin:-1.25px 0 0 -7px;border-radius:2px;background:var(--ink);transition:background .2s}
.faq summary span::after{transform:rotate(90deg)}
.faq summary:hover span{border-color:var(--red);background:#fff}
.faq summary:hover span::before,.faq summary:hover span::after{background:var(--red)}
.faq details[open] summary span{transform:rotate(45deg);background:var(--ink);border-color:var(--ink)}
.faq details[open] summary span::before,.faq details[open] summary span::after{background:#fff}
.faq summary:hover{color:var(--red)}
.faq details p{margin:0 0 20px;padding-right:52px;color:#3a3b35;font-size:17px;max-width:40em}

/* kontakt */
.contact{background:var(--dark);color:#e8e5da;padding:clamp(72px,9vw,120px) 0}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:56px;align-items:center}
.contact .kicker{color:#b9b6aa}
.contact h2{color:#fff;font-size:clamp(40px,5.6vw,76px);margin-bottom:22px}
.contact p{color:#c9c6ba;max-width:30em}
.contact-signs{display:flex;flex-direction:column;gap:12px}
.csign{display:flex;align-items:center;gap:14px;background:#fff;color:var(--ink);text-decoration:none;min-height:70px;padding:10px 54px 10px 20px;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,0 100%);transition:transform .2s}
.csign .mk{margin-left:auto}
.csign:hover{color:var(--ink);transform:translateX(6px)}
.csign-big{min-height:88px}
.csign-big .sign-t{font-size:26px}
.csign .sign-d{color:#4b4c46}
.contact .small{font-size:14px;color:#9f9c91;margin:6px 0 0}
.contact :focus-visible{outline-color:var(--yellow)}
.contact .csign:focus-visible{outline:none;box-shadow:inset 0 0 0 4px var(--yellow)}

.foot{background:var(--dark);border-top:1px solid #34362f;color:#9f9c91;font-size:13px}
.foot-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 30px;padding:22px 0 28px}
.foot a{color:#e8e5da}
.foot :focus-visible{outline-color:var(--yellow)}

@media (max-width:1100px){
  .it-row{grid-template-columns:70px 50px minmax(0,1fr)}
  .it{--rail:111px}
  .it-stamp{grid-column:3;justify-content:flex-start;padding:6px 0 22px}
  .kb-row{grid-template-columns:110px 48px minmax(0,1fr)}
  .kb{--rail:149px}
  .kb-row .it-stamp{grid-column:3}
  .guide-grid{grid-template-columns:200px minmax(0,1fr)}
  .plate{grid-column:1/-1;max-width:560px}
}
@media (max-width:1000px){
  .hero-grid,.rules-grid,.contact-grid,.trasa-head,.sec-head-split,.faq-grid,.p-top,.mode-kolo .m-intro-k{grid-template-columns:1fr}
  .hero-text{padding-bottom:16px}
  .post{justify-self:center}
  .post-scene{left:-16px;right:-16px;width:calc(100% + 32px)}
  .abc{grid-template-columns:1fr}
  .p-map{max-width:640px}
}
@media (max-width:760px){
  body{font-size:17px}
  .wrap{width:calc(100% - 32px)}
  .top-inner{padding:12px 0}
  .menu{gap:4px 16px;font-size:15px;width:100%}
  .menu .menu-cta{margin-left:auto}
  .pp-w,.kp-w{display:none}
  .pp-n,.kp-n{display:block}
  .mode-switch{gap:10px}
  .ms{padding:12px 10px 10px;gap:8px;min-height:68px}
  .ms-pesky{padding-left:26px}.ms-kolo{padding-right:30px}
  .ms b{font-size:19px}
  .ms .ico{width:22px;height:22px}
  .ms .cyklo-no{display:none}
  .js .ms[aria-selected=true]::after{left:24px;right:28px}
  .it{--rail:17px}
  .it-row{grid-template-columns:40px minmax(0,1fr);gap:4px 14px;padding:18px 0 16px}
  .it-time{grid-column:2;grid-row:1;padding-top:0}
  .it-mark{grid-column:1;grid-row:1/span 3}
  .it-main{grid-column:2}
  .it-stamp{grid-column:2}
  .kb{--rail:20px}
  .kb-row{grid-template-columns:46px minmax(0,1fr);gap:4px 14px;padding:20px 0 18px}
  .kb-km{grid-column:2;grid-row:1;flex-direction:row;align-items:baseline;gap:10px}
  .kb-km-n{font-size:38px}
  .kb-mark{grid-column:1;grid-row:1/span 3}
  .kb-main{grid-column:2}
  .kb-row .it-stamp{grid-column:2}
  .kb-main h3{font-size:25px}
  .boxes{grid-template-columns:1fr}
  .zn-btn{width:104px}
  .legs{grid-template-columns:1fr;gap:8px}
  .legs::before{display:none}
  .legs li:not(:last-child)::after{content:"";position:absolute;left:26px;top:60px;bottom:-6px;border-left:4px dotted var(--red)}
  .legs li{padding-left:80px;min-height:72px}
  .leg-n{position:absolute;left:0;top:0}
  .board{padding:18px 18px 14px;border-width:8px}
  .guide-grid{grid-template-columns:1fr;gap:32px}
  .guide-text{order:-1}
  .photo{max-width:220px}
  .faq details p{padding-right:0}
  .post{padding-bottom:110px}
  .sign{width:92%}
}
@media (max-width:380px){
  .wrap{width:calc(100% - 28px)}
  .sign{padding:10px 12px;gap:10px;min-height:66px;width:96%}
  .sign-walk{padding-left:44px}.sign-walk .mk{left:24px;width:22px;height:17px}.sign-walk .sign-txt{margin-left:12px}
  .sign-bike{padding-right:42px}
  .sign-t{font-size:20px}.sign-d{font-size:13px}
  .sign-time{font-size:15px}
  .sign .ico{width:22px;height:22px}
  .cyklo-no{font-size:14px;padding:5px 5px 2px}
  .plate dl div{grid-template-columns:1fr;gap:2px}
  .ms small{display:none}
  .ms .ico{display:none}
  .csign-big .sign-t{font-size:21px}
}
@media (max-width:360px){
  .menu .menu-cta{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}
@media (max-width:560px){
  .p-map{padding:6px}
  .m-lab,.m-area,.m-water{font-size:17px}
  .m-stop text{font-size:16px}
  .m-kota{font-size:15px}.m-kota-s{font-size:13px}
  .m-post text,.m-cyklo-sign text,.m-north text{font-size:14px}
}
/* mobil: lišta s menu se při posunu dolů schová, při posunu nahoru ukáže */
@media (max-width:760px){
  .top{position:sticky;top:0;z-index:60;transition:transform .28s ease,box-shadow .28s ease}
  .top.is-hidden{transform:translateY(-100%)}
  .top.is-floating{box-shadow:0 6px 16px -10px rgba(0,0,0,.35)}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.top{transition:none}}
/* plovoucí stav razítek */
.float-log{position:fixed;z-index:70;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;box-shadow:0 10px 24px -8px rgba(0,0,0,.45);transition:transform .25s ease,opacity .25s ease}
.float-log[hidden]{display:none}
.float-log.is-away{opacity:0;transform:translateY(16px);pointer-events:none}
.float-log:hover{background:var(--red);color:#fff}
.fl-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cyklo);color:var(--ink);border:3px double var(--ink);font:600 18px 'Barlow',Arial,sans-serif}
.fl-txt{display:flex;flex-direction:column;line-height:1.1}
.fl-h{font:700 12px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:#cfccc0}
.fl-n{font:800 18px var(--cond);letter-spacing:.03em;text-transform:uppercase}
.float-log.bump{animation:flBump .45s ease}
@keyframes flBump{0%{transform:scale(1)}35%{transform:scale(1.12) rotate(-2deg)}100%{transform:scale(1)}}
@media (max-width:560px){.float-log{right:12px;bottom:12px;padding:6px 14px 6px 6px}.fl-ico{width:32px;height:32px;font-size:15px}.fl-n{font-size:16px}}
@media (prefers-reduced-motion:reduce){.float-log,.float-log.bump{transition:none;animation:none}}