/* Be SeaLION — základ a hlavička (načítá se na všech stránkách včetně Taháků).
   „Noc u ohně“: tmavá borová noc, žhavé jantarové akordy, ručně psané poznámky.
   Výchozí je tmavý vzhled; světlý si návštěvník zapne přepínačem (úvod zůstává vždy noční). */
:root{
  --bg:#141a17; --bg2:#1a211d; --surface:#212a25; --ink:#efe6d6; --muted:#a8a091; --line:#303b35;
  --ember:#f2a144; --ember-ink:#1b1208; --chord:#f5b65e; --chord-soft:rgba(245,182,94,.12); --danger:#ff8f7a; --ok:#8fd19e;
  --night:#0f1412; --night-ink:#f3ead9;
  --display:"Alegreya SC", Georgia, "Times New Roman", serif;
  --body:"Alegreya Sans", "Segoe UI", system-ui, sans-serif;
  --hand:"Caveat", "Segoe Print", "Bradley Hand", cursive;
  --poem:"Alegreya", Georgia, "Iowan Old Style", "Times New Roman", serif;
  --mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --lyric:20px; --radius:10px;
  color-scheme:dark;
}
/* Světlý vzhled jen na přání (přepínač v hlavičce nastaví html[data-mode="light"]). Výchozí je vždy tmavý. */
:root[data-mode="light"]{
  --bg:#eef1ec; --bg2:#e3e9e2; --surface:#fbfcfa; --ink:#1c2520; --muted:#59645d; --line:#cdd6cf;
  --ember:#a8560a; --ember-ink:#ffffff; --chord:#9a4c00; --chord-soft:rgba(154,76,0,.09); --danger:#b3261e; --ok:#1f7a3a;
  color-scheme:light}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:var(--ember)}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:4px}
h1,h2,h3{text-wrap:balance;line-height:1.1;margin:0}
h2{font-family:var(--display);font-weight:800;font-size:clamp(30px,5vw,44px);letter-spacing:.01em}
p{margin:0}
button,input,textarea,select{font:inherit;color:inherit}
[hidden]{display:none!important}

.wrap{max-width:1120px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.wrap.narrow{max-width:800px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ember);color:var(--ember-ink);padding:8px 14px;border-radius:6px;z-index:50}
.skip:focus{left:12px}

/* hlavička */
.site-head{position:sticky;top:0;z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.home .site-head{background:color-mix(in srgb, var(--night) 82%, transparent);border-color:rgba(255,255,255,.06);color:var(--night-ink)}
.home .site-head .nav a{color:var(--night-ink)}
.head-in{display:flex;align-items:center;gap:20px;min-height:64px}
.site-brand{text-decoration:none;color:inherit;margin-right:auto;display:flex;align-items:center}
.wordmark{font-family:var(--display);font-weight:700;font-size:23px;letter-spacing:.02em;color:inherit}
.wordmark b{color:var(--ember);font-weight:800}
.logo-img{height:40px;width:auto}
.nav{display:flex;gap:4px;align-items:center}
.nav a{color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:999px;font-weight:500;font-size:17px}
.nav a:hover{background:var(--chord-soft)}
.nav a[aria-current="page"]{color:var(--ember)}
.nav-toggle,.nav-burger{display:none}
/* mezi telefonem a širokým displejem: menu se stáhne, aby se všech 8 položek vešlo na řádek */
@media (min-width:861px) and (max-width:1060px){.head-in{gap:12px}.nav{gap:0}.nav a{padding:8px 7px;font-size:16px;white-space:nowrap}}
/* přepínač tmavý / světlý */
.mode-toggle{order:5;flex:none;display:inline-grid;place-items:center;width:40px;height:40px;margin-left:-8px;padding:0;border:1px solid var(--line);border-radius:999px;
  background:transparent;color:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.mode-toggle:hover{background:var(--chord-soft);border-color:var(--ember);color:var(--ember)}
.mode-toggle svg{display:block}
.mode-toggle .i-sun,:root[data-mode="light"] .mode-toggle .i-moon{display:none}
:root[data-mode="light"] .mode-toggle .i-sun{display:block}
.home .site-head .mode-toggle{border-color:rgba(255,255,255,.18)}
.inline{display:inline}
@media (max-width:860px){
  .nav-burger{display:flex;flex-direction:column;gap:5px;padding:10px;cursor:pointer}
  .nav-burger span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px}
  .nav:not(.nav-admin){position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);border-bottom:1px solid var(--line);
    padding:8px max(20px,env(safe-area-inset-right,0px)) 16px max(20px,env(safe-area-inset-left,0px));display:none}
  .home .nav:not(.nav-admin){background:var(--night)}
  .nav a{padding:12px 4px;border-radius:0;border-bottom:1px solid var(--line);font-size:19px}
  .nav-toggle:checked ~ .nav{display:flex}
  .head-in{position:relative}
  .mode-toggle{order:0;margin-left:0}
}