/* Jezici level test ("Test nivoa"), [jezici_test] shortcode. Scoped under .jz-test so nothing
   leaks into the theme. Port of testovi/template.html (light only, like the theme). The site
   header stays the theme's white header with logo A; the test adds no logo of its own. */
.jz-test{--surface:#FFFFFF;--sunk:#ECEEF7;--ink:#151935;--ink-2:#4A5072;--ink-3:#6B7194;--line:#E2E5F0;
  --chrome:#0B1030;--chrome-raise:#1A2052;--on-chrome:#FFFFFF;--chrome-2:#AEB6E0;
  --blue:#0F28E1;--on-blue:#FFFFFF;--blue-tint:#EBEEFF;--blue-ink:#0F28E1;
  --orange:#FA8228;--on-orange:#0B1030;--orange-tint:#FFE7D3;
  --good:#1C7A5E;--good-bg:#E3F5EC;--good-ink:#0E5A43;--bad:#B3261E;--bad-bg:#FDECEA;--bad-ink:#8F1E14;
  --shadow:0 1px 0 rgba(11,16,48,.05),0 10px 30px -18px rgba(11,16,48,.35);
  --display:'Exo 2','Trebuchet MS',system-ui,sans-serif;--body:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;
  display:block;margin:8px 0 32px;padding:clamp(14px,3vw,24px);border-radius:28px;background:#F5F6FB;color:var(--ink);
  font-family:var(--body);font-size:16px;line-height:1.55;scroll-margin-top:16px;-webkit-font-smoothing:antialiased}
