/* Detektivna sada: len to, co hub.css nema. Nahlady su na sirku (4:3),
   nie na vysku ako strany knih, preto vlastna mriezka obrazkov. */

.sada .tabla img { border-radius:4px; }
.sada .artefakty { justify-content:center; }
@media (max-width:960px) { .sada .artefakty { max-width:none; } }

.sada-siroka { max-width:900px; margin:clamp(20px,2.4vw,32px) 0 0; }

.sada-kroky { margin:clamp(22px,2.6vw,34px) 0 0; padding:0; list-style:none; counter-reset:krok;
  display:grid; grid-template-columns:1fr; gap:18px; max-width:66ch; }
.sada-kroky li { counter-increment:krok; position:relative; padding-left:44px;
  font-family:var(--ui); font-size:15.5px; line-height:1.6; color:var(--body); }
.sada-kroky li::before { content:counter(krok); position:absolute; left:0; top:-2px;
  font:600 24px/1.2 var(--display); color:var(--accent-light, var(--accent)); }
.sada-kroky b { color:var(--ink); font-weight:600; }

.sada-trojica { display:grid; grid-template-columns:1fr; gap:clamp(22px,2.6vw,34px);
  margin:clamp(20px,2.4vw,32px) 0 clamp(28px,3vw,44px); }
@media (min-width:760px) { .sada-trojica { grid-template-columns:repeat(3, minmax(0,1fr)); } }

.sada #subory .prose { margin-top:clamp(18px,2vw,26px); }
.sada .sada-trojica .tabla > a { display:block; }

.sada-dvojica { display:grid; grid-template-columns:1fr; gap:clamp(22px,3vw,40px); align-items:start;
  margin-top:clamp(20px,2.4vw,32px); }
@media (min-width:860px) { .sada-dvojica { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }

.sada-fakty { margin:0; display:grid; gap:0; }
.sada-fakty > div { display:grid; grid-template-columns:7.5em minmax(0,1fr); gap:12px;
  padding:12px 0; border-top:1px solid var(--line); }
.sada-fakty > div:last-child { border-bottom:1px solid var(--line); }
.sada-fakty dt { font:700 12px/1.6 var(--ui); letter-spacing:.12em; text-transform:uppercase; color:var(--muted); padding-top:2px; }
.sada-fakty dd { margin:0; font:400 15px/1.55 var(--ui); color:var(--body); }
@media (max-width:420px) { .sada-fakty > div { grid-template-columns:1fr; gap:4px; } }

/* hub.css dava .predaj .test-odznak display:block, co prebije atribut hidden:
   bez tohto by mimo test modu stal nad cenou prazdny oranzovy ramik. */
.sada .test-odznak[hidden] { display:none; }

/* Uvodny odsek tesne pod dvojriadkovym nadpisom potrebuje vzduch. */
.sada .hero .text > .lead { margin-top:clamp(14px,1.6vw,22px); }

/* Zoznam 15 strán: jeden riadok na položku aj na 390 px (predtým tabuľka,
   ktorá sa na mobile rozpadla na 13 kariet, kritika 25. 9. 2026). */
.sada-strany { list-style:none; margin:0; padding:0; max-width:72ch; border-top:1px solid var(--line); }
.sada-strany li { display:grid; grid-template-columns:4.6em minmax(0,1fr); gap:12px; padding:10px 0;
  border-bottom:1px solid var(--line); font:400 15px/1.55 var(--ui); color:var(--body); }
.sada-cislo { font:600 15px/1.55 var(--ui); color:var(--ink); white-space:nowrap; }

/* Tri čitateľné strany pod prehľadom všetkých pätnástich; ťuk otvorí veľkú. */
.sada .sada-listy { grid-template-columns:repeat(3, minmax(0,1fr)); gap:clamp(10px,2vw,28px); margin-bottom:0; }
.sada .sada-listy .tabla > a { display:block; }
.sada .sada-listy figcaption { font-size:13px; }
.sada .sada-siroka > a { display:block; }

/* Cenová karta a dôkazy začínajú na tej istej hornej hrane (paper.css .hero
   centruje riadky, dôkazy potom stáli asi 100 px nižšie ako karta). */
.sada .hero > .cena, .sada .hero > .dokazy { align-self:start; }