/**
 * Õppekava leht v2 (EHIS).
 *
 * Reeglid tulevad kavandist `kavandid/ehis-oppekava-v2-prototuup.html`
 * (hetktõmmis `kavandid/ehis/oppekava-v2.html`, kinnitatud 05.09.2026) —
 * klassinimed ja mõõdud on samad, et kavand jääks teostuse seletuseks
 * kehtima.
 *
 * MIKS OMA FAIL, MITTE `koolitused.css`. Õppekava on üks leht, mille külastab
 * murdosa liiklusest, ja need reeglid ei kordu kusagil mujal. `koolitused.css`
 * laetakse igal kursuse- ja töölaualehel — sinna pandud reeglid maksaksid
 * baite igal vaatel, mis õppekava kunagi ei näita.
 *
 * KEST TULEB TEEMAST, SISU SIIT. Leht kasutab täienduskoolituse v2 komponente
 * (`.lg-tk2-hero`, `.lg-tk2-naide`, `.lg-tk2-band`, `.lg-tk2-osa`,
 * `.lg-keskkond__kubar/__lead/__faktid`, `.lg-plaat--kuld`,
 * `.lg-btn--kuld`) — need on teemas olemas ja neid siin EI DUBLEERITA:
 * kaks koopiat läheksid esimese kujundusmuudatuse peale lahku. Siin on ainult
 * see, mida neist ei saa.
 *
 * V1 `.lg-kava*` JA `.lg-tk` ON MAAS: v2 mall ei kasuta kumbagi. `.lg-tk` jäi
 * pluginasse ainult juriidiliste lehtede kindlustuseks, aga need lehed on
 * teema omad ja teema reegel katab nad — plugina koopia oli teine tõde, mis
 * ei tea, kui teema oma muutub.
 */

/* --- 1. Hero + toimumiskaart -------------------------------------------- */

/* 20ch, mitte teema 22ch: kursuse nimi („Hispaania keele kursus A1.1") on
   lühem kui täienduskoolituse lehe pealkiri ja mahub kolmele reale ainult
   kitsama piiriga — muidu jääb viimasele reale üks sõna. */
/* MIKS: pealkiri ühel real (omanik 05.09.2026). Teema .lg-tk2-hero h1 piirab 22ch-ga,
   mis murdis „Hispaania keele kursus A1.1" kaheks; siin on ruumi 777 px. */
.lg-ok-hero h1 { max-width: none; }
/* HERO ARVUDE RIBA (H2, omanik 06.09.2026: „see plokk D2 vajaks ka paremat
   lahendust"). Eelmine kuju — neli paljast arvu õhukese joone all — oli
   tüpograafia, mitte komponent: suured numbrid rippusid õhus ja hero vasak
   pool luges ikka veel tühjana. Nüüd üks liivakas riba, neli lahtrit
   püstjoontega, ikoon + arv + silt ühel real. Madalam (~66 px vs 92 px), seega
   toimumiskaart jääb kõrgemaks ja hero ei venita lehte.

   `tabular-nums`, et lahtrid ei nihkuks arvu numbrite kaupa. Tahvlil 2 × 2 —
   neli lahtrit 900 px sees oleks igaüks 200 px ja „akadeemilist tundi"
   murduks kolmele reale. */
.lg-ok-riba { list-style: none; margin: 18px 0 0; padding: 6px 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--lg-sand); border: 1px solid var(--lg-line-soft); border-radius: var(--lg-radius-card); }
.lg-ok-riba li { margin: 0; display: flex; align-items: center; gap: 10px; padding: 8px 16px; border-left: 1px solid var(--lg-line); }
.lg-ok-riba li:first-child { border-left: 0; }
.lg-ok-riba svg { color: var(--lg-gold-icon); flex: none; }
.lg-ok-riba b { font-size: 1.35rem; font-weight: 800; color: var(--lg-ink); font-variant-numeric: tabular-nums; }
.lg-ok-riba li > span { font-size: 0.85rem; color: var(--lg-ink-muted); line-height: 1.2; }

/* Faktirida: kolm ERI ikooni, mitte kolm ühesugust linnukest (teema
   `.lg-hero__facts`). Linnuke ütleb ainult „loend"; tase, keel ja
   lõpudokument on kolm eri asja ja ikoon võib seda öelda. */
