@font-face{font-family:Literata;src:url(/font/Literata-latin.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:Literata;src:url(/font/Literata-Italic-latin.woff2) format("woff2");font-style:italic;font-weight:200 900;font-display:swap}
@font-face{font-family:Alegreya;src:url(/font/Alegreya-latin.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Alegreya;src:url(/font/Alegreya-latin-ext.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Alegreya SC";src:url(/font/AlegreyaSC-500-latin.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Alegreya SC";src:url(/font/AlegreyaSC-500-latin-ext.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Alegreya SC";src:url(/font/AlegreyaSC-700-latin.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Alegreya SC";src:url(/font/AlegreyaSC-700-latin-ext.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Noční edice 2.0 (DESIGN.md): malovaná noc, světlo svíčky, police svazků, velké panely v plátně, střídání pruhů */
:root{--noc:#16120f;--noc0:#0f0c0a;--noc2:#1e1915;--noc3:#27201b;--prkno:#2e2219;--prkno2:#3d2d20;--linka:#3a3029;
 --text:#ece3cf;--tlum:#b6ab95;--zlato:#c9a65a;--zlato2:#e2c47e;--latka:#3b2a52;--svice:255,188,110;
 --display:Alegreya,Literata,Georgia,serif;--raz:"Alegreya SC",Alegreya,Georgia,serif;--cteni:Literata,Georgia,serif;
 --okraj:clamp(1rem,4vw,2.5rem);--lista-h:64px;--sh:300px;--ease:cubic-bezier(.16,1,.3,1);
 color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--noc);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--lista-h) + 1rem);scrollbar-color:var(--prkno2) var(--noc)}
body{margin:0;font:400 1.08rem/1.7 var(--cteni);color:var(--text);background:var(--noc);font-variant-numeric:oldstyle-nums;
 -webkit-font-smoothing:antialiased;caret-color:var(--zlato);overflow-x:hidden}
::selection{background:rgba(201,166,90,.32);color:var(--text)}
a{color:var(--zlato2);text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--text)}
:focus-visible{outline:2px solid var(--zlato);outline-offset:3px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.15;text-wrap:balance;letter-spacing:-.01em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.preskocit{position:absolute;left:1rem;top:-4rem;z-index:50;padding:.6rem 1rem;background:var(--zlato);color:var(--noc);font:700 1rem var(--raz)}
.preskocit:focus{top:1rem}
.stitek,.meta{font:500 .95rem/1.35 var(--raz);letter-spacing:.04em;color:var(--zlato2);margin:0}
.ram{position:relative;display:block;overflow:hidden;background:var(--noc3)}
.ram::after{content:"";position:absolute;inset:8px;border:1px solid rgba(201,166,90,.5);pointer-events:none}
.ram img{width:100%;height:100%;object-fit:cover}

/* lišta: nad malovanou nocí průhledná, po odjetí plná (Miky po ní chodí – web/miky.js potřebuje .lista a .miky-prepinac) */
.lista{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:2rem;height:var(--lista-h);padding:0 var(--okraj);
 border-bottom:1px solid transparent;overflow-x:clip;transition:background-color .6s,border-color .6s}
.lista.plna,html:not(.js) .lista{background:rgba(22,18,15,.96);border-color:var(--linka)}
.lista a{color:var(--text);text-decoration:none}
.znak{display:flex;align-items:center;gap:.6rem;font:700 1.18rem var(--raz);letter-spacing:.03em;flex:none}
.znak img{width:34px;height:34px;border-radius:50%}
.lista nav{display:flex;gap:1.6rem;margin-left:auto;position:relative;z-index:1}
.lista nav a{opacity:.86;font:500 1.02rem var(--raz);letter-spacing:.04em;padding:.4rem 0;border-bottom:1px solid transparent;transition:border-color .3s,opacity .3s}
.lista nav a:hover{opacity:1;color:var(--text);border-color:var(--zlato)}

/* tlačítka: ražené štítky */
.tl{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:center;margin:0}
.tl a,.tl-zpet{display:inline-flex;align-items:center;gap:.55rem;min-height:48px;border-radius:2px;text-decoration:none;cursor:pointer;
 transition:background-color .25s,color .25s,border-color .25s}
.tl a{padding:.8rem 1.35rem;background:rgba(0,0,0,.3);color:var(--zlato2);border:1px solid var(--zlato);outline:1px solid rgba(201,166,90,.35);
 outline-offset:3px;font:700 1.12rem var(--raz);letter-spacing:.03em}
.tl a:hover{background:var(--zlato);color:var(--noc)}
.tl a:focus-visible{outline:2px solid var(--zlato);outline-offset:3px}
.tl a.d{outline:0;padding:.7rem 1.1rem;background:none;color:var(--text);border-color:rgba(236,227,207,.45);font:500 1.02rem var(--raz);letter-spacing:.04em}
.tl a.d:hover{border-color:var(--zlato);color:var(--zlato2);background:none}
.tl svg{width:1em;height:1em;flex:none}
.tl-zpet{padding:.6rem .2rem;background:none;border:0;color:var(--tlum);font:500 .98rem var(--raz);letter-spacing:.04em;
 text-decoration:underline;text-decoration-color:var(--linka);text-underline-offset:.3em}
.tl-zpet:hover{color:var(--zlato2)}.tl-zpet[hidden]{display:none}
.tl--stred{justify-content:center;margin-top:clamp(2.5rem,5vw,3.5rem)}

/* ===== malovaná noc (první pohled každé stránky) ===== */
main{display:block}
.noc{position:relative;isolation:isolate;padding-top:calc(var(--lista-h) + clamp(3rem,9vh,6.5rem))}
.noc-obraz{position:absolute;inset:0 0 auto;height:min(940px,94%);z-index:-1;overflow:hidden;--sx:26.5%;--sy:79%}
.noc-obraz img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:brightness(.78) saturate(.92)}
.noc-obraz::after{content:"";position:absolute;inset:0;background:
 linear-gradient(180deg,rgba(22,18,15,.82) 0,rgba(22,18,15,.12) 18%,rgba(22,18,15,.1) 50%,rgba(22,18,15,.72) 80%,var(--noc) 100%),
 linear-gradient(90deg,rgba(22,18,15,.9) 0,rgba(22,18,15,.55) 30%,rgba(22,18,15,0) 58%)}
/* světlo svíčky: teplá skvrna, pomalu dýchá */
.svice{position:absolute;left:var(--sx);top:var(--sy);width:clamp(260px,36vw,560px);aspect-ratio:1;translate:-50% -50%;z-index:1;pointer-events:none;
 background:radial-gradient(closest-side,rgba(var(--svice),.24),rgba(var(--svice),.08) 45%,rgba(var(--svice),0));mix-blend-mode:screen;animation:dech 7s ease-in-out infinite alternate}
@keyframes dech{0%{opacity:.7;scale:.97}38%{opacity:.95}62%{opacity:.82;scale:1.02}100%{opacity:1;scale:1}}
.hvezda{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;border-radius:50%;background:#f4ecd8;z-index:1;opacity:.25;animation:trpyt var(--d) ease-in-out var(--z,0s) infinite}
@keyframes trpyt{0%,100%{opacity:.18}50%{opacity:.8}}
.noc-obsah{max-width:1320px;margin:0 auto;padding:0 var(--okraj);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5.4fr);gap:clamp(2rem,6vw,6rem);align-items:end}
.noc-hlava{padding-bottom:1.5rem;min-width:0}
.edice-nazev{margin:0;font:700 clamp(3.3rem,7.2vw,6rem)/.9 var(--raz);letter-spacing:.005em;color:var(--text)}
.edice-nazev span{display:block}.edice-nazev span+span{color:var(--zlato2)}
.slogan{margin:1.1rem 0 0;font:italic 400 clamp(1.25rem,2vw,1.55rem)/1.35 var(--cteni);color:var(--text);opacity:.9}
.teze{margin:1.4rem 0 0;max-width:34ch;color:var(--tlum)}.teze b{color:var(--text);font-weight:500}
.pristi{margin:1.1rem 0 0;max-width:38ch;color:var(--tlum);font-size:1rem}.pristi b{color:var(--text);font-weight:500}

/* vytažený svazek */
.svazek{position:relative;max-width:640px;justify-self:end;width:100%;background:var(--noc2);box-shadow:0 40px 70px -30px rgba(0,0,0,.9)}
.svazek-kniha{border-top:10px solid var(--latka);transition:border-color .5s}
.svazek-obal{aspect-ratio:16/9}
.svazek-text{padding:1.3rem 1.6rem 1.4rem}
.svazek h2{margin:0;font:500 clamp(1.75rem,2.6vw,2.35rem)/1.12 var(--display);letter-spacing:-.01em}
.svazek h2 a{color:var(--text);text-decoration:none}.svazek h2 a:hover{color:var(--zlato2)}
.svazek-autor{margin:.35rem 0 .2rem;color:var(--tlum);font-size:1.02rem}
.svazek .stitek{margin-bottom:1.1rem}
.svazek-kniha.mizi .svazek-text>*,.svazek-kniha.mizi img{opacity:0;filter:blur(6px)}
.svazek .svazek-text>*,.svazek img{transition:opacity .45s var(--ease),filter .45s var(--ease)}
.svazek-deti{margin:0 1.6rem;padding:.9rem 0 1.3rem;border-top:1px solid var(--linka);font-size:.98rem;color:var(--tlum)}
.svazek small{display:block;margin-top:1rem;color:var(--tlum);font-size:.92rem;line-height:1.5}

/* police */
.police{position:relative;max-width:1380px;margin:clamp(3rem,8vh,5rem) auto 0;padding:0 var(--okraj)}
.police::before{content:"";position:absolute;right:0;bottom:-40px;width:min(640px,60%);height:460px;pointer-events:none;
 background:radial-gradient(closest-side,rgba(var(--svice),.12),rgba(var(--svice),0));animation:dech 8s ease-in-out infinite alternate}
.police-rada{position:relative;display:flex;align-items:flex-end;justify-content:safe center;gap:3px;padding:40px 4px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
.police-rada::-webkit-scrollbar{display:none}
.hrbet{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;width:calc(var(--sire) * var(--sk,1.06));height:calc(var(--sh) * var(--hv));
 padding:.6rem 0 0;background:var(--latka);color:var(--text);text-decoration:none;
 box-shadow:inset 2px 0 0 rgba(255,240,210,.06),inset -3px 0 0 rgba(0,0,0,.24);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.hrbet::before,.hrbet::after{content:"";position:absolute;left:5px;right:5px;height:4px;border-top:1px solid rgba(201,166,90,.75);border-bottom:1px solid rgba(201,166,90,.75)}
.hrbet::before{top:2.35rem}.hrbet::after{bottom:.8rem}
.hrbet-c{font:700 1rem/1 var(--raz);color:var(--zlato2);font-variant-numeric:lining-nums}
.hrbet-t{margin-top:1.6rem;max-height:calc(100% - 4.6rem);writing-mode:vertical-rl;rotate:180deg;font:500 1.02rem/1 var(--raz);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hrbet-d{position:absolute;bottom:1.45rem;font:500 .74rem/1 var(--raz);letter-spacing:.04em;color:var(--zlato2);font-variant-numeric:lining-nums}
.hrbet--planovano .hrbet-t{max-height:calc(100% - 6rem);opacity:.9}
.hrbet-mesic{position:absolute;bottom:1.45rem;width:14px;height:14px;color:var(--zlato2);display:none}
.hrbet--dnes .hrbet-mesic{display:block}.hrbet--dnes .hrbet-t{max-height:calc(100% - 6rem)}
.hrbet:hover,.hrbet:focus-visible{transform:translateY(-18px);color:var(--text)}
.hrbet:focus-visible{outline:2px solid var(--zlato);outline-offset:2px}
.hrbet.vybrany,html:not(.js) .hrbet--dnes{transform:translateY(-30px);box-shadow:inset 2px 0 0 rgba(255,240,210,.06),inset -3px 0 0 rgba(0,0,0,.24),0 0 0 1px var(--zlato2),0 18px 30px -12px rgba(0,0,0,.8)}
.zarazka{flex:none;margin:0 0 0 1.4rem;width:clamp(170px,17vw,230px)}
.zarazka .ram{aspect-ratio:1}
.zarazka figcaption{margin:.55rem 0 .65rem;font:500 .92rem var(--raz);letter-spacing:.04em;color:var(--tlum);text-align:center}
.prkno{position:relative;height:20px;background:var(--prkno);border-top:3px solid var(--prkno2);box-shadow:0 18px 28px -12px rgba(0,0,0,.75)}
.police-pod{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;justify-content:center;margin:1.1rem 0 0;font-size:.95rem;color:var(--tlum);text-align:center}
.police-pod a{font:500 1rem var(--raz);letter-spacing:.04em}
html:not(.js) .js-jen{display:none}

/* ===== sekce a pruhy ===== */
.sekce{max-width:1240px;margin:0 auto;padding:clamp(5rem,10vw,8.5rem) var(--okraj) 0}
.sekce--uzka{padding-top:clamp(3rem,6vw,4.5rem)}
.sekce-hlava{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.6rem 2rem;margin-bottom:clamp(1.4rem,3vw,2.2rem)}
.sekce h2,.deti h2,.miky h2,.pas-noc h2{margin:0;font:500 clamp(2.1rem,4.4vw,3.4rem)/1.05 var(--display);letter-spacing:-.015em;color:var(--text)}
.uvod-sekce{margin:0;max-width:40ch;color:var(--tlum)}
.odkaz{display:inline-block;margin-top:1.6rem;font:500 1.05rem var(--raz);letter-spacing:.04em;color:var(--zlato2);padding:.4rem 0}
.odkazy{display:flex;gap:2rem;flex-wrap:wrap;margin:0}
/* hluboký pruh (střídá se se zemí) */
.pas-noc{position:relative;margin-top:clamp(5rem,10vw,8.5rem);background:var(--noc0);border-block:1px solid #221b16;padding-bottom:clamp(4rem,8vw,6.5rem);overflow:hidden}
.pas-noc::before{content:"";position:absolute;left:-10%;top:-30%;width:70%;height:120%;pointer-events:none;background:radial-gradient(closest-side,rgba(var(--svice),.06),rgba(var(--svice),0))}
.pas-noc>.sekce{position:relative;padding-top:clamp(4rem,8vw,6.5rem)}

/* děti: otevřený svazek v plátně */
.deti{max-width:1240px;margin:0 auto;padding:clamp(5rem,10vw,8rem) var(--okraj) 0}
.deti-latka{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;background:var(--latka);padding:clamp(1rem,2.6vw,2rem)}
.deti-latka::after,.panel::after{content:"";position:absolute;inset:10px;border:1px solid rgba(201,166,90,.45);pointer-events:none}
.deti-obraz{aspect-ratio:16/10}
.deti-text{padding:1rem clamp(.5rem,2vw,1.5rem) 1rem 0;position:relative;z-index:1}
.deti h2{font-size:clamp(2.2rem,4vw,3.2rem)}.deti h2 a{color:var(--text);text-decoration:none}.deti h2 a:hover{color:var(--zlato2)}
.deti .svazek-autor{color:var(--text);margin:.4rem 0 .2rem}.deti .stitek{margin:0 0 1.1rem}
.deti p{margin:.3rem 0 1.3rem}
.deti-dalsi{display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;margin:1.4rem 0 0;padding:1rem 0 0;list-style:none;border-top:1px solid rgba(236,227,207,.22)}
.deti-dalsi li{display:flex;align-items:baseline;gap:.45rem}
.deti-dalsi a{display:inline-block;padding:.35rem 0;color:var(--text);text-decoration:underline;text-decoration-color:rgba(236,227,207,.35);font-size:1rem}
.deti-dalsi span{color:var(--text);font-size:.9rem;font-feature-settings:"lnum"}
.deti-dalsi a:hover{color:var(--zlato2);text-decoration-color:var(--zlato)}
.deti .odkaz{margin-top:1rem}

/* svazky: pás a mřížka (karty příběhů a článků) */
.sipky{display:flex;gap:.5rem}
.sipky button{width:48px;height:48px;display:grid;place-items:center;background:none;border:1px solid var(--linka);border-radius:2px;color:var(--text);cursor:pointer;transition:border-color .25s,color .25s}
.sipky button:hover{border-color:var(--zlato);color:var(--zlato2)}
.sipky button:disabled{opacity:.35;cursor:default;border-color:var(--linka);color:var(--text)}
.sipky svg{width:22px;height:22px}
.pas-karet{display:grid;grid-auto-flow:column;grid-auto-columns:31%;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:1rem;overscroll-behavior-x:contain}
.pas-karet .karta{scroll-snap-align:start}
.mrizka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.25rem}
.karta{display:block;background:var(--noc2);border-top:8px solid var(--latka);text-decoration:none;color:var(--text)}
.karta[hidden],.filtry[hidden]{display:none}
.karta .ram{aspect-ratio:16/10}
.karta img{transition:filter .4s}.karta:hover img{filter:brightness(1.08)}
.karta-text{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.05rem 1.2rem 1.3rem;align-items:start}
.karta-text>span:only-child{grid-column:1/-1}
.karta-c{font:700 2.7rem/.9 var(--raz);color:var(--zlato);font-variant-numeric:lining-nums;min-width:1.6ch}
.karta b{display:block;font:500 1.32rem/1.2 var(--display);transition:color .3s}
.karta:hover b{color:var(--zlato2)}
.karta small{display:block;margin:.25rem 0 .35rem;color:var(--tlum);font-size:.95rem;line-height:1.4}
.karta .stitek{display:block;font-size:.88rem}
.karta--clanek{border-top-color:var(--prkno2)}

/* na celou noc */
.mixy{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.5rem 2rem;margin:0;padding:0;list-style:none}
.mixy--jeden{grid-template-columns:minmax(0,1fr);max-width:820px}
.mix a{display:grid;gap:.9rem;text-decoration:none;color:var(--text)}
.mix--velky{grid-row:span 2}
.mix .ram{aspect-ratio:16/9}
.mix-text b{display:block;font:500 1.3rem/1.2 var(--display);transition:color .3s}
.mix--velky .mix-text b{font-size:clamp(1.5rem,2.4vw,2rem)}
.mix a:hover b{color:var(--zlato2)}
.mix-text small{display:block;margin:.3rem 0 .5rem;color:var(--tlum);font-size:.98rem;line-height:1.45}
.mix .stitek{display:inline-flex;align-items:center;gap:.45rem}.mix .stitek svg{width:.85em;height:.85em}

/* řady edice: velké panely v plátně */
.rady{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}
.rady li{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:400px;padding:2.6rem 2rem 2.2rem;background:var(--latka)}
.rady li::after{content:"";position:absolute;inset:10px;border:1px solid rgba(201,166,90,.45);pointer-events:none}
.rady h3{margin:0 0 1rem;padding-bottom:1rem;border-bottom:1px solid rgba(201,166,90,.5);font:700 clamp(1.6rem,2.3vw,2rem)/1.1 var(--raz);letter-spacing:.03em;color:var(--zlato2)}
.rady p{margin:0 0 1.8rem;color:var(--text);opacity:.92;font-size:1.02rem;line-height:1.65}
.rady .tl{margin-top:auto;position:relative;z-index:1}
.chipy{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.6rem 0 0}
.chipy>span{font:500 .95rem var(--raz);letter-spacing:.05em;color:var(--tlum);margin-right:.4rem}
.chipy a{display:inline-flex;align-items:center;min-height:40px;padding:.3rem .85rem;border:1px solid var(--linka);border-radius:2px;color:var(--text);
 text-decoration:none;font:500 .95rem var(--raz);letter-spacing:.03em;transition:border-color .25s,color .25s}
.chipy a:hover{border-color:var(--zlato);color:var(--zlato2)}

/* Miky */
.miky{position:relative;margin-top:clamp(5rem,10vw,8.5rem);overflow:hidden}
.miky-vnitrek{max-width:1240px;margin:0 auto;padding:0 var(--okraj);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2rem,6vw,5.5rem);align-items:center}
.miky-obraz{margin:0;aspect-ratio:1;box-shadow:0 50px 90px -40px rgba(var(--svice),.22),0 30px 60px -30px rgba(0,0,0,.9);--sx:56%;--sy:72%}
.miky-obraz img{filter:brightness(.92)}
.svice--miky{width:70%}
.miky h2{margin-bottom:1.4rem}
.miky-text p{margin:0 0 1.1rem;max-width:36ch;color:var(--tlum);font-size:1.12rem}
.miky-text .miky-vedeni{font-size:clamp(1.3rem,2vw,1.55rem);line-height:1.5;color:var(--text)}
.miky-vedeni b{font-weight:500;color:var(--zlato2)}

/* kraje a nálady: malované dlaždice */
.prepinac{display:flex;border:1px solid var(--linka);border-radius:2px}
.prepinac button{min-height:46px;padding:.45rem 1.2rem;background:none;border:0;color:var(--tlum);font:500 1.02rem var(--raz);letter-spacing:.04em;cursor:pointer;transition:color .25s,background-color .25s}
.prepinac button+button{border-left:1px solid var(--linka)}
.prepinac button[aria-selected="true"]{color:var(--zlato2);box-shadow:inset 0 -2px 0 var(--zlato);background:rgba(201,166,90,.06)}
.prepinac button:hover{color:var(--text)}
.kraje{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}
.kraje--nalady{grid-template-columns:repeat(4,minmax(0,1fr))}
.kraje[hidden]{display:none}
.kraje+.kraje{margin-top:1.25rem}
.kraj{display:block;text-decoration:none;color:var(--text);background:var(--latka)}
.kraj img{aspect-ratio:16/9;width:100%;object-fit:cover;filter:brightness(.88);transition:filter .4s}
.kraj:hover img{filter:brightness(1)}.kraj:hover{color:var(--text)}
.kraj-t{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.75rem 1rem .85rem}
.kraj-t b{font:700 1.08rem/1.25 var(--raz);letter-spacing:.03em}
.kraj-t small{flex:none;font-size:.88rem;color:rgba(236,227,207,.8);font-feature-settings:"lnum"}

/* jak poslouchat */
.kroky{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem);margin:0;padding:0;list-style:none;counter-reset:k}
.kroky li{counter-increment:k;padding-top:1.1rem;border-top:1px solid var(--linka);color:var(--tlum);max-width:34ch}
.kroky li::before{content:counter(k);display:block;margin-bottom:.6rem;font:700 2.6rem/1 var(--raz);color:var(--zlato);font-variant-numeric:lining-nums}
.kroky b{color:var(--text);font-weight:500}

/* články na úvodu */
.vyber-clanku{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto auto;gap:1.5rem 2.5rem;margin:0;padding:0;list-style:none}
.vc a{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:1.2rem;align-items:center;text-decoration:none;color:var(--text)}
.vc .ram{aspect-ratio:16/10}
.vc--hlavni{grid-row:span 2}.vc--hlavni a{grid-template-columns:1fr;align-items:start}.vc--hlavni .ram{aspect-ratio:4/3}
.vc b{display:block;font:500 1.3rem/1.2 var(--display);transition:color .3s}
.vc--hlavni b{font-size:clamp(1.5rem,2.4vw,1.9rem)}
.vc a:hover b{color:var(--zlato2)}
.vc small{display:block;margin-top:.4rem;color:var(--tlum);font-size:.98rem;line-height:1.5}

/* ===== podstránky: malovaná noc jako hlavička ===== */
.noc--str{padding:calc(var(--lista-h) + clamp(4rem,14vh,9rem)) 0 clamp(2.5rem,5vw,4rem)}
.noc--str .noc-obraz{height:100%;--sx:18%;--sy:88%}
.noc--str .noc-obraz img{object-position:50% 40%}
.noc--str .noc-obraz::after{background:
 linear-gradient(180deg,rgba(22,18,15,.85) 0,rgba(22,18,15,.3) 25%,rgba(22,18,15,.35) 55%,var(--noc) 100%),
 linear-gradient(90deg,rgba(22,18,15,.92) 0,rgba(22,18,15,.6) 38%,rgba(22,18,15,.1) 75%)}
.noc--bez{padding-top:calc(var(--lista-h) + clamp(3rem,8vh,5rem))}
.noc--bez .noc-obraz{background:radial-gradient(60% 90% at 15% 100%,rgba(var(--svice),.1),rgba(var(--svice),0)),var(--noc)}
.noc--bez .noc-obraz::after{display:none}
.hlava{max-width:1240px;margin:0 auto;padding:0 var(--okraj)}
.hlava h1,.noc--pribeh h1{margin:0;font:500 clamp(2.6rem,6vw,5rem)/1.02 var(--display);letter-spacing:-.02em;color:var(--text);max-width:18ch}
.hlava .perex,.noc--pribeh .perex{margin:1rem 0 0;max-width:46ch;font:italic 400 clamp(1.15rem,1.8vw,1.4rem)/1.5 var(--cteni);color:var(--text);opacity:.9}
.hlava .uvod{margin:1.1rem 0 0;max-width:52ch;color:var(--tlum);font-size:1.12rem}
.hlava .stitek,.noc--pribeh .stitek{margin-top:1rem}
.hlava .datum{margin:.8rem 0 0;color:var(--tlum);font-size:.95rem}
.drobky{margin:1.4rem 0 0;font:500 .95rem var(--raz);letter-spacing:.04em;color:var(--tlum)}
.drobky a{color:var(--tlum);text-decoration:underline;text-decoration-color:var(--linka);text-underline-offset:.3em}.drobky a:hover{color:var(--zlato2)}
.drobky [aria-current]{color:var(--text)}
.noc--pribeh{padding-bottom:clamp(2rem,4vw,3rem)}
.noc--pribeh .noc-obsah{align-items:end}
.noc--pribeh .svazek{max-width:680px}
.noc--pribeh .svazek-text{padding:1.2rem 1.5rem 1.35rem}
.noc--pribeh .tl a{flex:0 1 auto}

/* čtecí sloupec (příběh, článek, sbírka, autor) */
.clanek{max-width:660px;margin:0 auto;padding:0 var(--okraj);box-sizing:content-box}
.clanek>p:first-child{margin-top:0}
.noc+.clanek{padding-top:clamp(2.5rem,5vw,4rem)}
.clanek h2{font-size:clamp(1.6rem,3vw,2rem);margin:3.2rem 0 .8rem}
.clanek h3{font-size:1.3rem;margin:2rem 0 .5rem}
.clanek blockquote{margin:1.5rem 0;padding:.9rem 1.2rem;background:var(--noc2);color:var(--text)}
.clanek blockquote p{margin:.3rem 0}
.clanek .zdroje{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--linka)}
.clanek .zdroje,.clanek .zdroje li{font-size:.9rem;color:var(--tlum)}.clanek .zdroje h2{font-size:1.2rem;margin-top:.5rem}
.clanek table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.98rem;font-variant-numeric:lining-nums tabular-nums}
.clanek th,.clanek td{border-bottom:1px solid var(--linka);padding:.5rem .6rem;text-align:left}
.clanek th{font-family:var(--raz);font-weight:700;letter-spacing:.04em;color:var(--zlato)}
.clanek .tl{margin-top:2.5rem}
.prosta{padding-top:calc(var(--lista-h) + clamp(3rem,8vh,5rem))}
.prosta h1{font:500 clamp(2.4rem,5vw,3.8rem)/1.05 var(--display);margin:0 0 1.2rem}
.prosta .uvod{color:var(--tlum);font-size:1.12rem}
.prehravac{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--noc3)}
.prehravac iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fasada{position:absolute;inset:0;display:block;cursor:pointer}
.fasada img{width:100%;height:100%;object-fit:cover;outline:1px solid rgba(201,166,90,.5);outline-offset:-8px}
.fasada::after{content:"";position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;
 background:rgba(22,18,15,.82) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%23e2c47e'/%3E%3C/svg%3E") 56% 50%/40px no-repeat;
 border:1px solid var(--zlato);outline:1px solid rgba(201,166,90,.35);outline-offset:3px;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:transform .3s var(--ease)}
