
/* Nunito, self-hosted (Latin + Latin-ext subset, from sadik-design variable font) */
@font-face{font-family:"Nunito";font-style:normal;font-weight:400;font-display:swap;
  src:url("fonts/nunito-400.woff2") format("woff2");
  unicode-range:U+0000-024F,U+2000-206F,U+20AC}
@font-face{font-family:"Nunito";font-style:normal;font-weight:700;font-display:swap;
  src:url("fonts/nunito-700.woff2") format("woff2");
  unicode-range:U+0000-024F,U+2000-206F,U+20AC}
@font-face{font-family:"Nunito";font-style:normal;font-weight:800;font-display:swap;
  src:url("fonts/nunito-800.woff2") format("woff2");
  unicode-range:U+0000-024F,U+2000-206F,U+20AC}
@font-face{font-family:"Nunito";font-style:italic;font-weight:400;font-display:swap;
  src:url("fonts/nunito-400-italic.woff2") format("woff2");
  unicode-range:U+0000-024F,U+2000-206F,U+20AC}
:root{
  /* palette v4 — light warm kids */
  --bg:#FFFBF3;--surface:#FFFFFF;--ink:#2E3A4D;--muted:#6B7486;--soft:#D6ECFF;
  --line:#F0E4CF;--shadow:rgba(180,140,80,.12);--yellow:#FFD54A;
  --sun-l:#FFE08A;--candy-l:#FFA8C5;--sky-l:#9BDDF5;--leaf-l:#A8DBA9;--grape-l:#D1C4EC;
  --accent:#2B9FFF;--accent2:#5EC8F0;--candy:#FF6B9D;--sky:#5EC8F0;--sun:#FFD166;
  --leaf:#7BC67E;--grape:#B39DDB;--pumpkin:#FF9F43;
  --kustiba:#C8F0C8;--radosums:#FFD0E4;--stasts:#C8E4FF;--muzika:#FFE9A8;--daba:#C5F2DE;
}
*{box-sizing:border-box}
button,input,select,textarea{font-family:inherit}
body{margin:0;font-family:Nunito,"Segoe UI",Roboto,system-ui,sans-serif;
  background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
.shell{max-width:480px;margin:0 auto;padding:12px 16px 40px;min-height:100vh}
.back{display:inline-flex;align-items:center;color:var(--accent);font-weight:600;text-decoration:none;font-size:15px;
  min-height:48px;padding:4px 0}
header h1,h1{font-size:30px;font-weight:700;margin:8px 0 4px;line-height:1.2}
header .sub{margin:0 0 12px;color:var(--muted);font-size:15px}
.search-wrap{margin:0 0 18px}
.search{width:100%;min-height:48px;padding:12px 16px;border:2px solid var(--line);border-radius:16px;
  font-size:16px;font-family:inherit;background:var(--surface);color:var(--ink);box-shadow:0 2px 12px var(--shadow)}
.search:focus{outline:none;border-color:var(--accent)}
.search-compact{margin:0 0 12px}
.ages{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ages .age:nth-child(5){grid-column:1 / -1}
.home-banner{width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;margin:0 0 16px;
  box-shadow:0 3px 12px var(--shadow);background:var(--soft)}
.home-banner img{width:100%;height:100%;object-fit:cover;display:block}
.age{display:block;background:var(--surface);border:1px solid var(--line);border-radius:20px;
  padding:20px;text-decoration:none;color:var(--ink);box-shadow:0 3px 12px var(--shadow);min-height:76px;
  border-left:6px solid var(--stripe,#FFD166)}
.age.a12{--stripe:var(--sun-l)}.age.a23{--stripe:var(--candy-l)}.age.a34{--stripe:var(--sky-l)}
.age.a45{--stripe:var(--leaf-l)}.age.a56{--stripe:var(--grape-l)}
.age{display:flex;align-items:center;gap:10px;padding:14px 12px 14px 14px;min-height:72px}
.age-ic{flex:0 0 40px;height:40px;border-radius:12px;background:#FFF6DC;display:flex;align-items:center;
  justify-content:center;font-size:22px;line-height:1}
.age strong{display:block;font-size:19px;font-weight:700;letter-spacing:-0.01em;line-height:1.2}
h1.section{font-size:22px;margin:0 0 12px}
.chips{display:flex;gap:8px;overflow-x:auto;padding:0 0 10px;margin:0 -16px;padding-left:16px;padding-right:16px;
  -webkit-overflow-scrolling:touch;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;padding:10px 14px;border-radius:999px;background:var(--surface);
  border:2px solid var(--line);font-size:13px;color:var(--ink);white-space:nowrap;cursor:pointer;
  font-family:inherit;min-height:44px}
.chip.active{border-color:var(--accent);background:#EAF5FF;color:var(--ink)}
.filters-extra{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin:0 0 14px}
.check{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;user-select:none;font-size:15px}
.check input{width:22px;height:22px;accent-color:var(--accent)}
.chip-kraso{border-color:#A5D6A7}
.chip-kraso.active{border-color:#2E7D32;background:#E3F7EA}
.list{display:flex;flex-direction:column;gap:12px}
.card{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);
  border-radius:18px;padding:12px;text-decoration:none;color:var(--ink);min-height:92px;
  box-shadow:0 3px 12px var(--shadow)}
.card.noimg{padding-left:8px}
.bar{width:6px;align-self:stretch;border-radius:4px;flex-shrink:0}
.thumb{width:72px;height:72px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;
  justify-content:center;font-size:28px;text-align:center;line-height:1;overflow:hidden;background:var(--soft)}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.meta{flex:1;min-width:0}
.meta h2{font-size:17px;font-weight:700;margin:0 0 6px;line-height:1.25}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tip{font-size:12px;padding:3px 8px;border-radius:999px;color:var(--ink);font-weight:600}
.tip.kustiba{background:var(--kustiba)}.tip.radosums{background:var(--radosums)}
.tip.stasts{background:var(--stasts)}.tip.muzika{background:var(--muzika)}.tip.daba{background:var(--daba)}
.badge{font-size:11px;padding:3px 8px;border-radius:999px;font-weight:700}
.badge.kraso{background:var(--yellow);color:#2E3A4D}
.badge.helovins{background:var(--yellow);color:#2E3A4D}
.badge.rudens{background:var(--yellow);color:#2E3A4D}
.badge.age-chip{background:#E8F4FF;color:#1A6FB5;font-weight:700}
.dur{font-size:13px;color:var(--muted)}
.hero{width:100%;aspect-ratio:16/10;border-radius:20px;margin:8px 0 16px;display:flex;align-items:center;
  justify-content:center;color:var(--muted);font-size:13px;text-align:center;overflow:hidden;padding:0}
.hero img{width:100%;height:100%;object-fit:cover;display:block}
.hero .ph{font-size:48px;padding:16px}
.detail-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:20px;font-size:13px;color:var(--muted)}
section.block{margin-bottom:22px}
section.block h2{font-size:13px;text-transform:uppercase;letter-spacing:0.04em;color:var(--muted);margin:0 0 8px;font-weight:700}
.box{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:0 2px 12px var(--shadow)}
.box ul{margin:0;padding-left:18px}
.box ol{margin:0;padding-left:0;list-style:none;counter-reset:step}
.box ol li{margin-bottom:12px;padding-left:40px;position:relative}
.box ol li:last-child{margin-bottom:0}
.box ol li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;
  width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700;
  display:flex;align-items:center;justify-content:center;line-height:28px;text-align:center}
.print-block{margin:12px 0 20px}
.print-preview{display:block;width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:12px;box-shadow:0 3px 12px var(--shadow);cursor:zoom-in;margin:0 0 8px}
.print-preview img{width:100%;height:auto;max-height:420px;object-fit:contain;display:block;border-radius:8px}
.print-hint{font-size:12px;color:var(--muted);margin:0 0 12px;text-align:center}
.download{display:flex;flex-direction:column;gap:8px}
.dl-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 16px;
  background:var(--accent);color:#fff;text-decoration:none;font-weight:700;border-radius:14px;
  box-shadow:0 4px 0 #1a7fd6}
.dl-btn.secondary{background:var(--surface);color:var(--ink);border:2px solid var(--line);box-shadow:0 2px 12px var(--shadow)}
.dl-note{font-size:12px;color:var(--muted);text-align:center}
.empty{color:var(--muted);padding:24px 8px;text-align:center;font-size:15px}
.hidden{display:none!important}
#home-ages.hidden,#search-results.hidden{display:none!important}
.search-count{font-size:13px;color:var(--muted);margin:0 0 10px}

.print-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}
.print-card{margin:0;display:flex;flex-direction:column;gap:6px}
.print-card .print-preview{margin:0;padding:8px;border-radius:14px}
.print-card .print-preview img{max-height:220px}
.print-cap{font-size:12px;color:var(--muted);text-align:center;line-height:1.35;margin:0}
.print-jpg{min-height:40px;padding:8px 12px;font-size:13px;box-shadow:0 1px 12px var(--shadow)}
.print-pack{margin-top:4px}
@media (max-width:360px){.print-grid{grid-template-columns:1fr}}
.lightbox{position:fixed;inset:0;background:rgba(10,20,35,.88);z-index:1000;display:flex;align-items:center;
  justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .15s}
.lightbox.open{opacity:1;pointer-events:auto}
.lightbox img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;background:#fff}
.lightbox-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:0;border-radius:50%;
  background:#fff;color:var(--ink);font-size:22px;cursor:pointer;font-weight:700}
/* — Scenārijs (garās nodarbības) — */
.badge.scen{background:var(--yellow);color:#2E3A4D}
.box.prose p{margin:0 0 8px}.box.prose p:last-child{margin:0}
.box.prose ul{margin:0;padding-left:18px}
.merkis-txt{margin:0;font-style:italic;font-size:17px;line-height:1.45;color:var(--ink)}
.prep-row{display:grid;grid-template-columns:1fr;gap:0 16px}
.prep-row section.block{min-width:0}
.prep-row .box{height:calc(100% - 26px)}
.lomas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.loma-chip{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);
  border-radius:16px;padding:10px 12px;box-shadow:0 2px 12px var(--shadow)}
.loma-chip>div{min-width:0}
.loma-ic{flex:0 0 32px;height:32px;border-radius:10px;background:#FFF3CC;display:flex;align-items:center;
  justify-content:center;font-size:17px;line-height:1}
.loma-name{display:block;font-size:15px;line-height:1.3}
.loma-txt{display:block;font-size:13px;color:var(--muted);line-height:1.35;margin-top:2px}
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.step{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px;
  box-shadow:0 2px 12px var(--shadow)}
.step-head{margin:0 0 10px}
.step-time{display:block;font-size:26px;font-weight:800;color:#2B9FFF;line-height:1.1;letter-spacing:-0.01em}
.step-title{font-size:19px;font-weight:700;margin:4px 0 0;line-height:1.25}
.saka{margin:0 0 12px;padding:10px 14px;border-left:4px solid #2B9FFF;background:#EAF5FF;
  border-radius:0 12px 12px 0;font-size:19px;line-height:1.55}
.saka p{margin:0 0 6px}.saka p:last-child{margin:0}
.saka .saka-cap{font-size:12px;text-transform:uppercase;letter-spacing:0.05em;font-weight:700;color:#1A6FB5;margin:0 0 4px}
.step-do p{margin:0 0 6px}.step-do p:last-child{margin:0}
.step-do ul{margin:0;padding-left:18px}
.variants{display:grid;grid-template-columns:1fr;gap:12px}
.var-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px;
  box-shadow:0 2px 12px var(--shadow);border-left:6px solid var(--line)}
.var-card.harder{border-left-color:var(--pumpkin)}
.var-card.easier{border-left-color:var(--leaf)}
.var-card h3{font-size:16px;margin:0 0 6px}
.var-card p{margin:0 0 6px}.var-card p:last-child{margin:0}
.var-card ul{margin:0;padding-left:18px}
.soli-laiks{color:var(--accent)}
@media (min-width:420px){.variants{grid-template-columns:1fr 1fr}}
@media (min-width:640px){.shell.shell-scen{max-width:880px}.prep-row{grid-template-columns:1fr 1fr}
  .shell-scen .hero{max-height:360px}}
.home-latest{margin:24px 0 0}
.home-h2{font-size:20px;font-weight:700;margin:0 0 12px;line-height:1.25}
.stop-signal{display:flex;gap:10px;align-items:flex-start;background:#FFE9E0;border-left:4px solid #FF6B3D;
  border-radius:0 14px 14px 0;padding:12px 14px;margin:-8px 0 22px;font-size:17px;line-height:1.4;color:var(--ink)}
.stop-signal p{margin:0}
.stop-signal strong{font-weight:800}
.stop-ic{font-size:20px;line-height:1.2}
/* Skola2030 */
.joma{font-size:12px;padding:3px 8px;border-radius:999px;background:#EEF3F8;color:#4A5B70;font-weight:600}
details.skola2030{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 12px var(--shadow)}
details.skola2030 summary{cursor:pointer;padding:14px 16px;font-weight:700;color:#4A5B70;min-height:48px;
  list-style:none;display:flex;align-items:center;justify-content:space-between}
details.skola2030 summary::-webkit-details-marker{display:none}
details.skola2030 summary::after{content:"▾";color:var(--muted);transition:transform .15s}
details.skola2030[open] summary::after{transform:rotate(180deg)}
.sk-body{padding:0 16px 14px;font-size:15px}
.sk-body h3{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 0 4px}
.sk-body ul{margin:0;padding-left:18px}.sk-body p{margin:0}
/* A4 worksheets */
.print-sub{font-size:14px;font-weight:700;margin:4px 0 8px;color:var(--ink)}
.print-card .print-preview{position:relative}
.a4-grid .print-preview{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center}
.a4-grid .print-preview img{width:100%;height:100%;max-height:none;object-fit:contain}
.badge.a4-badge{position:absolute;top:6px;left:6px;background:#FFD54A;color:#2E3A4D;z-index:1}
.print-dl{display:flex;gap:6px}
.print-dl .dl-btn{flex:1;min-height:40px;padding:8px 10px;font-size:13px}
.print-pdf{box-shadow:0 2px 0 #1a7fd6}
/* Skola2030 badge after title (last word + badge glued, never wraps alone) */
.t-nw{white-space:nowrap}
.s2030{display:inline-block;font-family:Nunito,"Segoe UI",Roboto,system-ui,sans-serif;font-weight:700;
  font-size:11px;line-height:1.4;color:#2B9FFF;background:#EAF5FF;padding:1px 6px;border-radius:6px;
  margin-left:6px;vertical-align:middle}
h1 .s2030{font-size:13px}
