/* SCHOLA — stil otuum.com (mock-up): bijela podloga, tinta, jedna tamnocrvena, EB Garamond + mono, linije 1px.
   Bez papira, friza, stupa, tekstura i sjena. Jedan puni crveni gumb po ekranu (.primarni), ostali obrubljeni (.sekundarni). */
@font-face{font-family:"EB Garamond";src:url(../../assets/EBGaramond.ttf) format("truetype");font-weight:400 800;font-style:normal}
@font-face{font-family:"EB Garamond";src:url(../../assets/EBGaramond-Italic.ttf) format("truetype");font-weight:400 800;font-style:italic}
:root{--bg:#FFFFFF;--ink:#2B2622;--grey:#8C847A;--red:#8A2A20;--mono:ui-monospace,"Courier New",Courier,monospace;--serif:"EB Garamond",Georgia,serif;--g:clamp(16px,3vw,48px)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:20px;line-height:1.4;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.preskoci{position:absolute;left:-9999px;top:8px;background:#fff;border:1px solid var(--ink);padding:8px 12px;z-index:70;font-family:var(--mono);font-size:11px}
.preskoci:focus{left:16px}
.stranica{min-height:100vh;display:flex;flex-direction:column}
.stranica>.sadrzaj,.stranica>main{flex:1 0 auto}
.dot{color:var(--red);font-style:normal}
.skriveno{display:none}

/* ---------- gornja traka ---------- */
.zaglavlje{border-bottom:1px solid var(--ink);background:#fff}
.trak{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px;padding:14px var(--g);font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase}
.marka{grid-column:1;justify-self:start;font-family:var(--serif);font-size:26px;line-height:1;letter-spacing:-.005em;text-transform:none;color:var(--ink)}
.schola{grid-column:3;justify-self:end;color:var(--ink);letter-spacing:0.12em;white-space:nowrap}
.izbornik{grid-column:2;display:flex;gap:28px;white-space:nowrap}
.izbornik a{color:var(--grey)}
.izbornik a[aria-current=page]{color:var(--ink);border-bottom:1px solid var(--ink)}
.izbornik-gumb{display:none;grid-column:2;background:#fff;border:0;border-bottom:1px solid var(--ink);color:var(--ink);font:inherit;letter-spacing:0.07em;padding:2px 0;cursor:pointer}
.trak>.sekundarni{grid-column:2;border:0;min-height:0;padding:0;background:none;color:var(--grey);font-size:11px;letter-spacing:0.07em}

/* ---------- gumbi ---------- */
.primarni,.sekundarni{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:16px 28px;border:1px solid var(--ink);background:#fff;color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;line-height:1.2;text-align:center;cursor:pointer;border-radius:0}
.primarni{background:var(--red);border-color:var(--red);color:#fff}
.primarni:disabled,.sekundarni:disabled{opacity:.4;cursor:not-allowed}
.gumbi{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center}
.gumbi--sredina{justify-content:flex-start}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* ---------- tipografija ---------- */
.h1{font-size:clamp(48px,6vw,92px);line-height:.95;font-weight:400;letter-spacing:-.01em;margin-left:-.03em}
.h1--manji{font-size:clamp(40px,4.6vw,72px)}
.naslovni-blok{display:flex;flex-direction:column;gap:12px}
.oznaka,.napomena,.meta,.oznaka-mala{font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--grey)}
.napomena{display:block}
.tekst{font-size:clamp(22px,2vw,28px);font-style:italic;line-height:1.25}
.greska{font-family:var(--mono);font-size:11px;letter-spacing:0.05em;color:var(--red);min-height:1em;margin-top:8px}
.greska:empty{display:none}
.zakljucano-poruka{color:var(--red)}

/* ---------- osnovni raspored unutra ---------- */
.sadrzaj{padding:0}
.raspored{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);min-height:calc(100vh - 110px)}
.raspored>nav.dijelovi,.raspored>.stablo-omot{border-right:1px solid var(--ink);padding:var(--g)}
.raspored>main,.glavno{padding:var(--g);min-width:0}
.raspored>main{max-width:1000px}
.raspored--tecaj{grid-template-columns:minmax(200px,280px) minmax(0,1fr);grid-template-areas:"nav main" "ilu main";grid-template-rows:auto 1fr}
.raspored--tecaj>.stablo-omot{grid-area:nav;border-right:1px solid var(--ink)}
.raspored--tecaj>.ilu{grid-area:ilu;border-right:1px solid var(--ink);padding:0 var(--g) var(--g)}
.raspored--tecaj>main{grid-area:main}
.ilu{margin:0}
.ilu .fr{aspect-ratio:3/4;width:100%}
.fr{border:1px solid var(--ink);overflow:hidden;display:block}
.fr img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- lijeva navigacija (predvorje: dijelovi) ---------- */
.dijelovi{display:flex;flex-direction:column}
.dijelovi .dio,.dijelovi .dio-aktivni{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px solid var(--ink)}
.dijelovi .dio:first-child,.dijelovi .dio-aktivni:first-child{border-top:1px solid var(--ink)}
.dijelovi .dio-aktivni{flex-direction:column;align-items:stretch;gap:10px;padding:16px 0 20px}
.dijelovi .dio-aktivni .naziv{display:flex;gap:14px;align-items:baseline}
.dijelovi .rim{font-family:var(--mono);font-size:11px;letter-spacing:0.07em;min-width:2.2em}
.dijelovi .ime{font-size:24px;line-height:1.15}
.dijelovi .dio-aktivni .rim{color:var(--red)}
.dijelovi .dio-aktivni .primarni{margin-top:8px}
.dijelovi .dio--zakljucan{color:var(--grey)}
.dijelovi .dio--gotov svg,.dijelovi .dio svg{width:20px;height:20px;margin-left:auto;align-self:center;flex:none}

/* ---------- predvorje ---------- */
.video-okvir,.vitrina.ekran{position:relative;aspect-ratio:16/9;width:100%;border:1px solid var(--ink);overflow:hidden;background:#fff;margin-top:24px}
.video-okvir img{width:100%;height:100%;object-fit:cover;display:block}
.video-okvir video,.vitrina.ekran video,.vitrina.ekran iframe,.video-okvir iframe{width:100%;height:100%;border:0;display:block}
.pusti{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border:1px solid var(--ink);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.pusti svg{margin-left:4px}
.ekran-poruka{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--grey)}
.atrium-traka{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--ink);margin-top:32px;padding-top:20px}
.atrium-traka svg{display:none}
.atrium-traka .sekundarni{margin-left:0}
.video-okvir+.gumbi{margin-top:20px}

/* ---------- lekcija: lijeva navigacija s brojevima ---------- */
.stablo-omot summary{list-style:none;cursor:default;font-family:var(--mono);font-size:11px;letter-spacing:0.12em;color:var(--ink);padding-bottom:14px;border-bottom:1px solid var(--ink)}
.stablo-omot summary::-webkit-details-marker{display:none}
.stablo{display:flex;flex-direction:column}
.stablo a,.stablo .st{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink)}
.stablo .pod{padding-left:18px;border-bottom-color:#D9D4CC}
.stablo a[aria-current=page]{color:var(--red)}
.stablo .zakljucano{color:var(--grey)}
.stablo .caput--aktivni{border-bottom-color:#D9D4CC}
.stablo svg{width:16px;height:16px;flex:none}

/* ---------- lekcija: sredina = što sad radim ---------- */
.glavno>.naslovni-blok{margin-bottom:8px}
.specta,.razine-mreza .razina,.sub-mensa,.kviz-poziv-lekcija{border-top:1px solid var(--ink);padding-top:14px;margin-top:28px}
.specta .ekran{margin-top:16px}
.specta .ekran>img{display:none}
.specta .ekran::after{content:"[video lekcije]";position:absolute;left:0;right:0;bottom:16px;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--grey)}
.specta .ekran:has(.ekran-poruka)::after,.specta .ekran:has(video)::after,.specta .ekran:has(iframe)::after{display:none}
.specta .ekran .ekran-poruka{top:50%;bottom:auto;transform:translateY(-50%)}
.razina-natpis .lat,.latinski-veliki,.latinski,.naslov-kartice{font-family:var(--mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink);font-weight:400}
.razina-natpis,.latinski-veliki,.sub-mensa .opis{display:block}
.razine{display:block}
.razine-mreza{display:flex;flex-direction:column}
.razina{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.razina>svg,.sub-mensa>svg{display:none}
.razina .blok{width:100%}
.player{display:flex;align-items:center;gap:16px;width:100%;max-width:560px}
.player button{flex:none;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.player button svg{margin-left:2px}
.player .traka{flex:1;height:1px;background:var(--grey);display:block;position:relative}
.player .traka>span{position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--red);display:block}
.player .vrijeme{font-family:var(--mono);font-size:11px;letter-spacing:0.07em;color:var(--grey);white-space:nowrap}
.blok .napomena{margin-top:10px}
.sub-mensa{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.sub-mensa-ekran{width:100%}
.sub-mensa-ekran video{width:100%}
.kviz-poziv-lekcija .gumbi{margin-top:10px}
.kviz-poziv-lekcija .napomena{margin-top:14px}
.glavno>.meki{border-top:1px solid var(--ink);padding-top:14px;margin-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}

/* ---------- kviz ---------- */
.kviz-raspored{max-width:820px}
.kviz-glava{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.koraci{display:flex;gap:6px;padding-bottom:12px}
.koraci span{width:28px;height:3px;background:#D9D4CC;display:block}
.koraci span.gotovo{background:var(--ink)}
.koraci span.sada{background:var(--red)}
.kviz-tijelo{margin-top:32px}
fieldset{border:0;min-width:0}
.pitanje legend,.karton-pitanje legend{padding:0;float:left;width:100%}
.pitanje legend{font-size:clamp(26px,2.6vw,36px);font-style:italic;line-height:1.2;margin-bottom:24px}
.pitanje .odgovori,.karton-pitanje .odgovori{clear:both}
.odgovori{display:flex;flex-direction:column}
.odgovor{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--ink);margin-top:-1px;padding:16px 20px;cursor:pointer;background:#fff;position:relative}
.odgovor>span:first-of-type,.odgovor>input+span{flex:1}
.odgovor.odabrano{border-color:var(--red);color:var(--red);z-index:1}
input[type=radio],input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;width:18px;height:18px;border:1px solid var(--ink);background:#fff;margin:0;cursor:pointer}
input[type=radio]{border-radius:50%}
input[type=radio]:checked,input[type=checkbox]:checked{background:var(--red);border-color:var(--red);box-shadow:inset 0 0 0 3px #fff}
.recenica label{display:block;font-size:clamp(26px,2.6vw,36px);font-style:italic;line-height:1.2;margin-bottom:18px}
textarea,select,input[type=email],input[type=text]{width:100%;border:1px solid var(--ink);background:#fff;color:var(--ink);font-family:var(--serif);font-size:20px;line-height:1.35;padding:14px 16px;border-radius:0;outline:0}
textarea{resize:vertical;min-height:110px}
textarea:focus,select:focus,input[type=email]:focus{border-color:var(--red)}
.rezultat{list-style:none;margin-top:24px;border-top:1px solid var(--ink)}
.rezultat li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--ink);align-items:flex-start}
.rezultat .znak{flex:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.rezultat .znak svg{width:22px;height:22px}
.rezultat .crtica{display:block;width:14px;height:1px;background:var(--grey)}
.rezultat li.krivo{color:var(--grey)}
.ishod{font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.01em}

/* ---------- karton ---------- */
.karton-forma{max-width:760px;margin-top:28px}
.karton-pitanje{border:0;padding:0}
.karton-pitanje legend,.karton-oznaka{font-size:clamp(24px,2.4vw,32px);line-height:1.2;margin-bottom:22px}
.karton-oznaka{display:block}
.karton-pitanje .broj{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--grey);margin-bottom:10px}
.karton-pitanje small{font-family:var(--mono);font-size:11px;letter-spacing:0.05em;color:var(--grey)}
.ljestvica{clear:both;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ljestvica .odgovor{margin-top:0;padding:14px}
.ljestvica .oznaka-mala{display:block}
.karton-pitanje[aria-invalid=true]{outline:1px solid var(--red);outline-offset:8px}
.privola{display:flex;gap:14px;align-items:flex-start;font-size:20px}
.privola label{flex:1}
.karton-forma>.oznaka{display:block;margin-top:18px}

/* ---------- dosje ---------- */
.dosje-omot{display:grid;grid-template-columns:minmax(0,68fr) minmax(0,32fr);column-gap:0;row-gap:28px;align-content:start;padding:0}
.dosje-omot>*{grid-column:1;min-width:0;padding-left:var(--g);padding-right:var(--g)}
.dosje-omot>.naslovni-blok{padding-top:var(--g)}
.dosje-omot>#dosje-pet{padding-bottom:0}
.dosje-omot>.pomak{margin:0 var(--g) var(--g);padding:24px}
.dosje-omot>.ilu{grid-column:2;grid-row:1 / span 6;border-left:1px solid var(--ink);padding:var(--g);align-self:stretch}
.dosje-omot>.ilu .fr{aspect-ratio:1/1;position:sticky;top:var(--g)}
.dosje-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dosje-tri .meki{border:1px solid var(--ink);padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.dosje-tri .meki .sekundarni{margin-top:auto;padding:14px 16px;width:100%;font-size:11px}
.meki .glava{display:flex;align-items:center;gap:10px;width:100%}
.meki .glava>svg:first-child{display:none}
.meki .glava svg{width:20px;height:20px;flex:none}
.meki .glava .ime{font-size:26px;line-height:1.1;flex:1}
.meki .tekst{font-style:normal;font-size:22px}
.trake{display:flex;gap:4px;flex-wrap:wrap}
.trake span{height:3px;background:#D9D4CC;display:block}
.trake span.gotovo{background:var(--ink)}
.trake span.sada{background:var(--red)}
.dosje-pet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.dosje-pet .plocica{border:1px solid var(--ink);margin-left:-1px;padding:18px 14px;font-family:var(--mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--grey);text-align:center;display:block}
.dosje-pet .plocica:first-child{margin-left:0}
.dosje-pet a.plocica,.dosje-pet .plocica.otvorena{color:var(--ink)}
.pomak{border:1px solid var(--ink)}
.pomak-naslov{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink)}
.pomak-naslov svg{display:none}
.usporedba{margin-top:14px;color:var(--grey)}
.usporedba dl{display:grid;grid-template-columns:minmax(120px,1fr) 3fr;border-top:1px solid var(--ink)}
.usporedba dt,.usporedba dd{padding:14px 0;border-bottom:1px solid var(--ink)}
.usporedba dt{font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--grey)}
.usporedba dd{font-size:22px;color:var(--ink)}
#pomak-akcija{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}

/* ---------- atrium ---------- */
.atrium-raspored{display:grid;grid-template-columns:minmax(0,68fr) minmax(0,32fr)}
.atrium-glavno{padding:var(--g);border-right:1px solid var(--ink);min-width:0}
.atrium-naslov{display:flex;align-items:center;gap:16px}
.atrium-strana{padding:var(--g);display:flex;flex-direction:column;gap:20px;align-self:start;position:sticky;top:0}
.atrium-strana img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--ink);display:block}
.pravila summary{list-style:none;width:100%}
.pravila summary::-webkit-details-marker{display:none}
.pravila ul{margin-top:16px;padding-left:18px;font-size:22px;line-height:1.3}
.pravila li{margin-bottom:8px}
.pilule{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:24px}
.pil{font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;border:1px solid var(--ink);background:#fff;color:var(--ink);padding:10px 16px;cursor:pointer;border-radius:0}
.pil[aria-pressed=true]{background:var(--ink);color:#fff}
.razdjel{width:1px;height:24px;background:var(--grey)}
.objava-forma{margin-top:28px;border-top:1px solid var(--ink);padding-top:20px}
.objava-forma>label{display:block;font-size:clamp(24px,2.4vw,32px);font-style:italic;line-height:1.2;margin-bottom:14px}
.objava-red{margin-top:16px}
.polje label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--grey);margin-bottom:8px}
.objava-red .polje{max-width:320px}
.objava-dno{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}
.kvacica{display:flex;align-items:center;gap:12px;font-size:20px}
.objave{margin-top:32px;border-top:1px solid var(--ink)}
.objava{padding:20px 0;border-bottom:1px solid var(--ink);display:flex;flex-direction:column;gap:10px}
.objava p{font-size:22px;line-height:1.3}
.objava--mjesto p{color:var(--grey)}
.objava--prikvacena{border-left:1px solid var(--red);padding-left:18px}
.objava--prikvacena svg{display:none}
.pitanje-domacice{font-size:clamp(26px,2.6vw,34px)!important;font-style:italic}
.oznake{display:flex;gap:8px;flex-wrap:wrap}
.oznake span{font-family:var(--mono);font-size:10px;letter-spacing:0.07em;text-transform:uppercase;border:1px solid var(--grey);color:var(--grey);padding:4px 8px}

main.sadrzaj[style]{padding:var(--g)}

/* ---------- podnožje i pregled ---------- */
.podnozje{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;border-top:1px solid var(--ink);padding:18px var(--g);font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--grey)}
.impresum summary{cursor:pointer;list-style:none}
.impresum summary::-webkit-details-marker{display:none}
.impresum p{margin-top:10px;font-size:11px;line-height:1.7;letter-spacing:0.04em}
.pregled{position:fixed;z-index:60;left:calc(10px + env(safe-area-inset-left,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));font-family:var(--mono);font-size:10px;letter-spacing:0.07em;text-transform:uppercase;max-width:calc(100vw - 20px)}
.pregled summary{list-style:none;cursor:pointer;background:#fff;color:var(--grey);border:1px solid var(--grey);padding:6px 10px}
.pregled summary::-webkit-details-marker{display:none}
.pregled .pregled-izbor{background:#fff;color:var(--ink);border:1px solid var(--ink);border-top:0;padding:12px;display:flex;flex-direction:column;gap:8px;max-width:280px}
.pregled .pregled-izbor p{font-size:10px;line-height:1.5;letter-spacing:0.02em;color:var(--grey);text-transform:none}
.pregled .pregled-izbor button{text-align:left;background:#fff;border:1px solid var(--ink);padding:8px;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:0.04em;color:var(--ink)}

/* ---------- izvana: izlog, besplatno, kupnja, prijava ---------- */
.pg{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);align-items:stretch;min-height:calc(100vh - 110px)}
.pg>.l{padding:var(--g);border-right:1px solid var(--ink)}
.pg>.l .fr{aspect-ratio:4/3;width:100%;position:sticky;top:var(--g)}
.pg>.r{padding:var(--g) clamp(24px,5vw,80px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}
.pg--besplatno>.r,.pg--kupnja>.r,.pg--prijava>.r{justify-content:flex-start;padding-top:calc(var(--g) + 24px)}
.tecaj-red{font-family:var(--mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--grey)}
.tecaj-red .tocka{margin:0 .8em;color:var(--red)}
.cijena-dio{color:var(--ink)}
.stara-cijena{color:var(--grey);text-decoration:line-through}
.izlog-naslov{margin-top:18px;font-size:clamp(48px,6vw,96px)}
.pg .gumbi{margin-top:32px}
.uski{max-width:520px;width:100%;display:flex;flex-direction:column;gap:18px}
.uski .gumbi{margin-top:10px}
.racun{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.racun>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;font-size:clamp(24px,2.2vw,30px)}
.racun b{font-weight:400}
.polje input{font-family:var(--mono);font-size:12px;letter-spacing:0.05em}
.natpis-kamen{margin:0 0 8px!important}
.natpis-kamen p{font-size:clamp(30px,3.2vw,48px);font-style:italic;line-height:1.1}
.natpis-kamen .tocka{color:var(--red)}
.besplatno-red{display:flex;flex-direction:column;gap:32px;width:100%;margin-top:24px}
.besplatno-red .blok{width:100%;border-top:1px solid var(--ink);padding-top:14px}
.besplatno-red .blok.meki{display:block}
.besplatno-red .ekran-kamen{position:relative;aspect-ratio:16/9;width:100%;border:1px solid var(--ink);margin-top:16px;background:#fff}
.gumb-ekran,.ekran-sredina{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;color:var(--grey)}
.krug-play{width:76px;height:76px;border:1px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center}
.krug-play svg{margin-left:4px}
.ekran-natpis{font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--grey)}
.besplatno-red .gumbi{margin-top:16px}
.pg--besplatno .gumbi--sredina{margin-top:28px}

/* ---------- uski ekrani ---------- */
@media (max-width:860px){
 .raspored,.raspored--tecaj{display:block;min-height:0}
 .raspored>nav.dijelovi,.raspored>.stablo-omot,.raspored--tecaj>.stablo-omot{border-right:0;border-bottom:1px solid var(--ink);padding:16px}
 .raspored--tecaj>.ilu{border-right:0;border-top:1px solid var(--ink);padding:16px;max-width:none}
 .raspored--tecaj>.ilu .fr{aspect-ratio:4/3}
 .stablo-omot summary{cursor:pointer;display:flex;justify-content:space-between}
 .stablo-omot summary::after{content:"+"}
 .stablo-omot[open] summary::after{content:"–"}
 .stablo-omot:not([open]) summary{border-bottom:0;padding-bottom:0}
 .dijelovi .dio-aktivni .primarni{width:100%}
 .trak{grid-template-columns:auto 1fr auto}
 .izbornik-gumb{display:inline-block;justify-self:center}
 .izbornik{display:none;grid-column:1/-1;grid-row:2;flex-direction:column;gap:0;margin:12px 0 0;border-top:1px solid var(--ink)}
 .izbornik.otvoren{display:flex}
 .izbornik a{padding:12px 0;border-bottom:1px solid #D9D4CC}
 .izbornik a[aria-current=page]{border-bottom:1px solid #D9D4CC;color:var(--red)}
 .trak>.sekundarni{justify-self:center}
 .atrium-raspored{display:block}
 .atrium-glavno{border-right:0}
 .atrium-strana{position:static;border-top:1px solid var(--ink);padding:16px}
 .atrium-strana img{aspect-ratio:4/3}
 .dosje-omot{display:block}
 .dosje-omot>*{padding-left:16px;padding-right:16px;margin-bottom:24px}
 .dosje-omot>.naslovni-blok{padding-top:16px}
 .dosje-omot>.pomak{margin:0 16px 24px}
 .dosje-omot>.ilu{border-left:0;border-top:1px solid var(--ink);margin:0;padding:16px}
 .dosje-omot>.ilu .fr{position:static;aspect-ratio:4/3}
 .dosje-tri{grid-template-columns:1fr}
 .dosje-pet{grid-template-columns:1fr}
 .dosje-pet .plocica{margin-left:0;margin-top:-1px;text-align:left}
 .dosje-pet .plocica:first-child{margin-top:0}
 .pg{display:block;min-height:0}
 .pg>.l{border-right:0;padding:16px}
 .pg>.l .fr{position:static}
 .pg>.r{padding:8px 16px 40px;align-items:stretch}
 .pg--besplatno>.r,.pg--kupnja>.r,.pg--prijava>.r{padding-top:8px}
}
@media (max-width:600px){
 body{font-size:18px}
 .trak{padding:12px 16px;column-gap:10px}
 .marka{font-size:22px}
 .schola{letter-spacing:0.08em}
 .raspored>main,.glavno,.atrium-glavno,.atrium-strana{padding:16px}
 .gumbi{flex-direction:column;align-items:stretch}
 .gumbi>*,#pomak-akcija>*,.objava-dno .primarni{width:100%}
 #pomak-akcija{flex-direction:column}
 .primarni,.sekundarni{min-height:52px;padding:14px 18px}
 .h1{font-size:19vw}
 .h1--manji{font-size:15vw}
 .izlog-naslov{font-size:17vw}
 .ljestvica{grid-template-columns:repeat(2,minmax(0,1fr))}
 .usporedba dl{grid-template-columns:1fr}
 .usporedba dt{border-bottom:0;padding-bottom:0}
 .odgovor{padding:14px 16px}
 .atrium-traka{flex-direction:column;align-items:stretch}
 .player{max-width:none}
 .list-unutra h1{letter-spacing:0.02em}
 .podnozje{flex-direction:column;gap:10px}
 .kviz-glava{align-items:flex-start;flex-direction:column;gap:12px}
 .koraci{padding-bottom:0}
}

/* ---------- odluka 27.10.: latinski natpis + diskretan prijevod; maksimalno pojednostavljeno ---------- */
.nat{display:block;font-family:var(--mono);font-size:14px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink);font-weight:400}
.nat-sub{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.07em;color:var(--grey);margin-top:4px}
.pr{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:none;color:var(--grey);margin-top:2px}
.razina-natpis .lat{display:block}
.fr.empty{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;letter-spacing:0.07em;color:var(--grey);text-transform:uppercase;text-align:center;padding:16px}
/* ukloni opise, objašnjenja, dodatne oznake */
.video-okvir+.gumbi,
.kviz-poziv-lekcija .sekundarni,.kviz-poziv-lekcija .napomena:not(.zakljucano-poruka),
.rezultat,
[data-stranica=karton] .naslovni-blok .tekst,.karton-pitanje .broj,.karton-pitanje small,.oznaka-mala,
.dosje-pet,.pomak-naslov,
.pilule,#atrium-oznaka,.objava-red,.oznake,
.stablo-omot summary::after{display:none}
.atrium-traka{border-top:0;margin-top:24px;padding-top:0}
.atrium-naslov{display:block}
.kviz-poziv-lekcija{border-top:0;padding-top:0}
.glavno>.naslovni-blok .oznaka{display:none}
.dosje-omot>.pomak{border:0;padding:0}
.dosje-omot>.pomak .usporedba{display:none}
.dosje-omot>.naslovni-blok{gap:0}
.dosje-tri .meki{border:1px solid var(--ink)}
.stablo .pod{border-bottom-color:transparent}
.stablo a,.stablo .st{border-bottom-color:transparent;padding:8px 0}
.stablo-omot summary{border-bottom:1px solid var(--ink)}
.razine-mreza .razina,.specta,.sub-mensa{border-top:1px solid #D9D4CC}
.objava-forma{border-top:0;padding-top:0;margin-top:24px}
.objave{border-top:0}
.glavno .specta .ekran{max-width:760px}
.razina{gap:0}
.razina>.blok,.razina>.sekundarni,.razina>a.sekundarni{margin-top:16px}
.razina .pr+.blok{margin-top:16px}
.specta .gumbi{margin-top:16px}
.specta .razina-natpis .pr{margin-top:2px}
.primarni:disabled{background:#fff;border-color:var(--grey);color:var(--grey);opacity:1}
.stablo svg,.dijelovi svg,.meki svg,.rezultat svg{stroke-width:3.2;width:18px;height:18px}
.pg--index>.l,.pg--kupnja>.l,.pg--prijava>.l{display:flex}
.pg--index>.l .fr,.pg--kupnja>.l .fr,.pg--prijava>.l .fr{aspect-ratio:auto;flex:1;position:static;min-height:320px}
.dosje-omot{min-height:calc(100vh - 110px);background:linear-gradient(var(--ink),var(--ink)) 68% 0/1px 100% no-repeat}
.dosje-omot>.ilu{border-left:0}
@media (max-width:860px){
 .pg--index>.l .fr,.pg--kupnja>.l .fr,.pg--prijava>.l .fr{aspect-ratio:4/3;flex:none}
 .pg--index>.l,.pg--kupnja>.l,.pg--prijava>.l{display:block}
 .dosje-omot{background:none;min-height:0}
}
.objava p.napomena{font-size:11px;line-height:1.5}

/* ---------- v11 ---------- */
[hidden]{display:none!important}
.prva{font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--grey);margin-left:6px}
.ekran-poruka--sredina{top:50%!important;bottom:auto!important;transform:translateY(-50%)}
.vitrina.ekran .dzingl-preskoci{position:absolute;right:12px;bottom:12px;min-height:0;width:auto;padding:8px 14px;font-size:10px;letter-spacing:0.06em;z-index:3}
/* dosje: 4 kartice */
.dosje-tri{grid-template-columns:repeat(2,minmax(0,1fr))}
.dosje-tri .meki .primarni{margin-top:auto;padding:14px 16px;width:100%;font-size:11px}
.dosje-tri .meki .napomena{margin-top:-6px;font-size:10px}
.dosje-tri .meki .sekundarni:disabled{opacity:.4}
@media (max-width:860px){.dosje-tri{grid-template-columns:1fr}}
/* lekcija: dvije jednake pločice */
.razine-mreza{flex-direction:row;gap:16px;align-items:stretch}
.razine-mreza .razina{flex:1 1 0;min-width:0;border:1px solid var(--ink);padding:16px;position:relative;margin-top:0;gap:0}
.razina-ime{display:flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--mono);font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink)}
.razina-gumbi{display:flex;flex-direction:column;gap:10px;margin-top:16px;width:100%;margin-top:auto;padding-top:16px}
.razina-gumbi .sekundarni{width:100%;min-height:48px;padding:12px 10px;font-size:11px;letter-spacing:0.06em}
.razine-player{margin-top:16px}
.razine-player audio{width:100%;max-width:560px;display:block}
.razine>.napomena{margin-top:10px}
.info-omot{position:relative;display:inline-flex}
.info{width:20px;height:20px;border:1px solid var(--grey);border-radius:50%;background:#fff;color:var(--grey);font-family:var(--serif);font-style:italic;font-size:13px;line-height:1;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.info:hover,.info[aria-expanded=true]{border-color:var(--ink);color:var(--ink)}
.info-kutija{position:absolute;z-index:20;top:28px;left:-6px;width:min(250px,calc(100vw - 48px));background:#fff;border:1px solid var(--ink);padding:12px 14px;font-family:var(--serif);font-size:16px;line-height:1.35;letter-spacing:0;text-transform:none;color:var(--ink)}
.razina--pdf .info-kutija{left:auto;right:-6px}
.atrium-strana details.pravila{display:block;margin-top:20px}
.atrium-strana details.pravila summary{list-style:none;cursor:pointer}
.atrium-strana details.pravila summary::-webkit-details-marker{display:none}
.atrium-strana details.pravila ul{margin:14px 0 0;padding-left:20px;font-size:18px;line-height:1.4}
.glavno>.naslovni-blok .oznaka.oznaka--lectio{display:block}
.razina-ime{text-transform:none}
@media (min-width:601px){.razina-gumbi{flex-direction:row}.razina-gumbi .sekundarni{flex:1 1 0;width:auto}}
.razine{margin-top:28px}

/* v13 — poveznice na pravne stranice u podnožju */
.podnozje .pravno a{color:var(--ink);border-bottom:1px solid transparent}
.podnozje .pravno a:hover,.podnozje .pravno a:focus{border-bottom-color:var(--ink)}

/* ---------- v15: prijevod latinskih riječi u uglatim zagradama, ispod riječi ---------- */
.tr,.tr2{display:block;font-family:var(--mono);font-size:10px;letter-spacing:0.05em;text-transform:none;color:var(--grey);margin-top:3px;line-height:1.1;font-weight:400}
.izbornik{align-items:flex-start}
.izbornik a,.schola{display:flex;flex-direction:column;align-items:center}
.izbornik a[aria-current=page]{border-bottom:0}
.izbornik a[aria-current=page] .n{border-bottom:1px solid var(--ink)}
.stablo .tr2{margin-top:2px}
.stablo a.caput,.stablo .st.caput{align-items:flex-start}
.stablo a.caput>svg,.stablo .st.caput>svg{margin-top:2px}
.oznaka .tr2{margin-top:3px;letter-spacing:0.05em}
.dijelovi .rim .tr2{margin-top:2px;letter-spacing:0.04em}
.list-glava .ozn .tr2,.list-unutra .ozn .tr2{font-size:calc(9*var(--u));margin-top:calc(3*var(--u))}
@media (max-width:600px){
 .schola .tr{display:none}
 .izbornik a{align-items:flex-start}
 .izbornik a[aria-current=page] .n{border-bottom:0}
}
@media (max-width:600px){.razina-ime{font-size:11px;letter-spacing:0.02em;gap:6px}.razina-ime>span:first-child{white-space:nowrap}}

/* ---------- v16: tri formata kao polugumbi, cijena, besplatno ---------- */
.polu{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:1px solid var(--ink);padding:10px 14px;background:#fff;color:var(--ink);text-align:left;min-width:0;font:inherit;cursor:default;border-radius:0}
a.polu,button.polu{cursor:pointer}
.polu .lat{display:block;font-family:var(--mono);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink);line-height:1.2;font-weight:400}
.polu .pr{display:block;font-family:var(--mono);font-size:10px;letter-spacing:0.02em;text-transform:none;color:var(--grey);line-height:1.3;margin:0}
a.polu:hover,button.polu:hover,a.polu:focus-visible,button.polu:focus-visible{background:var(--ink)}
a.polu:hover .lat,a.polu:hover .pr,button.polu:hover .lat,button.polu:hover .pr,a.polu:focus-visible .lat,a.polu:focus-visible .pr,button.polu:focus-visible .lat,button.polu:focus-visible .pr{color:#fff}
.tri-formata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;max-width:760px}
.tri-formata .polu{padding:12px 16px}
.audio-omot:empty,.audio-omot>.razine-player:empty+.napomena:empty{display:none}
.audio-omot{max-width:760px}
.specta{border-top:0;padding-top:0;margin-top:20px}
.specta .ekran{margin-top:0}
.cijena{display:flex;align-items:flex-start;gap:16px;margin-top:0}
.cijena .iznos{font-size:clamp(46px,4.2vw,62px);line-height:1;letter-spacing:-.01em}
.cijena .stara{display:flex;flex-direction:column;gap:2px;padding-top:6px}
.cijena .stara s{font-size:24px;line-height:1;color:var(--grey);text-decoration-thickness:1px}
.cijena .stara .pr{margin-top:2px}
.besplatno-ozn{margin:0}
.besplatno-h1{margin-top:14px}
.besplatno-pod{font-size:clamp(22px,2vw,28px);font-style:italic;line-height:1.25;margin-top:10px}
.pg--besplatno .ekran-kamen{position:relative;aspect-ratio:16/9;width:100%;border:1px solid var(--ink);margin-top:24px;background:#fff;flex:none}
.pg--besplatno .gumb-ekran:hover .krug-play{background:var(--ink)}
.pg--besplatno .gumb-ekran:hover .krug-play path{fill:#fff}
.pg--besplatno .ekran-kamen iframe{width:100%;height:100%;border:0;display:block}
.besplatno-tekst{margin-top:26px;width:100%}
.besplatno-tekst section{margin:0 0 22px}
.besplatno-tekst .nat-sub{margin:0 0 8px}
.besplatno-tekst p{font-size:20px;line-height:1.35;margin:0 0 8px}
.pg--besplatno .polu{margin-top:8px}
.pg--besplatno .cijena{margin-top:26px}
.pg--besplatno .gumbi--sredina{margin-top:18px}
@media (max-width:600px){
 .polu{padding:8px 8px}.polu .lat{font-size:11px;letter-spacing:0.06em}.polu .pr{font-size:9px;letter-spacing:0}
 .tri-formata{gap:8px}.tri-formata .polu{padding:10px 8px}
 .pg--besplatno .polu{padding:10px 14px}.pg--besplatno .polu .pr{font-size:10px}
}

/* ---------- v17: lekcija u četiri bloka (SPECTA · AUDI · LEGE · ZADATAK) ---------- */
.lb{max-width:760px;margin-top:28px;border:1px solid var(--ink);padding:16px 18px 20px;background:#fff}
.lb-glava{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.lb-ime .lat{display:block;font-family:var(--mono);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink);line-height:1.2}
.lb-ime .pr{display:block;font-family:var(--mono);font-size:10px;letter-spacing:0.02em;color:var(--grey);line-height:1.3;margin-top:3px}
.lb-tijelo{margin-top:14px}
.lb-video{position:relative;aspect-ratio:16/9;width:100%;border:1px solid var(--ink);background:#fff;overflow:hidden}
.lb-video video{width:100%;height:100%;display:block;background:#fff;object-fit:contain}
.lb .vitrina.ekran{margin-top:0}
.lb-audi audio{width:100%;display:block}
.lb-lege .gumbi,.lb-zadatak .gumbi{margin-top:0}
.lb-zadatak .gumbi{margin-top:14px}
.lb-naslov{font-size:clamp(24px,2.4vw,30px);font-weight:400;line-height:1.15;font-style:italic}
.lb-uvod{margin-top:8px}
.lb-koraci{margin:14px 0 18px;padding-left:1.4em}
.lb-koraci li{margin-top:6px}
.lb-koraci strong{font-weight:600}
.lb-zadatak textarea{margin-top:6px;min-height:180px}
.lb-zadatak .napomena{margin-top:12px}
/* žeton: kao Amazon žetoni na shopu (hover / fokus / dodir) */
.zeton-omot{position:relative;display:inline-block;flex:none}
.zeton{position:relative;font-family:var(--mono);font-size:9px;line-height:1;letter-spacing:0.06em;color:var(--red);background:#fff;border:1px solid var(--red);outline:1px solid rgba(138,42,32,.35);outline-offset:1px;padding:5px 7px 4px;cursor:pointer;text-transform:uppercase;border-radius:0}
.zeton::after{content:"";position:absolute;inset:-10px}
.zeton:focus-visible{outline:2px solid rgba(138,42,32,.6)}
.zeton-pop{position:absolute;right:0;bottom:100%;padding-bottom:9px;z-index:20;width:max-content;max-width:min(240px,calc(100vw - 32px))}
.zeton-pop[hidden]{display:none}
.zeton-kutija{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;background:#fff;border:1px solid var(--ink);box-shadow:0 6px 18px rgba(0,0,0,.08);text-align:left}
.zeton-kutija .mono{font-family:var(--mono);font-size:11px;letter-spacing:0.05em;color:var(--grey);text-transform:none}
.zeton-preuzmi{font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding:6px 0 2px}
@media (max-width:600px){.lb{padding:14px 14px 18px}}

/* v17: prijevod bloka (gledaj · video ...) tek na hover / fokus / dodir */
.lb-ime.zeton-omot{display:inline-block}
.lat-zeton{font-family:var(--mono);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink);line-height:1.2;background:#fff;border:0;border-bottom:1px solid transparent;padding:6px 0 4px;margin:-6px 0 -4px;cursor:pointer;border-radius:0}
.lat-zeton:hover,.lat-zeton:focus-visible{border-bottom-color:var(--ink)}
.zeton-pop--lat{right:auto;left:0;bottom:calc(100% - 4px)}

/* =====================================================================
   v18 — veliki krug: zadaci i bilježnice, bilješke, toranj, kviz, Dosje, Atrium, Upute, EKSTRA, izbornik
   ===================================================================== */
:root{--grey-t:#7C7468;--grey-l:#B3ABA0;--red-bg:#FBF3F1}

/* ---------- izbornik (sve stranice): latinska riječ puna i tamna, prijevod svjetliji, manji, bez razmaka, nikad širi od riječi ---------- */
.izbornik a,.izbornik a .n,.schola .n{color:var(--ink)}
.izbornik a:not([aria-current=page]) .n{color:var(--ink)}
.izbornik .tr,.schola .tr{color:var(--grey-l);font-size:9px;letter-spacing:0;white-space:nowrap;width:0;min-width:100%;text-align:center;margin-top:3px;line-height:1.1}
.izbornik .tr{overflow:visible}
@media (max-width:600px){.izbornik .tr{width:auto;min-width:0;text-align:left;white-space:normal}}

/* ---------- podsjetnik bilježnice ---------- */
.tocka{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);flex:none}
.podsjetnik-traka{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:var(--red);color:#fff;padding:10px var(--g);font-family:var(--mono);font-size:12px;letter-spacing:0.05em}
.podsjetnik-traka .tocka{background:#fff;margin-right:10px}
.podsjetnik-tekst{display:inline-flex;align-items:center}
.podsjetnik-gumb{border:1px solid #fff;color:#fff;padding:8px 14px;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;background:transparent}
.podsjetnik-gumb:hover,.podsjetnik-gumb:focus-visible{background:#fff;color:var(--red)}
.stablo .podsjetnik-tocka{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-size:10px;letter-spacing:0.04em;margin-left:auto;margin-right:4px;text-transform:none}
.stablo .podsjetnik-tocka .tocka{width:7px;height:7px}
.stablo a.pod,.stablo a.caput{gap:6px}
@media (max-width:600px){.podsjetnik-traka{padding:10px 16px;font-size:11px;letter-spacing:0.02em}.podsjetnik-gumb{width:100%;text-align:center}}

/* ---------- lekcija: bilješke ispod videa (uzak prozor, 2 retka, ne širi se) ---------- */
.lb-specta .lb-tijelo{margin-top:12px}
.biljeske-omot{margin-top:10px}
textarea.biljeske{display:block;width:100%;height:66px;min-height:66px;max-height:66px;resize:none;overflow-y:auto;font-size:17px;line-height:1.3;padding:8px 12px}
.biljeske-red{display:flex;align-items:center;gap:14px;margin-top:6px;min-height:22px}
.biljeske-gumb{font-family:var(--mono);font-size:10px;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink);background:#fff;border:0;border-bottom:1px solid var(--ink);padding:4px 0 2px;cursor:pointer;border-radius:0}
.biljeske-gumb:hover,.biljeske-gumb:focus-visible{color:var(--red);border-bottom-color:var(--red)}
.sitno{font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.02em;color:var(--grey-t);overflow-wrap:anywhere}
.zeton-tekst{font-family:var(--serif);font-size:16px;line-height:1.35;color:var(--ink)}
.zeton-pop{max-width:min(280px,calc(100vw - 32px))}
.zeton-pop--kat{max-width:min(300px,calc(100vw - 40px));right:0}
.zeton-pop--kat .zeton-kutija{gap:4px}
.zeton-pop--kat strong{font-weight:600;font-size:17px;line-height:1.2}
.toranj-rec{font-size:15px;line-height:1.35;color:var(--ink);margin-top:4px}
.lb-ekstra .lb-tijelo audio{width:100%;display:block}

/* ---------- zadatak / bilježnica ---------- */
.lb-zadatak{position:relative;padding-top:20px}
.trajanje-rub{position:absolute;top:-8px;right:16px;background:#fff;padding:0 8px;font-family:var(--mono);font-size:10px;letter-spacing:0.02em;color:var(--grey-t);line-height:16px}
.zad-ozn{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.markica{display:inline-block;border:1px solid var(--red);color:var(--red);font-family:var(--mono);font-size:11px;letter-spacing:0.05em;padding:4px 8px;line-height:1.3;max-width:100%;overflow-wrap:anywhere}
.napravljeno{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:0.04em;color:var(--red);text-transform:uppercase}
.napravljeno svg{width:18px;height:18px}
.lb-zadatak .lb-naslov{font-size:clamp(28px,3vw,38px);line-height:1.05}
.dio{margin-top:16px}
.dio-l{font-family:var(--mono);font-size:11.5px;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:4px;color:var(--ink)}
.dani-l{margin-top:26px}
.uputa{font-size:20px;line-height:1.35}
.primjer{margin-top:18px;padding:12px 16px;background:#F6F4F0;border:1px solid var(--grey);color:var(--grey-t)}
.primjer .dio-l{color:var(--grey-t)}
.primjer ul{list-style:none}
.primjer li{padding:6px 0;border-top:1px solid #D9D4CC;font-size:18px;line-height:1.3}
.primjer li:first-child{border-top:0}
.pl{font-family:var(--mono);font-size:11px;letter-spacing:0.02em;text-transform:uppercase}
.rubrike{margin-top:10px;border-top:1px solid var(--ink)}
.rub{padding:16px 0 18px;border-bottom:1px solid #D9D4CC}
.rub-l{font-family:var(--mono);font-size:12px;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:6px;overflow-wrap:anywhere}
.rub .pomoc{margin-bottom:10px}
.cipovi{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 10px}
.cip{position:relative;cursor:pointer;max-width:100%}
.cip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.cip span{display:block;border:1px solid var(--ink);padding:9px 14px;font-size:18px;line-height:1.2;background:#fff;overflow-wrap:anywhere}
.cip:has(input:checked) span{border-color:var(--red);color:var(--red);background:var(--red-bg)}
.cip:has(input:focus-visible) span{outline:2px solid var(--red);outline-offset:2px}
.polje-omot{display:block;margin-top:8px}
input.polje{display:block;width:100%;height:46px;padding:0 12px;font-size:19px}
input.polje::placeholder,textarea::placeholder{color:#A9A196;opacity:1}
.zad-status{margin-top:16px;padding-top:10px;border-top:1px solid #D9D4CC}
.nap{margin-top:14px}
.zad-mjesto .gumbi{margin-top:18px}

/* toranj od 9 katova */
.toranj-red{margin-top:18px}
.toranj-red:first-of-type{margin-top:6px}
.toranj-naslov{font-size:22px;font-style:italic;line-height:1.2;margin-bottom:8px}
.toranj{max-width:460px;margin:4px 0 10px}
.kat-red{display:flex;align-items:stretch;margin-top:-1px}
.kat{position:relative;display:block;flex:1;cursor:pointer;min-width:0}
.kat input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.kat span{display:block;border:1px solid var(--ink);padding:9px 14px;font-size:18px;line-height:1.2;background:#fff;text-align:center}
.kat:has(input:checked) span{border-color:var(--red);color:var(--red);background:var(--red-bg);position:relative;z-index:1}
.kat:has(input:focus-visible) span{outline:2px solid var(--red);outline-offset:2px;position:relative;z-index:2}
.kat-red .zeton-omot{display:flex;align-items:center;margin-left:8px}
.toranj-nap{margin-top:14px}

/* bilježnica: sedam dana */
.dani{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:6px 0 14px}
.dan{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:66px;border:1px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;text-align:center;padding:6px 0;border-radius:0;font:inherit}
.dan .d{font-family:var(--mono);font-size:9.5px;letter-spacing:0.03em;text-transform:uppercase;color:var(--grey-t)}
.dan b{font-weight:400;font-size:24px;line-height:1}
.dan .sutra{font-family:var(--mono);font-size:8px;letter-spacing:0;color:var(--grey-l)}
.dan.odabran{border-color:var(--red);color:var(--red);background:var(--red-bg)}
.dan.odabran .d{color:var(--red)}
.dan.gotov{border-color:var(--red)}
.dan.buduci{border-style:dashed;border-color:var(--grey-l);color:var(--grey-l);cursor:not-allowed}
.kv{position:absolute;top:3px;right:5px;width:6px;height:11px;border:solid var(--red);border-width:0 2px 2px 0;transform:rotate(40deg) scale(.7)}
.dan-natpis{font-family:var(--mono);font-size:11.5px;letter-spacing:0.06em;color:var(--red);margin-bottom:4px}
.bilj-sazetak{margin-top:20px}
.bilj-sazetak:empty{display:none}
.zbroj,.dosje-dl{display:grid;grid-template-columns:minmax(120px,1fr) 3fr;border-top:1px solid #D9D4CC;margin:8px 0}
.zbroj dt,.zbroj dd,.dosje-dl dt,.dosje-dl dd{padding:10px 0;border-bottom:1px solid #D9D4CC}
.zbroj dt,.dosje-dl dt{font-family:var(--mono);font-size:11px;letter-spacing:0.04em;text-transform:uppercase;color:var(--grey-t);padding-right:12px}
.zbroj dd,.dosje-dl dd{font-size:19px}
@media (max-width:600px){.zbroj,.dosje-dl{grid-template-columns:1fr}.zbroj dt,.dosje-dl dt{border-bottom:0;padding-bottom:0}.dan{min-height:58px}.dan b{font-size:21px}.dan .d{font-size:8.5px;letter-spacing:.02em}.dani{gap:3px}.trajanje-rub{right:10px}}

/* ---------- kviz ---------- */
.rezultat{display:block}
.ishod--tekst{font-size:clamp(28px,3.2vw,42px);line-height:1.12}
.oznaka-rs{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--red);margin-bottom:10px}

/* ---------- Dosje ---------- */
#dosje-natpis[hidden]{display:none!important}
.dosje-omot>#dosje-nadimak,.dosje-omot>#dosje-napredak,.dosje-omot>#dosje-upisano,.dosje-omot>#dosje-izvjestaj{grid-column:1}
.nadimak-oznaka{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.nadimak-red{display:flex;gap:12px;flex-wrap:wrap;max-width:560px}
.nadimak-red input{flex:1 1 220px;width:auto}
.nadimak-red .sekundarni{min-height:52px;padding:14px 18px}
#dosje-nadimak .sitno,#atrium-nadimak .sitno{display:block;margin-top:8px}
.dosje-gdje .tekst{margin:4px 0 0}
.dosje-ceka{display:flex;align-items:center;gap:10px;margin-top:14px;font-family:var(--mono);font-size:12px;letter-spacing:0.03em;color:var(--red)}
.dosje-ceka .poveznica{border-bottom:1px solid var(--red)}
.dosje-stanje{display:flex;flex-wrap:wrap;gap:0;margin-top:18px}
.dosje-st{border:1px solid var(--ink);margin-left:-1px;padding:10px 14px;font-family:var(--mono);font-size:11px;letter-spacing:0.04em;text-transform:uppercase;color:var(--grey-t);display:flex;flex-direction:column;align-items:flex-start}
.dosje-st:first-child{margin-left:0}
.dosje-st.gotovo{color:var(--ink)}
.dosje-st .tr2{text-transform:none;letter-spacing:0}
#dosje-napredak .trake{margin-top:18px}
.dosje-sek{border-top:1px solid var(--ink)}
.dosje-sek:last-of-type{border-bottom:1px solid var(--ink)}
.dosje-sek summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:12px;padding:14px 0;font-family:var(--mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase}
.dosje-sek summary::-webkit-details-marker{display:none}
.dosje-sek summary::after{content:"+";margin-left:auto;font-size:16px}
.dosje-sek[open] summary::after{content:"–"}
.dosje-sek .tr2{display:inline;margin:0}
.dosje-sek-tijelo{padding:0 0 18px}
.dosje-h{font-size:22px;font-weight:400;font-style:italic;margin:14px 0 4px}
.dosje-dan{margin-top:12px}
.dosje-biljeska{white-space:pre-wrap;font-size:19px}
.dosje-kutija{border:1px solid var(--ink);padding:18px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}
#dosje-izvjestaj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:6px}
@media (max-width:860px){#dosje-izvjestaj{grid-template-columns:1fr}}

/* ---------- Atrium: dva jednaka bloka ---------- */
#atrium-nadimak{margin-top:22px;padding-bottom:22px;border-bottom:1px solid #D9D4CC}
.ab{margin-top:30px;padding-top:22px;border-top:1px solid var(--ink)}
.ab:first-of-type{margin-top:22px}
.ab-naslov{font-family:var(--mono);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;font-weight:400}
.ab-pitanje{font-size:clamp(26px,2.6vw,34px);font-style:italic;line-height:1.2;margin-top:12px}
.ab-forma{margin-top:14px}
.ab-forma textarea{min-height:96px}
.ab-red{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:12px}
.ab-red .kvacica{display:flex;align-items:center;gap:12px;font-size:19px}
.ab-oznaka select{width:auto;padding:10px 12px;font-size:17px}
.ab-pilule{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ab-popis{margin-top:18px;border-top:1px solid #D9D4CC}
.ab-objava{padding:12px 0;border-bottom:1px solid #D9D4CC;display:flex;flex-direction:column;gap:3px}
.ab-objava .meta{font-size:10px;letter-spacing:0.03em;text-transform:none;color:var(--grey-t)}
.ab-objava p{font-size:19px;line-height:1.3}
.ab-jos{margin-top:14px;min-height:44px;padding:10px 18px}
.pravila-omot{margin-top:34px}
.pravila-omot .sekundarni{min-height:40px;padding:8px 14px;font-size:10px}
#pravila-panel{margin-top:16px;border:1px solid var(--ink);padding:16px 20px}
#pravila-panel h3{font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;font-weight:400;margin:0 0 8px}
#pravila-panel ul{padding-left:20px;font-size:19px;line-height:1.35;margin-bottom:16px}
#pravila-panel li{margin-bottom:6px}
.pil[aria-pressed=true]{background:var(--ink);color:#fff}
.pil{font-family:var(--mono);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;border:1px solid var(--ink);background:#fff;color:var(--ink);padding:8px 12px;cursor:pointer;border-radius:0}

/* ---------- Upute ---------- */
.upute-tekst{max-width:720px}
.upute-tekst h1{font-size:clamp(40px,4.6vw,64px);font-weight:400;line-height:.98;letter-spacing:-.01em}
.upute-tekst h2{font-family:var(--mono);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;font-weight:400;margin:38px 0 10px;padding-top:18px;border-top:1px solid var(--ink)}
.upute-tekst h3{font-size:24px;font-weight:400;font-style:italic;margin:22px 0 4px}
.upute-tekst p,.upute-tekst li{font-size:20px;line-height:1.4;margin-top:10px}
.upute-tekst ul,.upute-tekst ol{padding-left:22px}
.upute-tekst strong{font-weight:600}
.upute-tekst .uvod{font-size:22px;font-style:italic;margin-top:14px}

/* ---------- EKSTRA ---------- */
.ekstra-dio{margin-top:14px}
.ekstra-dio:first-child{margin-top:0}
.ekstra-dio .dio-l{margin-bottom:6px}
.lb-ekstra .gumbi{margin-top:0}

/* ---------- besplatno: pravi video ---------- */
.pg--besplatno .ekran-kamen video{width:100%;height:100%;display:block;background:#fff}
.stablo .podsjetnik-tocka .dan-t{font-family:var(--mono);font-size:10px;letter-spacing:.04em;white-space:nowrap}

/* =====================================================================
   v20 — krug ispravaka (mobitel, naslovi, bilješke, LEGE kao tekst, Predvorje)
   ===================================================================== */
/* M4: naslovi stranica škole isti (mobitel 34, računalo 44); polja za pisanje 16 */
.h1--manji,.upute-tekst h1{font-size:44px;line-height:1.05;font-weight:400;letter-spacing:-.01em}
textarea,select,input[type=email],input[type=text],input[type=password],input[type=number],input[type=tel]{font-size:16px}
@media (max-width:600px){.h1--manji,.upute-tekst h1{font-size:34px}}

/* "← Predvorje" uvijek vidljivo gore */
.natrag-omot{padding:0 var(--g) 10px;font-family:var(--mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase}
.natrag-predvorje{display:inline-block;color:var(--ink);padding:8px 0 4px;border-bottom:1px solid transparent}
.natrag-predvorje:hover,.natrag-predvorje:focus-visible{border-bottom-color:var(--ink)}

/* M3: bilješke — polje 3 retka, gumb desno od polja, placeholder mono 13 siv */
.biljeske-red{display:flex;align-items:stretch;gap:10px;margin-top:0;min-height:0}
textarea.biljeske{flex:1 1 auto;min-width:0;width:auto;height:84px;min-height:84px;max-height:84px;font-size:16px;line-height:1.3;padding:8px 12px}
textarea.biljeske::placeholder{font-family:var(--mono);font-size:13px;letter-spacing:0;line-height:1.35;color:var(--grey);opacity:1}
.biljeske-gumb,.trenutak{font-family:var(--mono);font-size:10px;letter-spacing:0.03em;line-height:1.3;text-transform:uppercase;text-align:center;color:var(--ink);background:#fff;border:1px solid var(--ink);padding:6px;cursor:pointer;border-radius:0}
.biljeske-gumb{flex:none;width:92px}
.biljeske-gumb:hover,.biljeske-gumb:focus-visible,.trenutak:hover,.trenutak:focus-visible{background:var(--ink);color:#fff;border-color:var(--ink)}
.biljeske-status{display:block;margin-top:6px;min-height:16px}
/* M2: Zapiši trenutak uz video */
.trenutak{padding:10px 14px;font-size:11px;letter-spacing:0.05em}

/* LEGE: tekst na stranici, 17 px, cijela širina */
.lege-tekst{margin-top:14px;font-size:17px;line-height:1.55;max-width:none;width:100%;overflow-wrap:break-word}
.lege-tekst[hidden]{display:none}
.lege-tekst:focus{outline:0}
.lege-tekst h3{font-size:17px;font-weight:600;line-height:1.3;margin:22px 0 6px}
.lege-tekst h3:first-child{margin-top:0}
.lege-tekst p,.lege-tekst li{font-size:17px;line-height:1.55;margin:0 0 10px}
.lege-tekst ul,.lege-tekst ol{margin:0 0 10px;padding-left:1.3em}
.lege-tekst p.bn{font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.02em;color:var(--grey)}
.lege-tekst table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 14px;display:block;overflow-x:auto}
.lege-tekst th,.lege-tekst td{border:1px solid var(--ink);padding:6px 8px;text-align:left;vertical-align:top;font-size:15px;line-height:1.35}
.lege-tekst th{font-family:var(--mono);font-size:11px;letter-spacing:0.03em;text-transform:uppercase;font-weight:400}
.lege-kraj{margin-top:18px}

/* Predvorje: naziv, moto, imena dijelova, samo jedan crveni element */
.moto{font-style:italic;font-size:26px;line-height:1.2;margin:0}
.dijelovi .dio-aktivni .rim{color:var(--ink)}
.dijelovi .ime{min-width:1.4em}
.dijelovi .ime-dijela{font-size:24px;line-height:1.15}
.dijelovi .dio-aktivni .sekundarni{margin-top:8px}

@media (max-width:860px){.dijelovi .dio-aktivni .sekundarni{width:100%}}

/* M7/V2 + M2 na mobitelu */
@media (max-width:600px){
 .raspored--tecaj>.ilu{padding:0 16px;border:0}
 .raspored--tecaj>.ilu .fr{aspect-ratio:auto;height:72px}
 .lb-specta .lb-video{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);border:0}
 .lb-specta.fokus .lb-video-omot{position:sticky;top:0;z-index:40;display:flex;gap:10px;align-items:stretch;background:#fff;padding:6px 0;border-bottom:1px solid var(--ink)}
 .lb-specta.fokus .lb-video{width:42%;max-width:none;margin-left:0;flex:none}
 .lb-specta.fokus .trenutak-red{margin:0;flex:1;display:flex}
 .lb-specta.fokus .trenutak{width:100%}
}
textarea:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--ink)}
@media (max-width:600px){.lb-specta{border-left:0;border-right:0}}
.polu .lat .pr-i{font-size:10px;letter-spacing:0.02em;color:var(--grey);text-transform:none;margin-left:6px}
.polu--lege{width:100%;align-items:stretch}.polu--lege .lege-gumb{margin-top:8px}
/* v20: vlastita traka kontrola ispod videa (nikad preko slike) */
.vp-traka{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:8px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink);width:100%;min-width:0}
.vp-gumb{flex:none;min-height:34px;padding:6px 9px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:#fff;border:1px solid var(--ink);border-radius:0;cursor:pointer;line-height:1.2}
.vp-gumb:hover,.vp-gumb:focus-visible{background:var(--ink);color:#fff}
.vp-vrijeme{flex:none;white-space:nowrap;color:var(--ink)}
.vp-klizac{-webkit-appearance:none;appearance:none;flex:1 1 60px;min-width:40px;height:34px;margin:0;padding:0;background:transparent;border:0;border-radius:0;outline-offset:0}
.vp-klizac::-webkit-slider-runnable-track{height:1px;background:var(--ink);border:0}
.vp-klizac::-moz-range-track{height:1px;background:var(--ink);border:0}
.vp-klizac::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:18px;margin-top:-9px;background:var(--ink);border:0;border-radius:0}
.vp-klizac::-moz-range-thumb{width:12px;height:18px;background:var(--ink);border:0;border-radius:0}
.lb-video video,.video-okvir video,.vitrina.ekran video{cursor:pointer}
@media (max-width:600px){
 .lb-specta .vp-traka{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);padding:8px 16px 0}
 .vp-gumb{padding:6px 7px;font-size:10px}.vp-traka{gap:6px;font-size:10px}
 .lb-specta.fokus .vp-traka{flex:0 0 100%;width:100%;margin-left:0;padding:6px 0 0}
 .lb-specta.fokus .lb-video-omot{flex-wrap:wrap}
}
.vp-klizac:focus,.vp-klizac:focus-visible{outline:0;border:0}
.vp-klizac:focus-visible::-webkit-slider-thumb{outline:1px solid var(--ink);outline-offset:2px}
@media (max-width:600px){.lb-specta.fokus .vp-traka{order:3}}

/* v20: PRIMJER kao zatvorena harmonika, sitno unutra */
.primjer{margin-top:14px;padding:0;background:#F6F4F0;border:1px solid var(--grey);color:var(--grey-t)}
.primjer-red{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:10px 14px;font-family:var(--mono);font-size:11px;letter-spacing:0.03em;color:var(--ink);min-height:40px}
.primjer-red::-webkit-details-marker{display:none}
.primjer-red::marker{content:""}
.primjer-znak::before{content:"+";font-size:14px}
.primjer[open] .primjer-znak::before{content:"\2212"}
.primjer-red:focus-visible{outline:1px solid var(--ink);outline-offset:-3px}
.primjer ul{list-style:none;padding:0 14px 8px;margin:0}
.primjer li{padding:5px 0;border-top:1px solid #D9D4CC;font-family:var(--serif);font-size:15px;line-height:1.3;color:var(--ink)}
.primjer li:first-child{border-top:0}
.primjer .pl{display:block;font-family:var(--mono);font-size:10px;letter-spacing:0.02em;text-transform:uppercase;color:var(--grey-t);margin-bottom:1px}

/* =====================================================================
   v21 — manje okvira ispod videa; redoslijed: video, zadatak, kviz, "Za dublje"
   ===================================================================== */
/* kontrole videa: samo riječi u jednom redu */
.vp-traka{display:flex;align-items:center;flex-wrap:nowrap;gap:0;padding:2px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:0;line-height:1;color:var(--ink)}
.vp-gumb,.rijec{flex:none;min-height:34px;padding:0 2px;margin:0;font-family:var(--mono);font-size:11px;letter-spacing:0;text-transform:none;color:var(--ink);background:none;border:0;border-radius:0;cursor:pointer;line-height:1;-webkit-appearance:none;appearance:none}
.vp-gumb:hover,.vp-gumb:focus-visible,.rijec:hover,.rijec:focus-visible{background:none;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.vp-sep{flex:none;color:var(--grey);padding:0 6px}
.vp-vrijeme{flex:none;white-space:nowrap;color:var(--ink)}
.vp-klizac{flex:1 1 40px;min-width:36px;height:34px}
.vp-klizac::-webkit-slider-thumb{width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--ink)}
.vp-klizac::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--ink);border:0}
@media (max-width:600px){
 .vp-gumb,.rijec,.vp-traka{font-size:11px}
 .vp-sep{padding:0 4px}
 .lb-specta .vp-traka{padding:2px 16px 0}
}

/* harmonike: Bilješke +, AUDI [slušaj] +, LEGE [čitaj] + */
.harm{border:0;background:none}
.harm-red{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-height:40px;padding:0;font-family:var(--mono);font-size:11px;letter-spacing:0.02em;color:var(--ink);text-transform:none}
.harm-red::-webkit-details-marker{display:none}
.harm-red::marker{content:""}
.harm-red:focus-visible{outline:1px solid var(--ink);outline-offset:2px}
.harm-pr{color:var(--grey);font-size:11px}
.znak::before{content:"+";font-size:14px}
.harm[open]>.harm-red .znak::before{content:"\2212"}
.harm-tijelo{padding:4px 0 14px}
.harm-tijelo audio{width:100%;display:block;margin-top:8px}
.harm-tijelo .zeton-preuzmi{display:inline-block;margin-top:8px}

/* bilješke */
.biljeske-omot{margin-top:2px;border-top:0}
.biljeske-tijelo{padding:2px 0 6px}
.biljeske-tijelo textarea.biljeske{display:block;width:100%;flex:none;height:64px;min-height:64px;max-height:64px;font-size:16px;line-height:1.3;padding:8px 12px;margin:0}
textarea.biljeske::placeholder{font-family:var(--serif);font-size:14px;letter-spacing:0;line-height:1.3;color:var(--grey);opacity:1}
.biljeske-rijeci{display:flex;align-items:center;flex-wrap:wrap;margin-top:2px}
.biljeske-status{font-family:var(--mono);font-size:11px;color:var(--grey);margin-left:10px;min-height:0}

/* "Za dublje" */
.dublje{max-width:760px;margin-top:28px;padding-top:14px;border-top:1px solid var(--ink)}
.dublje-nat{font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--grey);margin-bottom:4px}
.dublje .harm{border-bottom:1px solid #D9D4CC}
.dublje .harm:last-child{border-bottom:0}
.lege-kraj{margin-top:14px}

/* sticky mali prikaz pri pisanju: video lijevo, kontrole desno/ispod */
@media (max-width:600px){
 .lb-specta.fokus .lb-video-omot{position:sticky;top:0;z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;background:#fff;padding:6px 0;border-bottom:1px solid var(--ink)}
 .lb-specta.fokus .lb-video{width:42%;max-width:none;margin-left:0;flex:none}
 .lb-specta.fokus .vp-traka{flex:1 1 0;min-width:0;width:auto;margin-left:0;padding:0;flex-wrap:wrap;row-gap:0}
 .lb-specta.fokus .vp-klizac,.lb-specta.fokus .vp-sep:nth-of-type(4){display:none}
}
.vp-sep{font-family:var(--mono);font-size:11px;line-height:1}
textarea.biljeske:focus,textarea.biljeske:focus-visible{outline:0;border-color:var(--ink);box-shadow:none}
@media (max-width:600px){
 .lb-specta.fokus .lb-video{width:36%}
 .lb-specta.fokus .vp-sep{padding:0 3px}
}
@media (max-width:600px){
 .lb-specta.fokus .vp-brzina,.lb-specta.fokus .vp-sep:nth-of-type(5){display:none}
 .lb-specta.fokus .vp-traka{flex-wrap:nowrap}
}

/* =====================================================================
   v22 — jedna crvena po ekranu, Predvorje/Dosje na mobitelu, Upute kao harmonika
   ===================================================================== */
/* podsjetnik bilježnice: svijetla traka, crvena samo mala točka */
.podsjetnik-traka{background:#F4F1EC;color:var(--ink);border-bottom:1px solid #D9D4CC}
.podsjetnik-traka .tocka{background:var(--red)}
.podsjetnik-gumb{border:1px solid var(--ink);color:var(--ink);background:transparent}
.podsjetnik-gumb:hover,.podsjetnik-gumb:focus-visible{background:var(--ink);color:#fff}

/* Upute: harmonike */
.uputa-harm{margin:0}
.uputa-red{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;margin:38px 0 0;padding-top:18px;border-top:1px solid var(--ink)}
.uputa-harm:first-of-type .uputa-red{margin-top:30px}
.uputa-red::-webkit-details-marker{display:none}
.uputa-red::marker{content:""}
.uputa-red h2{margin:0;padding:0;border:0}
.uputa-red:focus-visible{outline:1px solid var(--ink);outline-offset:2px}
.uputa-harm:not([open]) .uputa-red{margin-top:0;padding:16px 0;border-top:0;border-bottom:1px solid var(--ink)}
.uputa-harm[open] .uputa-red{margin-top:0;padding:16px 0 10px;border-top:0;border-bottom:1px solid var(--ink)}
.uputa-harm[open] .znak::before{content:"\2212"}
.uputa-harm .znak::before{content:"+";font-family:var(--mono);font-size:16px}
.uputa-tijelo{padding:6px 0 22px}
.uputa-tijelo>*:first-child{margin-top:4px}

/* Dosje na mobitelu: uska traka umjesto velike fotografije */
@media (max-width:860px){
 .dosje-omot>.ilu{border-top:0;padding:0 16px;margin-bottom:16px}
 .dosje-omot>.ilu .fr{aspect-ratio:auto;height:72px}
}

/* Predvorje na mobitelu: naslov i video gore, popis dijelova ispod */
@media (max-width:600px){
 .raspored:has(#dijelovi){display:flex;flex-direction:column}
 .raspored:has(#dijelovi)>main#sadrzaj{order:1}
 .raspored:has(#dijelovi)>nav#dijelovi{order:2;border-right:0;border-top:1px solid var(--ink);border-bottom:0;padding:16px}
}

/* v24: Bunny iframe (video lekcije) + gumb "Video odgledan" */
.lb-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.vp-traka[hidden]{display:none}
.vp-traka--odgledan{padding-top:6px}
@media (max-width:600px){.lb-specta.fokus .vp-traka--odgledan{display:none}}


/* =====================================================================
   v25 — manji razmaci mono natpisa, rečenice u kurzivu, podnožje, "Za dublje" kao gumbi, kupnja na mobitelu
   ===================================================================== */
.podnozje{font-family:var(--serif);font-size:16px;letter-spacing:0;text-transform:none;align-items:baseline}
.podnozje a,.podnozje span,.podnozje summary{letter-spacing:0;text-transform:none}
.podnozje .p-mail{color:var(--ink);border-bottom:1px solid #CFC9C1}
.podnozje .pravno a{color:var(--ink)}
.sitno,.napomena,.pomoc,.nap,.zakljucano-poruka{font-family:var(--serif);font-style:italic;font-size:16px;letter-spacing:0;text-transform:none;line-height:1.4}
.pregled .pregled-izbor p{font-family:var(--serif);font-style:italic;font-size:14px;letter-spacing:0;text-transform:none}
.dublje{max-width:760px;margin-top:40px;padding-top:20px;border-top:1px solid var(--ink)}
.dublje-nat{font-family:var(--serif);font-size:clamp(32px,3.6vw,42px);line-height:1.1;letter-spacing:0;text-transform:none;color:var(--ink);margin-bottom:16px}
.dublje .harm{border:1px solid var(--ink);background:#fff;margin:0 0 10px}
.dublje .harm:last-child{margin-bottom:0;border-bottom:1px solid var(--ink)}
.dublje .harm-red{min-height:54px;padding:0 16px;font-size:13px;letter-spacing:.05em}
.dublje .harm-tijelo{padding:6px 16px 18px}
.vise-oznaka{display:block;margin:8px 0 0 auto;padding:2px 0;border:0;background:none;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:none;color:var(--grey);cursor:pointer}
.vise-oznaka:hover,.vise-oznaka:focus-visible{color:var(--ink)}
.racun .sep{color:var(--grey)}
@media (max-width:600px){
 .racun>div{flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0}
 .racun>div>span{display:block;width:100%}
 .racun b{display:block;white-space:nowrap;font-size:16px}
 .racun b .stara-cijena{font-size:16px}
 .racun b .prva{margin-left:10px;font-size:12px}
}

.dosje-kutija .pot-tekst{font-family:var(--serif);font-style:normal;font-size:18px;line-height:1.45;color:var(--ink);margin:10px 0 8px}

/* =====================================================================
   v26 — krug ispravaka: kviz uvijek vidljiv, oznaka PREGLED u toku stranice, dodirni ciljevi,
   polja zadataka (textarea), toranj na mobitelu, Dosje, besplatno, EKSTRA
   ===================================================================== */
/* gumb za kviz uvijek vidljiv (i nakon otključavanja) */
.kviz-poziv-lekcija .sekundarni{display:inline-flex}

/* oznaka PREGLED: sitna, u toku stranice ispod podnožja (ne prekriva tekst); otvoreni panel je sklopiv */
.pregled{position:static;left:auto;bottom:auto;z-index:auto;max-width:none;margin:0;padding:8px var(--g) 16px;font-size:9px}
.pregled summary{display:inline-block;padding:3px 8px;font-size:9px;letter-spacing:.05em;border-color:#D9D4CC;color:#A49B8E}
.pregled[open] summary{color:var(--ink)}
.pregled .pregled-izbor{max-width:360px;margin-top:6px;border-top:1px solid var(--ink)}

/* polja zadataka: textarea koja raste (v26.js), placeholder se nikad ne odreže */
.lb-zadatak textarea.polje,textarea.polje{display:block;width:100%;height:46px;min-height:46px;padding:10px 12px;font-size:19px;line-height:1.25;resize:none;overflow:hidden}
@media (max-width:600px){.lb-zadatak textarea.polje,textarea.polje{font-size:16px}}

/* potvrda uz "Spremi u Dosje" */
.dosje-potvrda{margin-top:10px;font-size:17px;line-height:1.35;color:var(--ink)}
.dosje-potvrda .poveznica{margin-left:4px;color:var(--ink);border-bottom:1px solid var(--ink);display:inline-block;padding:6px 0 2px}
.dosje-potvrda--prazno{color:var(--grey)}

/* predvorje: Dosje uz Atrium */
.atrium-traka{gap:12px;flex-wrap:wrap}

/* Dosje: čipovi napretka u pravilnoj mreži */
.dosje-stanje{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.dosje-st{margin:0;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-width:0;overflow-wrap:anywhere}
@media (max-width:860px){
 .dosje-stanje{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dosje-st:last-child:nth-child(odd){grid-column:1/-1}
}
.pot-tekst{font-size:19px;line-height:1.4;margin-top:8px}

/* besplatno: prodajni tekst */
.besplatno-uvod{font-size:21px;line-height:1.4;margin-top:16px;max-width:34em}
.besplatno-tekst ul{list-style:none;margin:6px 0 0;padding:0}
.besplatno-tekst li{position:relative;padding:3px 0 3px 18px;font-size:19px;line-height:1.35}
.besplatno-tekst li::before{content:"\2013";position:absolute;left:0;color:var(--grey)}
.opseg{margin-top:12px;font-family:var(--mono);font-size:min(10px,2.1vw);letter-spacing:0;line-height:1.5;text-transform:none;color:var(--grey)}
.opseg span{display:block}
.opseg span+span{margin-top:2px}

/* EKSTRA: poster je kadar iz videa (16:9), bez bijele trake */
.lb-ekstra .lb-video video{object-fit:cover}

/* dodirni ciljevi ≥ 40 px */
@media (max-width:860px){
 .marka{display:inline-flex;align-items:center;min-height:44px}
 .izbornik-gumb{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 14px}
 .izbornik a{min-height:44px;justify-content:center;padding:0}
 .natrag-predvorje{display:inline-flex;align-items:center;min-height:44px;padding:0}
 .trak>.sekundarni{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px}
 .stablo-omot summary{min-height:44px;align-items:center}
 .stablo a,.stablo .st{display:flex;align-items:center;min-height:44px}
 .impresum summary{display:inline-block;padding:10px 0}
 .podnozje a{display:inline-block;padding:10px 0}
}

/* toranj od 9 katova: zbijeniji na mobitelu, gumbi "i" ≥ 32 px */
@media (max-width:600px){
 .toranj-red{margin-top:12px}
 .toranj-naslov{font-size:20px;margin-bottom:4px}
 .toranj{margin:2px 0 6px}
 .kat span{padding:5px 10px;font-size:16px;line-height:1.15}
 .kat-red .zeton-omot{margin-left:6px}
 .kat-red .zeton{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:0 8px;font-size:11px}
 .toranj-nap{margin-top:8px}
}

/* v26 (HR): predvorje — play gumb ne prekriva tekst na posteru (dolje lijevo) */
#uvodni-video>div[style*="inset"]{align-items:flex-end!important;justify-content:flex-start!important;padding:0 0 14px 14px}
#uvodni-video .pusti{position:static;transform:none;width:56px;height:56px}

.besplatno-tekst p.opseg{font-size:min(10px,2.1vw);line-height:1.5;margin:16px 0 0}

/* v27 */
.ekstra-uvod,.ekstra-opis{font-size:clamp(16px,1.5vw,19px);line-height:1.5;max-width:62ch;margin:6px 0 14px}
.pregled .pregled-izbor button[aria-pressed="true"]{background:var(--ink);color:#fff}
.ab-objava--prazno p{font-style:italic}

/* v32: pregled probe vidi se samo kad config.PROBA = true (schola.js stavi class="proba" na <html>) */
html:not(.proba) details.pregled, html:not(.proba) .samo-proba{display:none!important}
/* v32: kvačica suglasnosti na kupnja.html — gumb „Plati” aktivan tek s kvačicom */
.suglasnost{font-size:16px;line-height:1.4;margin:22px 0 0}
.suglasnost input{margin-top:3px;flex:none;width:18px;height:18px;accent-color:var(--red,#8A2A20)}
#greska-suglasnost{margin:6px 0 0;min-height:1em;font-size:14px}
[data-treba-suglasnost][aria-disabled="true"]{opacity:.38;cursor:not-allowed}
/* v0711 ponuda: dugi redak u računu smije u više redaka */
.racun b.ponuda{display:block;white-space:normal;font-size:18px;line-height:1.35;text-align:right;max-width:60%}
@media (max-width:600px){.racun b.ponuda{text-align:left;max-width:100%;white-space:normal}}
.cijena.ponuda{flex-wrap:wrap}