.fasada:hover::after,.fasada:focus-visible::after{transform:scale(1.08)}
.ukazka{padding:1rem 1.5rem 0}.ukazka audio{width:100%;margin-top:.5rem}
.upozorneni{color:var(--tlum)}
.svazek .upozorneni{margin:.8rem 0 0;font-size:.95rem;line-height:1.5}
.tipy{font-size:.98rem;color:var(--tlum)}
.uvod-pribehu{font-size:1.16rem;line-height:1.75}
.panel{position:relative;background:var(--latka);padding:clamp(1.6rem,3.5vw,2.4rem) clamp(1.4rem,3.5vw,2.4rem);margin:2.6rem 0}
.panel>*{position:relative;z-index:1}
.dily{margin:2.2rem 0 0;padding:1.1rem 1.4rem;background:var(--noc2);border-left:4px solid var(--zlato)}
.dily p{margin:0;color:var(--tlum)}.dily b{color:var(--text);font-weight:500}
.dily ul{list-style:none;margin:.6rem 0 0;padding:0}.dily li{margin:.35rem 0}
.dily li span{font:500 .95rem var(--raz);letter-spacing:.04em;color:var(--tlum);margin-right:.3rem}
.dily p+p{margin-top:.6rem}
.autor b{font:700 1.15rem var(--raz);letter-spacing:.03em;color:var(--zlato2)}
.autor b a{color:var(--zlato2)}.autor small{color:var(--text)}.autor p{margin:.5rem 0 0}
.kapitoly{columns:2 260px;column-gap:3rem;color:var(--tlum);padding-left:1.4rem;font-variant-numeric:lining-nums tabular-nums}
.kapitoly li{break-inside:avoid;margin:.15rem 0}
.kapitoly a{color:var(--tlum);text-decoration:none}.kapitoly a:hover{color:var(--zlato2)}.kapitoly time{color:var(--zlato);margin-right:.5rem}
details.text{margin:2.6rem 0;border-top:1px solid var(--linka);border-bottom:1px solid var(--linka)}
details.text summary{cursor:pointer;color:var(--zlato2);font:700 1.15rem var(--raz);letter-spacing:.04em;padding:1rem 0;min-height:48px}
details.text h2{font-size:1.5rem;margin:2rem 0 .8rem}details.text h3{font-size:1.2rem;color:var(--zlato);margin:1.8rem 0 .6rem}
.seznam{columns:2 280px;column-gap:2rem;padding-left:1.1rem;color:var(--tlum)}.seznam li{break-inside:avoid;margin:.3rem 0}
.seznam b{color:var(--text);font-weight:500}