.lg-ok-faktid2 { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.lg-ok-faktid2 li { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 0.9rem; color: var(--lg-ink-soft); }
.lg-ok-faktid2 svg { color: var(--lg-gold-icon); flex: none; }

.lg-ok-toimub dd small { font-size: 0.85rem; font-weight: 400; color: var(--lg-ink-soft); }
/* Nupp on kaardi ainus tegu — täislai, mitte teksti laiune. */
.lg-ok-toimub__nupp { display: block; text-align: center; margin-top: 16px; }
/* Tumedam link tuhmil real: kreemjal taustal kaob kuldne link ära. */
.lg-ok-toimub .lg-tk2-naide__small a { color: var(--lg-ink); }

/* --- 2. Õpiväljundid ----------------------------------------------------- */

/* KAKS VEERGU, sest 16 rida ühes veerus oli v1 lehe pikim tükk (~400 px);
   kahes veerus mahub sama loend 272 px kõrgusele ja lugeja näeb ta korraga. */
.lg-ok-valjundid { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 32px; }
.lg-ok-valjundid li { display: flex; align-items: flex-start; gap: 10px; margin: 0; line-height: 1.5; }
.lg-ok-valjundid svg { flex: none; margin-top: 4px; color: var(--lg-gold-icon); }

/* --- 3. Õppe sisu (D2 — read) -------------------------------------------- */

/* NÄDALAKAARDID JA NUMMERDATUD LOEND ON MAAS (omanik 06.09.2026, voorud 7 ja
   11): mõlemad sündisid ampsude pealkirjadest ja sundisid õppe sisu haldama
   36 ampsu ümbernimetamise kaudu. Õppe sisu on nüüd omaniku kirjutatud seade
   (`_lg_ok_sisu`, kolm plokki) ja ampsude nimekiri on OMAETTE plokk allpool.

   D2: alajaotus on RIDA. Vasakul number + pealkiri + punktide arv (220 px),
   paremal punktid kahes veerus lühikese kuldse kriipsuga. Sama joonestik mis
   ametlikul kastil lehe lõpus, aga rütmiga — number ja kuldne kriips annavad
   ridadele hingamise, mida paljas `<ul>` ei anna. Tahvlil (≤ 900) pealkiri
   punktide kohal ja punktid ühes veerus: 220 px veerg + kaks tulpa ei mahu. */
.lg-ok-sisu3 { margin-top: 22px; border-top: 2px solid var(--lg-gold); }
.lg-ok-sisu3__rida { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 8px 40px; padding: 22px 0; border-bottom: 1px solid var(--lg-line); }
.lg-ok-sisu3__rida header { display: grid; grid-template-columns: 34px 1fr; gap: 2px 10px; align-items: center; align-content: start; }
/* Number ulatub üle mõlema rea (pealkiri + „N punkti"), seega ta on nende
   kõrval, mitte pealkirja sees. */
.lg-ok-sisu3__nr { grid-row: 1 / span 2; width: 34px; height: 34px; border-radius: 50%; background: var(--lg-gold); color: var(--lg-ink); font-weight: 800; display: grid; place-items: center; }
.lg-ok-sisu3__rida h3 { margin: 0; font-size: 1.1rem; line-height: 1.2; }
.lg-ok-sisu3__rida small { color: var(--lg-ink-muted); font-size: 0.82rem; }
.lg-ok-sisu3__rida ul { list-style: none; margin: 0; padding: 0; column-count: 2; column-gap: 36px; }
.lg-ok-sisu3__rida li { position: relative; margin: 0 0 8px; padding-left: 18px; line-height: 1.45; color: var(--lg-ink-soft); break-inside: avoid; }
.lg-ok-sisu3__rida li::before { content: ""; position: absolute; left: 0; top: 0.62em; width: 8px; height: 2px; background: var(--lg-gold); }

/* --- 3b. Õpiampsud ------------------------------------------------------- */

/* Kaks veergu, pealkiri vasakul ja nädal paremal tuhmilt, rida õhukese joonega.
   Sisu tuleb ampsudest AUTOMAATSELT — see plokk on tõend mahu kohta, mitte
   tekst, mida omanik toimetab. `column-count`, mitte grid: loend peab jääma
   üheks `<ul>`-iks, et järjekord loeks veerus alla, mitte üle rea. */
.lg-ok-ampsud { padding-top: 0; }
.lg-ok-ampsud__loend { list-style: none; margin: 18px 0 0; padding: 0; border-top: 2px solid var(--lg-gold); column-count: 2; column-gap: 40px; }
.lg-ok-ampsud__loend li { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 7px 0; border-bottom: 1px solid var(--lg-line-soft); font-size: 0.95rem; line-height: 1.4; break-inside: avoid; }
.lg-ok-ampsud__loend li small { flex: none; color: var(--lg-ink-muted); font-size: 0.82rem; white-space: nowrap; }

/* --- 4. Kuidas õpe käib -------------------------------------------------- */

/* Teema `.lg-tk2-faktid` annab plaatidele ülajoone; siin on nad ploki
   esimene tükk ja joon lõikaks pealkirja küljest ära. */
.lg-ok-faktid { margin-top: 20px; padding-top: 0; border-top: 0; }
.lg-ok-paar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 26px; }
.lg-ok-kaart { padding: 20px 22px; background: var(--lg-white); border: 1px solid var(--lg-line); border-radius: var(--lg-radius-card); }
.lg-ok-kaart h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 1.05rem; }
.lg-ok-kaart h3 svg { flex: none; color: var(--lg-gold-icon); }
.lg-ok-kaart p { margin: 0 0 8px; font-size: 0.95rem; line-height: 1.55; color: var(--lg-ink-soft); }
.lg-ok-kaart p:last-child { margin-bottom: 0; }

