/* ===== MATKATARK uus visuaal: tume laud, kriit ja lambivalgus ===== */
  /* Fondid on oma failidest (kaust fonts/, samad mis MATKURis). Google Fonts ei laeta. */
  @font-face{font-family:"Archivo ET";src:url("fonts/archivo-et.woff2") format("woff2-variations"),url("fonts/archivo-et.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013-2014,U+2018-201E,U+2022,U+2026,U+20AC,U+2212}
  @font-face{font-family:"Archivo ET";src:url("fonts/archivo-et-ext.woff2") format("woff2-variations"),url("fonts/archivo-et-ext.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0160-0161,U+017D-017E}
  @font-face{font-family:"Caveat ET";src:url("fonts/caveat-et.woff2") format("woff2-variations"),url("fonts/caveat-et.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013-2014,U+2018-201E,U+2022,U+2026,U+20AC,U+2212}
  @font-face{font-family:"Caveat ET";src:url("fonts/caveat-et-ext.woff2") format("woff2-variations"),url("fonts/caveat-et-ext.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0160-0161,U+017D-017E}

  :root{
    /* põhitoonid */
    --oo:#172420; --oo-2:#1f2f29; --chalk:#efe8da;
    --glow:#f2a03a; --glow-hi:#f7b457; --rada:#b04a12;
    --paper:#f5f7f1; --ink:#1d2a22; --ink-2:#46544a; --pen:#2b3f6b;
    /* vildikad: iga teema oma toon */
    --m-kott:#f2a03a; --m-toit:#e8c25a; --m-ellu:#e07a5f; --m-loodus:#8fb573;
    /* olekud (alati koos sõnaga, mitte ainult värviga) */
    --ok:#8fb573; --warn:#f2a03a; --bad:#e07a5f;
    /* teksti astmed tumedal (kontrast vähemalt 4,5 : 1 ka kaardil) */
    --tx-1:#e3dccd; --tx-2:#cbc6b8; --tx-3:#b0ada1; --tx-4:#9c9d92; --tx-5:#92938a;
    --grid:rgba(239,232,218,.045); --grid-2:rgba(239,232,218,.08);
    --sans:"Archivo ET","Archivo",Arial,"Liberation Sans",Helvetica,sans-serif;
    --hand:"Caveat ET","Caveat","Segoe Print",cursive;
    color-scheme:dark;
  }

  /* ===== Baaslähtestus (asendab Tailwind Preflight) ===== */
  *,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgba(239,232,218,.3)}
  ::before,::after{--tw-content:''}
  html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:var(--sans);background-color:var(--oo)}
  body{margin:0;line-height:inherit;color:var(--chalk);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-color:var(--oo);
    background-image:linear-gradient(var(--grid-2) 1px,transparent 1px),linear-gradient(90deg,var(--grid-2) 1px,transparent 1px),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
    background-size:96px 96px,96px 96px,24px 24px,24px 24px}
  hr{height:0;color:inherit;border-top-width:1px}
  h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
  p,figure{margin:0}
  a{color:inherit;text-decoration:inherit}
  b,strong{font-weight:bolder}
  button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
  button,select{text-transform:none}
  button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}
  :disabled{cursor:default}
  img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
  img,video{max-width:100%;height:auto}
  input::placeholder,textarea::placeholder{opacity:1;color:var(--tx-4)}
  select option{background-color:var(--oo-2);color:var(--chalk)}
  :focus-visible{outline:2.5px solid var(--glow);outline-offset:3px;border-radius:3px}
  .overflow-hidden :focus-visible,.leht :focus-visible{outline-offset:-3px}
  [tabindex="-1"]:focus{outline:none}
  [hidden]{display:none}
  html[data-v="t"] #tab-home{display:none}

  /* Sisemised SVG-ikoonid (käsitsi joonistatud, vt ICONS) */
  i[data-ik]{display:inline-flex;align-items:center;justify-content:center;flex:none;}
  i[data-ik] > svg{width:100%;height:100%;display:block;}

  /* Ainult ekraanilugejale ja otsingumootorile (pealkiri tekstina, pilt on sõnamärk) */
  .sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

  /* Pealkiri Archivo + selle all oranž Caveat käekiri */
  .t{display:flex;flex-direction:column;gap:2px}
  .ttl{font-weight:850;font-stretch:84%;letter-spacing:.005em;line-height:1.08;color:var(--chalk);text-wrap:balance}
  .hd{font-family:var(--hand);color:var(--glow);line-height:1.05;font-size:1.45rem}
  .tema-ots .ttl{font-size:clamp(1.75rem,1.2rem + 2.4vw,2.5rem)}
  .leht .hd{color:var(--rada)}

  /* Sõnamärk ja pirn (kujud MATKURi logost, <symbol> failis ülal) */
  .wm-a{fill:var(--glow)}
  .wm-h1{margin:0;line-height:0}
  .wm-big{width:min(230px,64vw);aspect-ratio:442.2/90;height:auto;color:var(--chalk)}
  .wm-foot{width:150px;aspect-ratio:442.2/90;height:auto;color:var(--chalk);margin:0 auto}
  .matkur-brand{display:flex;flex-direction:column;align-items:center;gap:.65rem;width:max-content;max-width:100%;margin:1.75rem auto 0;color:var(--tx-4);font-size:.75rem;text-decoration:none}
  .matkur-brand img{display:block;width:180px;height:auto;max-width:100%}
  .matkur-brand:hover span{text-decoration:underline;text-underline-offset:3px}
  .matkur-brand:focus-visible{outline:2px solid var(--glow);outline-offset:6px;border-radius:4px}

  /* Numbrisisendite vaikimisi nooled peidus */
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
  input[type=number] { -moz-appearance: textfield; }

  /* Kerimisriba */
  ::-webkit-scrollbar { width: 8px; height: 8px; }
  ::-webkit-scrollbar-track { background: var(--oo); }
  ::-webkit-scrollbar-thumb { background: rgba(239,232,218,.28); border-radius: 8px; }
  ::-webkit-scrollbar-thumb:hover { background: var(--glow); }

  .fade-in { animation: fadeIn 0.35s ease forwards; }
  @keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

  /* Toast */
  #toast { box-sizing:border-box; width:max-content;max-width:calc(100% - 24px);height:auto;min-height:48px;padding-top:8px;padding-bottom:8px; transition: opacity 0.35s ease, transform 0.35s ease; opacity: 0; transform: translate(-50%, 20px); pointer-events: none; }
  #toast.show { opacity: 1; transform: translate(-50%, 0); }

  /* Kokkuklapitavad kaardid: ainult nähtav / peidus (liikumine ainult transform ja opacity) */
  .collapse-body { display: none; }
  .collapse-body.open { display: block; }
  .collapse-inner { overflow: hidden; }

  /* Mõõdiku riba: täide on laiuse järgi, ilma liikumiseta */
  .bar-fill { }

  /* Pakkimise spikri lisautiliidid */
  .mt-4{margin-top:1rem}
  .mt-8{margin-top:2rem}
  .mt-12{margin-top:3rem}
  .pt-4{padding-top:1rem}
  .pt-8{padding-top:2rem}
  .text-\[13px\]{font-size:13px}
  .break-all{word-break:break-all}
  .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
  .w-11{width:2.75rem}
  .h-11{height:2.75rem}

  /* ===== Kujud: käsitsi joonistatud kergelt kaldus nurgad ===== */
  .rounded-md{border-radius:3px 6px 4px 6px}
  .rounded-lg{border-radius:4px 8px 5px 7px}
  .rounded-xl{border-radius:4px 9px 5px 8px}
  .rounded-2xl{border-radius:6px 13px 7px 11px}

  /* ===== Värvid (uued klassid slate / emerald / amber / rose asemel) ===== */
  .text-chalk{color:var(--chalk)}
  .text-chalk-1{color:var(--tx-1)}
  .text-chalk-2{color:var(--tx-2)}
  .text-chalk-3{color:var(--tx-3)}
  .text-chalk-4{color:var(--tx-4)}
  .text-chalk-5{color:var(--tx-5)}
  .text-glow{color:var(--glow)}
  .text-sinep{color:var(--m-toit)}
  .text-korall{color:var(--bad)}
  .text-oo{color:var(--oo)}
  .text-ok{color:var(--ok)}
  .text-warn{color:var(--warn)}
  .text-bad{color:var(--bad)}
  .text-ink{color:var(--ink)}
  .text-ink-2{color:var(--ink-2)}
  .text-rada{color:var(--rada)}
  .hover\:text-korall:hover{color:var(--bad)}

  .bg-kaart{background-color:rgba(33,50,43,.88)}
  .bg-kaart-0{background-color:rgba(239,232,218,.035)}
  .bg-inset{background-color:rgba(9,16,13,.55)}
  .bg-inset-1{background-color:rgba(239,232,218,.05)}
  .bg-inset-0{background-color:rgba(239,232,218,.02)}
  .bg-glow{background-color:var(--glow)}
  .bg-glow-10{background-color:rgba(242,160,58,.12)}
  .bg-glow-80{background-color:rgba(242,160,58,.8)}
  .bg-ok{background-color:var(--ok)}
  .bg-ok-10{background-color:rgba(143,181,115,.12)}
  .bg-warn{background-color:var(--warn)}
  .bg-warn-10{background-color:rgba(242,160,58,.12)}
  .bg-bad{background-color:var(--bad)}
  .bg-korall-10{background-color:rgba(224,122,95,.13)}
  .bg-sinep-10{background-color:rgba(232,194,90,.13)}
  .bg-rada-10{background-color:rgba(176,74,18,.10)}
  .hover\:bg-hov-1:hover{background-color:rgba(239,232,218,.06)}
  .hover\:bg-hov-2:hover{background-color:rgba(239,232,218,.09)}
  .hover\:bg-glow-hi:hover{background-color:var(--glow-hi)}
  .hover\:bg-glow-10:hover{background-color:rgba(242,160,58,.12)}
  .hover\:bg-ok-10:hover{background-color:rgba(143,181,115,.12)}
  .hover\:bg-warn-10:hover{background-color:rgba(242,160,58,.12)}
  .hover\:bg-korall-10:hover{background-color:rgba(224,122,95,.13)}
  .hover\:bg-paper-hi:hover{background-color:rgba(176,74,18,.06)}

  .bd-chalk-0{border-color:rgba(239,232,218,.10)}
  .bd-chalk-1{border-color:rgba(239,232,218,.17)}
  .bd-chalk-2{border-color:rgba(239,232,218,.30)}
  .bd-chalk-3{border-color:rgba(239,232,218,.46)}
  .bd-chalk-4{border-color:rgba(239,232,218,.62)}
  .bd-glow{border-color:var(--glow)}
  .bd-glow-20{border-color:rgba(242,160,58,.24)}
  .bd-glow-30{border-color:rgba(242,160,58,.34)}
  .bd-glow-40{border-color:rgba(242,160,58,.46)}
  .bd-glow-50{border-color:rgba(242,160,58,.6)}
  .bd-ok{border-color:var(--ok)}
  .bd-ok-40{border-color:rgba(143,181,115,.5)}
  .bd-warn{border-color:var(--warn)}
  .bd-warn-40{border-color:rgba(242,160,58,.5)}
  .bd-korall-20{border-color:rgba(224,122,95,.3)}
  .bd-rada-25{border-color:rgba(176,74,18,.28)}
  .hover\:bd-chalk-4:hover{border-color:rgba(239,232,218,.62)}
  .hover\:bd-glow:hover{border-color:var(--glow)}
  .hover\:bd-glow-50:hover{border-color:rgba(242,160,58,.6)}
  .hover\:bd-ok:hover{border-color:var(--ok)}
  .hover\:bd-warn:hover{border-color:var(--warn)}
  .focus\:bd-glow:focus{border-color:var(--glow)}

  .accent-glow{accent-color:var(--glow)}
  .shadow-glow{box-shadow:0 18px 40px -10px rgba(242,160,58,.35)}

  /* Rõhutatud kokkuvõtte kaart */
  .kaart-esile{background-image:linear-gradient(135deg,rgba(242,160,58,.17),rgba(33,50,43,.88) 70%);background-color:rgba(33,50,43,.88)}

  /* Pikad tekstid heledal ruudulisel paberlehel (spikrid, ellujäämise vastused, loodushoiu kaardid) */
  .leht{position:relative;background-color:var(--paper);color:var(--ink);border-radius:3px 6px 3px 5px;
    background-image:linear-gradient(rgba(43,63,107,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(43,63,107,.07) 1px,transparent 1px);
    background-size:20px 20px,20px 20px;box-shadow:0 16px 30px -18px rgba(0,0,0,.8)}

  /* Valitud nupp (sugu, režiim) */
  .sex-pill,.mode-pill{color:var(--tx-1);min-height:48px}
  .sex-pill.sel,.mode-pill.sel{border-color:var(--glow);background-color:rgba(242,160,58,.14);color:var(--chalk)}

  /* Peamine ja teisene nupp */
  .btn-support{background-color:var(--glow);color:var(--oo)}
  .btn-support:hover{background-color:var(--glow-hi)}
  .btn-copy{border:1px solid rgba(239,232,218,.34);color:var(--tx-1)}
  .btn-copy:hover{background-color:rgba(239,232,218,.08);color:var(--chalk)}

  /* Linnukast (nupp 44 px, nähtav kast 24 px) */
  .chk{width:44px;height:44px;margin:-8px;flex:none;display:inline-flex;align-items:center;justify-content:center}
  .chk .box{width:24px;height:24px;border-width:2px;border-style:solid;border-radius:4px 6px 4px 7px;display:inline-flex;align-items:center;justify-content:center}
  .chk-row{display:flex;align-items:center;gap:10px;min-height:44px}
  .chk-row input{width:22px;height:22px;flex:none}

  /* ===== Teema päis: kitsas joon nelja täpiga ja väike pirn ===== */
  .tbar{position:sticky;top:0;z-index:30;margin-left:-.75rem;margin-right:-.75rem;padding:4px .75rem 0;background-color:rgba(23,36,32,.93);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(239,232,218,.12)}
  @media(min-width:640px){.tbar{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}
  .tbar-in{display:flex;align-items:center;gap:6px;max-width:46rem;margin:0 auto}
  .tb-h1{margin:0;flex:none;line-height:0}
  .tb-home{display:inline-flex;align-items:center;min-height:44px;padding-right:6px}
  .tb-wm{width:96px;aspect-ratio:442.2/90;height:auto;color:var(--chalk)}
  .tb-nav{position:relative;flex:1;min-width:0;height:66px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .tb-nav::before{content:"";position:absolute;left:3%;right:3%;top:62px;border-top:1.6px solid rgba(239,232,218,.34)}
  .tb-stop{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:22px;min-height:66px;color:var(--tx-2)}
  .tb-stop .ic{width:38px;height:38px;opacity:.62;transition:opacity .35s,transform .35s}
  .tb-stop:hover .ic,.tb-stop:focus-visible .ic{opacity:.85}
  .tb-stop[aria-current="page"] .ic{opacity:1;transform:scale(1.08)}
  .tb-stop[aria-current="page"]{color:var(--chalk)}
  .tb-stop:focus-visible{outline:2.5px solid var(--glow);outline-offset:-3px;border-radius:6px}
  .tb-stop .nm{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;font-weight:750;font-stretch:84%;font-size:.8rem;letter-spacing:.01em}
  .tb-bulb{position:absolute;left:0;top:0;width:18px;height:22px;pointer-events:none;z-index:2;transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform;filter:drop-shadow(0 0 6px rgba(242,160,58,.65)) drop-shadow(0 0 14px rgba(242,160,58,.3))}
  @media(min-width:720px){
    .tb-nav{height:92px}
    .tb-nav::before{top:66px}
    .tb-stop{min-height:92px}
    .tb-stop .ic{width:44px;height:44px}
    .tb-stop .nm{position:static;width:auto;height:auto;margin:6px 0 0;overflow:visible;clip:auto;white-space:nowrap}
    .tb-stop[aria-current="page"] .nm{color:var(--chalk)}
    .tb-wm{width:120px}
  }

  /* ===== Esileht: helendav pirn mööda kriidijoont ===== */
  .stage{position:relative;overflow:hidden;border-radius:8px;max-width:1000px;margin:0 auto;touch-action:manipulation;border:1px solid rgba(239,232,218,.08);
    background:radial-gradient(120% 80% at 50% 0%,rgba(242,160,58,.06),transparent 60%);padding-bottom:12px}
  .stage.on{height:620px;padding-bottom:0}
  @media(min-width:720px){.stage.on{height:460px}}
  .stage .head{position:relative;z-index:3;padding:22px 20px 0;display:flex;flex-direction:column;gap:10px;max-width:27rem}
  .stage .head p{font-size:.95rem;color:var(--tx-3)}
  .path{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;display:none}
  .stage.on .path{display:block}
  .path path{fill:none;stroke:var(--chalk);stroke-width:1.6;stroke-linecap:round;opacity:.32}
  .halo{position:absolute;left:0;top:0;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;pointer-events:none;z-index:1;will-change:transform;display:none;
    background:radial-gradient(circle,rgba(242,160,58,.30) 0,rgba(242,160,58,.12) 32%,rgba(242,160,58,.03) 55%,transparent 68%)}
  .stage.on .halo{display:block}
  .halo i{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle,rgba(242,160,58,.22),transparent 45%);animation:breath 3.2s ease-in-out infinite alternate}
  @keyframes breath{from{opacity:.35}to{opacity:1}}
  .bulb{position:absolute;left:0;top:0;width:42px;height:56px;z-index:4;pointer-events:none;will-change:transform;display:none;
    filter:drop-shadow(0 0 8px rgba(242,160,58,.7)) drop-shadow(0 0 22px rgba(242,160,58,.35))}
  .stage.on .bulb{display:block}
  .stn{position:relative;z-index:2;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 20px;color:inherit;text-align:left}
  .stage.on .stn{position:absolute;left:0;top:0;padding:0}
  .stn .dot{flex:none;width:12px;height:12px;border-radius:50%;background-color:var(--oo);border:2px solid var(--tx-2)}
  .stn .ic{flex:none;width:76px;height:76px;opacity:.62;transition:opacity .35s,transform .35s}
  .stn .ic:empty{display:none}
  .stn .ic svg{width:100%;height:100%}
  .stn .ttl{font-size:1.06rem;opacity:.82;transition:opacity .35s}
  .stn .hd{font-size:1.22rem}
  .stn.lit .ic{opacity:1;transform:scale(1.05)}
  .stn.lit .ttl{opacity:1}
  .stn.lit .dot{border-color:var(--glow);background-color:var(--glow)}
  .stn.col{flex-direction:column;text-align:center;gap:4px}
  .stn.col .t{align-items:center}
  .stn:focus-visible{outline:2.5px solid var(--glow);outline-offset:4px;border-radius:6px}

  @media (prefers-reduced-motion: reduce) {
    *,::before,::after { transition: none !important; animation: none !important; }
    .halo i{opacity:.8}
  }

  /* ===== Teemaikoonid: kriidijoon + vildikas (kujud JS-is THEME_ICONS, filtrid <defs>-is) ===== */
  .ic{flex:none;display:block;color:var(--chalk)}
  .ic:empty{display:none}
  .ic svg{width:100%;height:100%;overflow:visible}
  .tema-kop{display:flex;align-items:center;gap:14px}
  .tema-kop .ic{width:64px;height:64px}
  @media(min-width:720px){.tema-kop{gap:18px}.tema-kop .ic{width:84px;height:84px}}

  /* ===== Kritseldused: käsitsi matkadetailid (kujud JS-is DEKO). Ainult kaunistus: ei kata sisu, ei võta fookust ===== */
  .tab-panel{position:relative}
  .module-intro{max-width:52rem;margin:0 0 1.5rem;padding:1.25rem 1.5rem;border:1px solid var(--grid-2);border-radius:1rem;background:var(--oo-2);color:var(--tx-1);line-height:1.65}
  .module-intro h1{font-size:1.35rem;font-weight:800;color:var(--chalk);margin:0 0 .5rem}
  .module-intro p{margin:.5rem 0 0}
  #tab-home{--col:1000px}
  #tab-pack,#tab-food{--col:1104px}
  .route-planner{display:grid;gap:1rem;grid-template-areas:"choices" "answer" "actions"}
  .route-choices{grid-area:choices}.route-answer{grid-area:answer;align-self:start;border-top:3px solid var(--glow)}.route-actions{grid-area:actions}
  .route-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
  .route-planner select,.route-planner input{min-width:0}
  @media(min-width:768px){.route-planner{grid-template-columns:1fr 1fr;grid-template-areas:"choices answer" "actions answer";align-items:start}}
  @media(max-width:480px){.route-planner select{font-size:.84rem;padding-left:.5rem;padding-right:.2rem}}
  #tab-survival{--col:672px}
  #tab-ethics{--col:768px}
  .dk{display:block;flex:none;overflow:visible;color:var(--chalk);pointer-events:none;-webkit-user-select:none;user-select:none}
  .dk:empty{display:none}
  .dk-leek{animation:dkLeek 2.6s ease-in-out infinite}
  .dk-leek.b{animation-duration:1.9s;animation-delay:-.6s}
  @keyframes dkLeek{0%,100%{opacity:1}45%{opacity:.5}70%{opacity:.85}}
  /* pealkirja rea ja spikri pealkirja kõrval; .dk-sm ainult kitsal, .dk-md alates 720 px */
  .dk-kop{height:64px;width:auto;margin-left:auto;align-self:flex-end;opacity:.34}
  .dk-spk{height:46px;width:auto;margin:-18px 0 0 auto;align-self:flex-end;opacity:.34}
  .dk-md{display:none}
  .dk-foot{height:58px;width:auto;margin:0 auto 10px;opacity:.34}
  @media(min-width:720px){.dk-kop{height:84px}.dk-md{display:block}.dk-sm{display:none}}
  /* jalus: kitsal ekraanil sõnamärgi kohal, laual toetuse kaardist vasakul */
  .dk-foot-wrap{position:relative}
  @media(min-width:1024px){.dk-foot{position:absolute;right:calc(50% + 264px);top:96px;margin:0;height:auto;width:190px}}
  /* äärtes sisu veeru taga: kitsastel lehtedel alates 1280 px, laiadel (kalkulaatorid, esileht) alates 1440 px; laius arvutatakse vabast ruumist */
  .dk-e{display:none;position:absolute;top:var(--t,0);z-index:0;opacity:.28;height:auto;width:min(var(--wm,170px),calc(50vw - var(--col)/2 - 56px))}
  .dk-l{right:calc(50% + var(--col)/2 + 36px)}
  .dk-r{left:calc(50% + var(--col)/2 + 36px)}
  .dk-b{top:auto;bottom:6px}
  @media(min-width:1280px){.dk-e.dk-n{display:block}}
  @media(min-width:1440px){.dk-e.dk-w{display:block}}

  /* ===== Koti täituvus (kott + riba) ja taldrik: täide ainult transform ===== */
  .vis{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center}
  @media(max-width:380px){.vis{grid-template-columns:120px minmax(0,1fr)}}
  .vis svg.bag{width:100%;height:auto;overflow:visible;color:var(--chalk)}
  .vis svg.plate{width:100%;height:auto;overflow:visible;color:var(--chalk)}
  #bagSvg .fc,#kBar .fc{fill:var(--glow)}
  .bag-fill{transition:transform .7s cubic-bezier(.22,1,.36,1)}
  .sv-bar{display:block;width:100%;height:auto;color:var(--chalk)}
  .sv-fill{transform-box:fill-box;transform-origin:0 50%;transition:transform .7s cubic-bezier(.22,1,.36,1)}
  .sector{transition:transform .55s cubic-bezier(.22,1,.36,1);transform-box:view-box;transform-origin:60px 60px}
  [data-st="ok"] .fc{fill:var(--ok)}
  [data-st="warn"] .fc{fill:var(--warn)}
  [data-st="bad"] .fc{fill:var(--bad)}
  .chips{display:flex;flex-wrap:wrap;gap:6px}
  .chip{appearance:none;min-height:44px;padding:8px 13px;border-radius:4px 9px 5px 8px;border:1.5px solid rgba(239,232,218,.42);background:transparent;color:var(--chalk);cursor:pointer;
    font-weight:600;font-size:.88rem;line-height:1.2;text-align:left;display:inline-flex;align-items:center;gap:8px;max-width:100%}
  .chip[aria-checked="true"]{border-color:var(--glow);background-color:rgba(242,160,58,.14)}
  .chip[aria-checked="false"]{border-style:dashed;color:var(--tx-2)}
  .chip .box{width:14px;height:14px;flex:none;border:1.5px solid currentColor;border-radius:2px 4px 3px 4px;position:relative}
  .chip[aria-checked="true"] .box::after{content:"";position:absolute;left:3px;top:-3px;width:6px;height:11px;border:solid var(--glow);border-width:0 2.5px 2.5px 0;transform:rotate(40deg)}
  .chip .sw{width:10px;height:10px;border-radius:2px 5px 3px 5px;flex:none}
  .chip .w{color:var(--tx-3);font-variant-numeric:tabular-nums;font-weight:500}
  .krow{display:grid;grid-template-columns:6.4em minmax(0,1fr);gap:10px;align-items:center;font-size:.85rem;color:var(--tx-2)}
  .krow b{display:block;color:var(--chalk);font-weight:750}
  .krow small{display:block;font-size:.74rem;color:var(--tx-3);font-variant-numeric:tabular-nums}

  /* ===== Paigutusutiliidid (Tailwindi alamhulk, ainult paigutus ja suurused) ===== */
.-mt-0\.5{margin-top:-0.125rem}
.-mx-3{margin-left:-0.75rem;margin-right:-0.75rem}
.absolute{position:absolute}
.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.block{display:block}
.border-2{border-width:2px;border-style:solid}
.border-b{border-bottom-width:1px;border-style:solid}
.border-dashed{border-style:dashed}
.border-l{border-left-width:1px;border-style:solid}
.border-t{border-top-width:1px;border-style:solid}
.border{border-width:1px;border-style:solid}
.bottom-0{bottom:0px}
.bottom-8{bottom:2rem}
.cursor-pointer{cursor:pointer}
.fixed{position:fixed}
.flex-1{flex:1 1 0%}
.flex{display:flex}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.gap-1\.5{gap:0.375rem}
.gap-2\.5{gap:0.625rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid{display:grid}
.h-10{height:2.5rem}
.h-11{height:2.75rem}
.h-12{height:3rem}
.h-2{height:0.5rem}
.h-3\.5{height:0.875rem}
.h-3{height:0.75rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-8{height:2rem}
.h-9{height:2.25rem}
.h-full{height:100%}
.hidden{display:none}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.inline{display:inline}
.items-baseline{align-items:baseline}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.last\:border-0:last-child{border-width:0px}
.leading-relaxed{line-height:1.625}
.leading-snug{line-height:1.375}
.leading-tight{line-height:1.25}
.left-1\/2{left:50%}
.line-through{text-decoration-line:line-through}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-6xl{max-width:72rem}
.max-w-md{max-width:28rem}
.mb-0\.5{margin-bottom:0.125rem}
.mb-1\.5{margin-bottom:0.375rem}
.mb-1{margin-bottom:0.25rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.min-h-\[48px\]{min-height:48px}
.min-h-screen{min-height:100vh}
.min-w-0{min-width:0px}
.mt-0\.5{margin-top:0.125rem}
.mt-1{margin-top:0.25rem}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-6{margin-top:1.5rem}
.mx-auto{margin-left:auto;margin-right:auto}
.opacity-55{opacity:0.55}
.overflow-hidden{overflow:hidden}
.p-2\.5{padding:0.625rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.pb-24{padding-bottom:6rem}
.pb-4{padding-bottom:1rem}
.pb-5{padding-bottom:1.25rem}
.pt-6{padding-top:1.5rem}
.pt-7{padding-top:1.75rem}
.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.relative{position:relative}
.rotate-180{transform:rotate(180deg)}
.rounded-full{border-radius:9999px}
.rounded{border-radius:.25rem}
.select-none{-webkit-user-select:none;user-select:none}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.35)}
.shrink-0{flex-shrink:0}
.space-y-2 > :not([hidden]) ~ :not([hidden]){margin-top:0.5rem}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){margin-top:0.625rem}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:0.75rem}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1rem}
.space-y-5 > :not([hidden]) ~ :not([hidden]){margin-top:1.25rem}
.sticky{position:sticky}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-\[15px\]{font-size:15px}
.text-base{font-size:1rem;line-height:1.5rem}
.text-center{text-align:center}
.text-left{text-align:left}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:.75rem;line-height:1rem}
.top-0{top:0px}
.tracking-tight{letter-spacing:-0.025em}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:.15s}
.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:.15s}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w-10{width:2.5rem}
.w-12{width:3rem}
.w-3\.5{width:0.875rem}
.w-3{width:0.75rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-8{width:2rem}
.w-9{width:2.25rem}
.w-full{width:100%}
.z-30{z-index:30}
.z-50{z-index:50}
@media (min-width:640px){
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sm\:mx-0{margin-left:0px;margin-right:0px}
.sm\:px-0{padding-left:0px;padding-right:0px}
.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
}
@media (min-width:1024px){
.lg\:col-span-2{grid-column:span 2/span 2}
.lg\:col-span-3{grid-column:span 3/span 3}
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.lg\:self-start{align-self:flex-start}
.lg\:sticky{position:sticky}
.lg\:top-20{top:5rem}
}
/* Ruudustiku lapsed võivad kahaneda (kitsas telefon, 360 px) */
.grid > *,.space-y-5,.space-y-4{min-width:0}