.filtry{display:flex;flex-wrap:wrap;gap:.8rem 2rem;margin:0 0 clamp(1.6rem,3vw,2.4rem)}
.filtry div{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.filtry button{min-height:44px;font:500 .98rem var(--raz);letter-spacing:.04em;padding:.35rem 1rem;border:1px solid var(--linka);
 background:none;color:var(--text);cursor:pointer;border-radius:2px;transition:border-color .25s,color .25s}
.filtry button:hover{border-color:var(--zlato)}
.filtry button[aria-pressed=true]{border-color:var(--zlato);color:var(--zlato2);box-shadow:inset 0 -2px 0 var(--zlato);background:rgba(201,166,90,.06)}
.filtry span{font:500 .95rem var(--raz);letter-spacing:.04em;color:var(--tlum);margin-right:.3rem}
.nic{color:var(--tlum)}
.kalk{background:var(--noc2);border-top:10px solid var(--latka);padding:1.4rem 1.6rem;margin:1.5rem 0;display:grid;gap:.9rem}
.kalk label{display:flex;flex-direction:column;gap:.3rem;color:var(--tlum);font-size:.95rem}.kalk label[hidden]{display:none}
.kalk select,.kalk input{font:inherit;font-size:1rem;min-height:44px;padding:.5rem .6rem;border:1px solid var(--linka);background:var(--noc);color:var(--text);max-width:420px;border-radius:2px}
.kalk p{margin:.3rem 0 0;font-size:1.15rem}.kalk b{color:var(--zlato2)}

/* pata */
.pata{max-width:1240px;margin:clamp(5rem,10vw,8.5rem) auto 0;padding:3rem var(--okraj) 4rem;border-top:1px solid var(--linka);color:var(--tlum);font-size:.95rem}
.dobrou{margin:0 0 .6rem;font:italic 400 clamp(1.5rem,3vw,2.1rem)/1.3 var(--cteni);color:var(--text)}
.pata-znak{margin:0 0 1.4rem;font:500 1rem var(--raz);letter-spacing:.04em}
.pata nav{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font:500 1rem var(--raz);letter-spacing:.04em}
.pata nav a{padding:.35rem 0;color:var(--tlum);text-decoration:none}.pata nav a:hover{color:var(--zlato2)}
.miky-prepinac{display:block;margin:1.6rem 0 0;min-height:40px;background:none;border:1px solid var(--linka);color:var(--tlum);
 font:500 .9rem var(--raz);letter-spacing:.04em;padding:.35rem 1rem;cursor:pointer;border-radius:2px}
.miky-prepinac:hover{color:var(--zlato2);border-color:var(--zlato)}
.miky-chuze{position:absolute;left:0;bottom:-1px;width:74px;height:55px;pointer-events:none;opacity:0;
 filter:drop-shadow(0 0 1.2px rgba(201,166,90,.8)) drop-shadow(0 0 5px rgba(201,166,90,.22))}
.miky-predmet{position:absolute;left:0;bottom:0;pointer-events:none;opacity:0}

/* ---------- tablet ---------- */
@media(max-width:1080px){
 .noc-obsah{grid-template-columns:minmax(0,1fr);align-items:start}
 .svazek{justify-self:start}
 .pas-karet{grid-auto-columns:46%}
 .mrizka{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kraje--nalady{grid-template-columns:repeat(3,minmax(0,1fr))}
 .noc--pribeh .svazek{max-width:760px}
}
/* ---------- telefon ---------- */
@media(max-width:760px){
 :root{--lista-h:96px;--sh:250px}
 .hrbet{--sk:1.12}
 body{font-size:1.06rem}
 .lista{flex-wrap:wrap;align-content:center;gap:.15rem 0;padding:.55rem 0 0}
 .znak{padding:0 var(--okraj)}
 .lista nav{width:100%;margin:0;gap:1.25rem;padding:0 var(--okraj) .2rem;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
 .lista nav::-webkit-scrollbar{display:none}
 .lista nav a{font-size:1rem;padding:.55rem 0}
 .noc{padding-top:calc(var(--lista-h) + 2.6rem)}
 .noc-obraz{height:560px;--sx:15%;--sy:80%}
 .noc-obraz img{object-position:37% 50%}
 .noc-obraz::after{background:linear-gradient(180deg,rgba(22,18,15,.85) 0,rgba(22,18,15,.25) 22%,rgba(22,18,15,.2) 45%,rgba(22,18,15,.8) 78%,var(--noc) 100%)}
 .svice{width:300px}
 .edice-nazev{font-size:clamp(3.2rem,15vw,4.2rem)}
 .noc-hlava{padding:0 var(--okraj) .5rem}
 .noc--domov .noc-hlava{min-height:300px;display:flex;flex-direction:column;justify-content:flex-end}
 .teze{font-size:1.02rem}
 .noc-obsah{gap:1.6rem;padding:0}
 .svazek{max-width:none;margin:0}
 .svazek-text,.noc--pribeh .svazek-text{padding:1.15rem var(--okraj) 1.25rem}
 .svazek-deti{margin:0 var(--okraj)}
 .tl a{flex:1 1 auto;justify-content:center;padding:.8rem 1rem;font-size:1.04rem}
 .tl a.d{flex:0 1 auto;padding:.7rem .9rem}
 .police{margin-top:2.2rem;padding:0}
 .police-rada{justify-content:flex-start;padding:40px var(--okraj) 0;scroll-padding-inline:var(--okraj)}
 .police::before{right:0;width:90%}
 .zarazka{width:170px;margin-right:var(--okraj)}
 .police-pod{padding:0 var(--okraj);justify-content:flex-start;text-align:left;flex-direction:column;gap:.2rem}
 .deti{padding-inline:0}
 .deti-latka{grid-template-columns:minmax(0,1fr);padding:0 0 1.5rem}
 .deti-latka::after{inset:8px}
 .deti-obraz::after{display:none}
 .deti-text{padding:.6rem calc(var(--okraj) + .4rem) 0}
 .sekce-hlava{align-items:flex-start}
 .sipky{display:none}
 .pas-karet{grid-auto-columns:80%;gap:.9rem;margin-inline:calc(var(--okraj) * -1);padding-inline:var(--okraj);scroll-padding-inline:var(--okraj);scrollbar-width:none}
 .pas-karet::-webkit-scrollbar{display:none}
 .mrizka{grid-template-columns:minmax(0,1fr);gap:1.25rem}
 .mixy{grid-template-columns:minmax(0,1fr);gap:1.4rem}
 .mix--velky{grid-row:auto}
 .mix:not(.mix--velky) a{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:center}
 .mix:not(.mix--velky) .ram::after{inset:5px}
 .mix:not(.mix--velky) .mix-text b{font-size:1.08rem}
 .mix:not(.mix--velky) .mix-text small{font-size:.9rem}
 .rady{grid-template-columns:minmax(0,1fr)}
 .rady li{min-height:0;padding:2.2rem 1.6rem 1.9rem}
 .chipy>span{width:100%}
 .miky-vnitrek{grid-template-columns:minmax(0,1fr);padding:0}
 .miky-obraz{box-shadow:none}
 .miky-text{padding:0 var(--okraj)}
 .prepinac{width:100%}.prepinac button{flex:1}
 .kraje,.kraje--nalady{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
 .kraje+.kraje{margin-top:.75rem}
 .kraj img{aspect-ratio:4/3}
 .kraj-t{flex-direction:column;gap:.05rem;padding:.6rem .75rem .7rem}
 .kraj-t b{font-size:1rem}
 .kroky{grid-template-columns:minmax(0,1fr);gap:1.6rem}
 .vyber-clanku{grid-template-columns:minmax(0,1fr)}
 .vc--hlavni{grid-row:auto}
 .vc a{gap:1rem}.vc--hlavni a{grid-template-columns:1fr}
 .vc b{font-size:1.12rem}
 .vc:not(.vc--hlavni) small{display:none}
 .noc--str{padding-top:calc(var(--lista-h) + 3.5rem)}
 .noc--str .noc-obraz{height:100%}
 .noc--str .noc-obraz::after{background:linear-gradient(180deg,rgba(22,18,15,.85) 0,rgba(22,18,15,.45) 30%,rgba(22,18,15,.6) 60%,var(--noc) 100%)}
 .noc--pribeh{padding-bottom:0}
 .noc--pribeh .noc-hlava{padding-bottom:0}
 .hlava h1,.noc--pribeh h1{font-size:clamp(2.3rem,10vw,3.2rem)}
 .panel{margin-inline:calc(var(--okraj) * -1)}
 .kapitoly{padding-left:1.2rem}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .hvezda{opacity:.4}
 .miky-chuze,.miky-predmet{display:none}
}