.jz-test,.jz-test *{box-sizing:border-box}
.jz-test p,.jz-test h2,.jz-test h3,.jz-test ul{margin:0}
/* Low specificity (like the theme's own reset) so the component classes below set weight, size and colour. */
:where(.jz-test) button,:where(.jz-test) input{font:inherit;color:inherit}
.jz-test :focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.jz-test [tabindex="-1"]:focus{outline:none}
.jz-test i{font-style:italic}
.jz-test__app{max-width:760px;margin:0 auto}
.jz-test__loading{margin:0;padding:24px;text-align:center;color:var(--ink-2);font-weight:700}
.jz-test__card{padding:24px;border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}
.jz-test .jz-test__eyebrow{margin:0;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-ink)}
.jz-test .jz-test__h1{margin:6px 0 10px;font-family:var(--display);font-weight:900;font-size:clamp(26px,5vw,38px);line-height:1.08;color:var(--ink)}
.jz-test .jz-test__lead{margin:0;color:var(--ink-2);font-size:17px;max-width:62ch}
.jz-test .jz-test__lead--result{margin-top:14px}
.jz-test__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}
.jz-test__fact{padding:10px 12px;border-radius:14px;background:var(--sunk)}
.jz-test__fact b{display:block;font-family:var(--display);font-weight:900;font-size:22px;color:var(--ink)}
.jz-test__fact span{font-size:13px;font-weight:700;color:var(--ink-2)}
.jz-test__ladder-mini{display:flex;gap:6px;margin-top:4px}
.jz-test__ladder-mini span{flex:1;padding:8px 0;border-radius:10px;text-align:center;font-family:var(--display);font-weight:900;background:var(--blue-tint);color:var(--blue-ink)}
.jz-test__go{margin-top:18px}
.jz-test__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 22px;border-radius:14px;border:0;font-weight:800;font-size:17px;cursor:pointer;text-decoration:none;text-align:center;line-height:1.2}
.jz-test__btn--primary{background:var(--orange);color:var(--on-orange)}
.jz-test__btn--blue{background:var(--blue);color:var(--on-blue)}
.jz-test__btn--ghost{background:transparent;border:2px solid var(--line);color:var(--ink)}
.jz-test__btn--full{width:100%}
.jz-test__btn:disabled{opacity:.6;cursor:default}
.jz-test__bar{display:flex;align-items:center;gap:12px}
.jz-test__quit{width:44px;height:44px;flex:0 0 44px;border-radius:12px;border:0;background:var(--sunk);color:var(--ink-2);display:grid;place-items:center;cursor:pointer}
.jz-test__progress{flex:1;height:12px;border-radius:999px;background:var(--sunk);overflow:hidden}
.jz-test__progress i{display:block;height:100%;background:var(--orange);border-radius:inherit;transition:width .35s ease}
.jz-test__count{font-weight:800;font-size:14px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.jz-test .jz-test__kicker{margin:22px 0 6px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.jz-test__tag{padding:2px 8px;border-radius:6px;background:var(--blue-tint);color:var(--blue-ink);letter-spacing:.04em}
.jz-test .jz-test__prompt{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(21px,4.4vw,28px);line-height:1.25;color:var(--ink)}
.jz-test__listen{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding:16px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.jz-test__spk{width:72px;height:72px;border-radius:50%;border:0;background:var(--orange);color:var(--on-orange);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 6px var(--orange-tint)}
.jz-test__listen p{flex:1 1 200px;color:var(--ink-2);font-weight:600}
.jz-test__transcript{font-family:var(--display);font-weight:700;color:var(--ink)}
.jz-test__linkbtn{border:0;background:none;padding:0;color:var(--blue-ink);font-weight:800;text-decoration:underline;cursor:pointer}
.jz-test__opts{display:grid;gap:10px;margin-top:20px}
@media (min-width:560px){.jz-test__opts{grid-template-columns:1fr 1fr}}
.jz-test__opt{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 16px;border-radius:16px;border:2px solid var(--line);background:var(--surface);text-align:left;font-weight:700;font-size:17px;line-height:1.3;cursor:pointer;color:var(--ink)}
.jz-test__opt span{min-width:0}
.jz-test__opt kbd{flex:0 0 28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--sunk);color:var(--ink-3);font-family:var(--body);font-size:13px;font-weight:800}
.jz-test__opt:hover:not(:disabled){border-color:var(--blue)}
.jz-test__opt:disabled{cursor:default}
.jz-test__opt.is-ok{background:var(--good-bg);border-color:var(--good);color:var(--good-ink)}
.jz-test__opt.is-no{background:var(--bad-bg);border-color:var(--bad);color:var(--bad-ink)}
.jz-test__opt.is-dim{opacity:.5}
.jz-test__dock{position:sticky;bottom:0;margin-top:20px;padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px));background:#F5F6FB;display:flex;flex-direction:column;gap:10px}
.jz-test__fb{padding:14px 16px;border-radius:18px;border:2px solid var(--good);background:var(--good-bg);color:var(--good-ink);font-weight:700}
.jz-test__fb.is-bad{border-color:var(--bad);background:var(--bad-bg);color:var(--bad-ink)}
.jz-test .jz-test__fb p{margin:4px 0 0;color:var(--ink);font-weight:600}
.jz-test__level{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.jz-test__level-t{flex:1 1 240px;min-width:0}
.jz-test__level .jz-test__h1{margin:6px 0 0}
.jz-test__badge{width:104px;height:104px;border-radius:28px;display:grid;place-items:center;background:var(--blue);color:var(--on-blue);font-family:var(--display);font-weight:900;font-size:44px;flex:0 0 auto}
.jz-test .jz-test__rev-h{margin:28px 0 10px;font-family:var(--display);font-weight:900;font-size:21px;line-height:1.25;color:var(--ink)}
.jz-test__card .jz-test__rev-h{margin-top:20px}
.jz-test__ladder{display:grid;gap:8px}
.jz-test__rung{display:grid;grid-template-columns:44px minmax(0,1fr) 46px;gap:10px;align-items:center}
.jz-test__rung b{font-family:var(--display);font-weight:900;color:var(--ink)}
.jz-test__meter{height:14px;border-radius:999px;background:var(--sunk);overflow:hidden}
.jz-test__meter i{display:block;height:100%;border-radius:inherit;background:var(--ink-3)}
.jz-test__meter i.is-pass{background:var(--good)}
.jz-test__rung span{font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:right}
.jz-test .jz-test__note{margin:8px 0 0;font-size:14px;color:var(--ink-3)}
.jz-test .jz-test__next{margin:18px 0 0;padding:14px 16px;border-radius:16px;background:var(--orange-tint);color:var(--ink);font-weight:600}
.jz-test__next a{color:var(--blue-ink);font-weight:800}
.jz-test__mail{margin-top:22px;padding:22px;border-radius:22px;background:var(--chrome);color:var(--on-chrome)}
.jz-test .jz-test__mail h2{margin:0;font-family:var(--display);font-weight:800;font-size:22px;line-height:1.2;color:var(--on-chrome)}
.jz-test .jz-test__mail p{margin:6px 0 0;color:var(--chrome-2)}
.jz-test__form{display:grid;gap:10px;margin-top:14px}
.jz-test__form label{font-weight:700;font-size:14px}
.jz-test__form input[type=email]{min-height:52px;padding:0 16px;border-radius:12px;border:0;background:#FFFFFF;color:#151935;width:100%}
.jz-test .jz-test__consent{margin:0;font-weight:600;font-size:14px;color:var(--chrome-2)}
.jz-test__consent a{color:#FFFFFF;font-weight:800}
.jz-test .jz-test__ok{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:var(--chrome-raise);color:var(--on-chrome);font-weight:700}
.jz-test .jz-test__err{margin:0;color:#FFB4AB;font-weight:700;font-size:14px}
.jz-test__mail :focus-visible{outline-color:#FFB27A}
.jz-test__rev{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.jz-test__rev li{margin:0;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.jz-test__rev li b{display:block;color:var(--ink)}
.jz-test__rev li span{display:block;color:var(--ink-2);font-size:15px}
.jz-test__rev li em{font-style:normal;color:var(--good-ink);font-weight:700}
.jz-test__actions{display:grid;gap:10px;margin-top:22px}
@media (min-width:560px){.jz-test__actions{grid-template-columns:1fr 1fr}}
.jz-test .jz-test__foot{margin-top:28px;font-size:13px;color:var(--ink-3);text-align:center}
.jz-test__toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);padding:12px 18px;border-radius:12px;background:var(--chrome);color:var(--on-chrome);font-weight:700;z-index:30;max-width:calc(100% - 32px)}
@media (max-width:420px){.jz-test__fact b{font-size:19px}.jz-test__card{padding:18px}.jz-test__badge{width:84px;height:84px;font-size:36px;border-radius:22px}}
@media (prefers-reduced-motion:reduce){.jz-test *{animation:none!important;transition:none!important}}