/* --- 5. Koolitaja -------------------------------------------------------- */

.lg-ok-opetaja { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 32px; align-items: center; }
/* Profiilipildita õpetaja — üks veerg, mitte tühi ring. */
.lg-ok-opetaja--ilma { grid-template-columns: minmax(0, 1fr); }
.lg-ok-opetaja__foto { margin: 0; }
.lg-ok-opetaja__foto img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; object-position: top; border-radius: 50%; }
.lg-ok-opetaja .lg-keskkond__lead { margin-bottom: 0; }

/* --- 6. Õppekava andmed -------------------------------------------------- */

.lg-ok-ametlik { padding-top: 0; }
.lg-ok-ametlik__kast { padding: 22px 26px; background: var(--lg-sand); border: 1px solid var(--lg-line-soft); border-radius: var(--lg-radius-card); }
.lg-ok-ametlik h2 { font-size: 1.1rem; margin: 0 0 10px; }
.lg-ok-ametlik dl { margin: 0; }
.lg-ok-ametlik dl > div { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 4px 20px; padding: 8px 0; border-top: 1px solid var(--lg-line-soft); font-size: 0.92rem; }
.lg-ok-ametlik dt { color: var(--lg-ink-muted); }
.lg-ok-ametlik dd { margin: 0; }

/* --- Kitsamad ekraanid --------------------------------------------------- */

@media (max-width: 1000px) {
	/* Toimumiskaart läheb pealkirja alla; teema `.lg-tk2-hero` teeb sama,
	   aga meie hero kannab kaht klassi ja piir peab siin kaasas käima. */
	.lg-ok-hero { grid-template-columns: minmax(0, 1fr); }
	.lg-ok-toimub { max-width: 420px; }
}
/* Neli lahtrit kitsamal kui 900 px annaks igaühele alla 200 px ja
   „akadeemilist tundi" murduks kolmele reale — 2 × 2 hoiab sildid ridadel.
   Kolmanda lahtri vasak joon läheb maha, sest ta on nüüd rea ALGUSES. */
@media (max-width: 900px) {
	.lg-ok-riba { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.lg-ok-riba li:nth-child(3) { border-left: 0; }
	.lg-ok-sisu3__rida { grid-template-columns: 1fr; gap: 12px; }
	.lg-ok-sisu3__rida ul { column-count: 1; }
}
@media (max-width: 800px) {
	.lg-ok-ampsud__loend { column-count: 1; }
}
@media (max-width: 700px) {
	.lg-ok-valjundid,
	.lg-ok-paar { grid-template-columns: 1fr; }
	.lg-ok-opetaja { grid-template-columns: 1fr; gap: 16px; }
	.lg-ok-opetaja__foto { max-width: 120px; }
	.lg-ok-ametlik dl > div { grid-template-columns: 1fr; gap: 2px; }
}

/* TUNNISTUSE AVALIK KONTROLL-LEHT (kavand ehis-tunnistuse-kontroll-prototuup.html,
   06.09.2026). Elab siin, mitte koolitused.css-is: see on avalik EHIS-leht nagu
   õppekava, ja koolitused.css laaditakse ainult sisselogitud õppevaates. */
.lg-kontroll { max-width: 720px; margin: 24px auto 64px; padding-inline: var(--lg-gutter); }
.lg-kontroll__kast { padding: 28px 32px; background: var(--lg-white); border: 1px solid var(--lg-line); border-radius: var(--lg-radius-card); }
.lg-kontroll__olek { display: flex; align-items: flex-start; gap: 12px; margin: 14px 0 20px; font-size: 1.15rem; font-weight: 700; line-height: 1.4; }
.lg-kontroll__olek svg { flex: none; margin-top: 3px; }
.lg-kontroll__olek--kehtib svg { color: #2f7d4f; }
.lg-kontroll__olek--puudub svg { color: var(--lg-error); }
.lg-kontroll__andmed { margin: 0; }
.lg-kontroll__andmed > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 4px 16px; padding: 9px 0; border-top: 1px solid var(--lg-line-soft); }
.lg-kontroll__andmed dt { color: var(--lg-ink-muted); }
.lg-kontroll__andmed dd { margin: 0; font-weight: 600; }
.lg-kontroll__andmed a { color: var(--lg-ink); }
.lg-kontroll__markus { margin: 18px 0 0; font-size: 0.9rem; line-height: 1.5; color: var(--lg-ink-soft); }
@media (max-width: 560px) { .lg-kontroll__kast { padding: 20px 18px; } .lg-kontroll__andmed > div { grid-template-columns: 1fr; gap: 2px; } }