/* ============================================================
   VÝLETY S DANIM — v23.0 · stránky príbehov
   Načítava sa po main.css a loud.css (karty príbehov sú v loud.css).
   ============================================================ */
body.story-page{background:var(--sand);color:var(--ink)}
.story-page main{display:block}

/* hlavička */
.st-hd{position:sticky;top:0;z-index:40;background:rgba(8,10,12,.94);color:#fff}
.st-hd-in{max-width:1120px;margin:0 auto;padding:10px 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));
  display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}
.st-back{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:800;min-height:44px}
.st-back svg{width:20px;height:20px;fill:currentColor;flex:none}
.st-back:hover{color:var(--coral)}
.st-langs{display:flex;gap:4px}
.st-langs a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:40px;border-radius:999px;
  color:#cbd2d7;text-decoration:none;font-weight:800;font-size:.78rem;letter-spacing:.08em}
.st-langs a[aria-current]{background:#fff;color:var(--ink)}
.st-back:focus-visible,.st-langs a:focus-visible{outline:3px solid var(--coral);outline-offset:2px}

/* článok */
.st-article{padding:clamp(34px,6vw,80px) 0 clamp(20px,4vw,40px)}
.st-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.st-grid.no-cover{grid-template-columns:minmax(0,720px);justify-content:center}
.st-cover{margin:0;position:sticky;top:84px}
.st-cover img{display:block;width:100%;height:auto;border-radius:var(--r);box-shadow:0 30px 70px -36px rgba(0,0,0,.8);
  -webkit-touch-callout:none;user-select:none;-webkit-user-drag:none}
.st-text{max-width:640px}
.st-text .eyebrow{color:var(--coral)!important;text-shadow:none!important;margin:0 0 10px}
.st-text .eyebrow a{color:inherit;text-decoration:none}
/* v23.3: väčšie riadkovanie — mäkčene a dĺžne sa nesmú dotýkať riadku nad nimi */
.st-text h1{font-size:clamp(2rem,4.2vw,3.3rem)!important;line-height:1.24!important;color:var(--deep)!important;text-shadow:none!important;margin:0}
.st-by{font-family:var(--hand);font-weight:700;font-size:1.5rem;color:var(--coral);margin:14px 0 22px;transform:rotate(-1.5deg);transform-origin:left}
.st-body p{margin:0 0 .75em;font-size:clamp(1.05rem,1.4vw,1.18rem);line-height:1.6;color:#21393a}
.st-body p.st-close{margin-top:1.3em;padding-left:16px;border-left:4px solid var(--coral);font-weight:800;color:var(--ink)}

/* koniec príbehu */
.st-end-wrap{padding:0 0 clamp(40px,6vw,70px)}
.st-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;
  background:var(--teal);color:#fff;border-radius:var(--r);padding:clamp(22px,4vw,36px)}
.st-end-lead{margin:0;font-family:var(--anton);font-weight:400;text-transform:uppercase;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.08;color:#fff}
.st-end .btn-sun{background:#fff!important;color:var(--ink)!important}
.st-archive .st-end{margin-top:clamp(34px,5vw,56px)}

/* ďalšie príbehy */
.st-more{background:var(--night,#080A0C);color:#fff;padding:clamp(48px,7vw,90px) 0}
.st-more h2{color:#fff!important;margin:0}
.st-more .story-cards{margin-top:24px}

/* archív */
.st-archive{padding:clamp(40px,6vw,80px) 0}
.st-archive .eyebrow{color:var(--coral)!important;text-shadow:none!important}
.st-archive h1{color:var(--deep)!important;text-shadow:none!important;font-size:clamp(2.1rem,4.6vw,3.6rem)!important;line-height:1.24!important}
.st-end-lead,.story-ph span{line-height:1.2!important}
.st-archive .sect-head p{color:#36504f}
.st-archive .story-cards{grid-template-columns:repeat(3,minmax(0,1fr))}

@media(max-width:899px){
  .st-grid{grid-template-columns:1fr}
  .st-cover{position:static;max-width:380px;width:100%;margin:0 auto}
  .st-text{margin:0 auto}
  .st-archive .story-cards{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){.story-link{transition:none}.story-link:hover{transform:none}}