.otroci-npz{--onpz-blue:#2062ba;--onpz-dark:#19324a;--onpz-bg:#f4f8fd;--onpz-line:#dbe5f1;--onpz-mute:#516578;font-family:inherit;color:var(--onpz-dark);max-width:100%;box-sizing:border-box}
.otroci-npz *{box-sizing:border-box}.otroci-npz button,.otroci-npz input,.otroci-npz select,.otroci-npz textarea{font:inherit}.otroci-npz .onpz-hero{padding:clamp(20px,3.5vw,38px);background:linear-gradient(125deg,#eef6ff,#f5fffb);border:1px solid #d9e8f6;border-radius:22px;margin:0 0 22px}.otroci-npz .onpz-hero h2{font-size:clamp(27px,3vw,36px);margin:5px 0 9px;line-height:1.2}.otroci-npz .onpz-hero p{margin:0;color:var(--onpz-mute);max-width:760px}.otroci-npz .onpz-eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--onpz-blue)}
.otroci-npz .onpz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.otroci-npz .onpz-card{padding:24px 20px;border:1px solid var(--onpz-line);border-radius:18px;background:#fff;box-shadow:0 4px 16px rgba(12,47,76,.045);min-width:0}.otroci-npz .onpz-card h3{font-size:21px;line-height:1.25;margin:12px 0}.otroci-npz .onpz-card p{font-size:15px;color:var(--onpz-mute);margin-bottom:16px}.otroci-npz .onpz-emblem{display:inline-grid;place-items:center;border-radius:12px;width:55px;height:55px;background:#e7f2ff;font-size:26px;font-weight:800;color:var(--onpz-blue)}.otroci-npz .onpz-card:nth-child(2) .onpz-emblem{background:#e9f8ec;color:#25804c}.otroci-npz .onpz-card:nth-child(3) .onpz-emblem{background:#fff2e5;color:#b16b23}
.otroci-npz .onpz-btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;border:2px solid var(--onpz-blue);border-radius:11px;padding:9px 17px;background:var(--onpz-blue);color:#fff!important;text-decoration:none!important;font-weight:750;cursor:pointer;text-align:center;line-height:1.3;max-width:100%}.otroci-npz .onpz-btn:hover{filter:brightness(.94)}.otroci-npz .onpz-btn.secondary{background:#fff;color:var(--onpz-blue)!important}.otroci-npz .onpz-btn.tertiary{border-color:#d2deed;background:#f7fafe;color:#234e7b!important}.otroci-npz .onpz-btn:disabled{cursor:not-allowed;opacity:.5}.otroci-npz button:focus-visible,.otroci-npz input:focus-visible,.otroci-npz textarea:focus-visible,.otroci-npz select:focus-visible,.otroci-npz a:focus-visible{outline:3px solid #efb944;outline-offset:2px}.otroci-npz .onpz-actions{display:flex;flex-wrap:wrap;gap:11px;margin:18px 0}.otroci-npz .onpz-small{font-size:14px;color:var(--onpz-mute)}.otroci-npz .onpz-notice{border-left:4px solid #4a83c5;background:var(--onpz-bg);padding:14px 18px;border-radius:8px;margin:15px 0}.otroci-npz .onpz-state{padding:4px 10px;background:#f5ecda;color:#775214;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}
.otroci-npz .onpz-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--onpz-mute);margin:0 0 15px;font-size:14px}.otroci-npz .onpz-main{background:white;border:1px solid var(--onpz-line);border-radius:18px;padding:clamp(17px,3vw,30px);margin-bottom:15px}.otroci-npz .onpz-heading{margin:0 0 12px;font-size:clamp(22px,3vw,29px)}.otroci-npz .onpz-question-prompt{display:block;font-weight:700;margin:0 0 12px}.otroci-npz .onpz-field{padding:13px 0;border-bottom:1px solid #edf1f6}.otroci-npz .onpz-field:last-child{border-bottom:none}.otroci-npz .onpz-field label{font-weight:550;display:block;margin-bottom:7px}.otroci-npz input[type=number],.otroci-npz input[type=text],.otroci-npz select,.otroci-npz textarea{border:1.5px solid #b9cade;border-radius:9px;background:#fff;color:#142b41;padding:10px 12px;min-height:44px;max-width:100%}.otroci-npz input[type=text]{width:min(220px,100%)}.otroci-npz textarea{display:block;width:100%;min-height:110px}.otroci-npz .onpz-radio label{font-weight:500;display:flex;align-items:center;gap:8px;padding:8px 4px}.otroci-npz .onpz-radio input{min-width:18px;min-height:18px}.otroci-npz .onpz-align-items{display:grid;grid-template-columns:1fr minmax(110px,170px);gap:12px;align-items:center;margin:9px 0}.otroci-npz .onpz-progress{height:12px;overflow:hidden;border-radius:10px;background:#e4eef7;margin:9px 0 8px}.otroci-npz .onpz-progress-inner{height:100%;background:#329b85;transition:width .25s}.otroci-npz .onpz-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.otroci-npz .onpz-bar strong{font-size:14px}.otroci-npz .onpz-metadata{display:flex;flex-wrap:wrap;gap:12px;color:var(--onpz-mute);font-size:14px;margin:9px 0}.otroci-npz .onpz-figure{max-width:280px;margin:14px auto;border:1px solid #dde8f2;padding:16px;border-radius:12px}.otroci-npz .onpz-figure svg{max-width:100%;height:auto;display:block}.otroci-npz .onpz-data-table{width:100%;max-width:350px;border-collapse:collapse;margin:12px 0}.otroci-npz .onpz-data-table th,.otroci-npz .onpz-data-table td{border:1px solid #cad9e8;padding:8px;text-align:left}.otroci-npz .onpz-data-table th{background:#eff6fd}.otroci-npz .onpz-note{font-size:13px;color:var(--onpz-mute);margin:8px 0}.otroci-npz .onpz-score{font-size:clamp(28px,4vw,43px);font-weight:800;color:var(--onpz-blue)}.otroci-npz .onpz-result-list{display:grid;gap:14px}.otroci-npz .onpz-feedback{padding:16px;border:1px solid var(--onpz-line);border-radius:13px;background:#fff}.otroci-npz .onpz-feedback h4{margin:0 0 10px;font-size:18px}.otroci-npz .onpz-feedback details summary{cursor:pointer;font-weight:650;margin:8px 0}.otroci-npz .onpz-feedback p{font-size:14px;margin:4px 0}.otroci-npz .onpz-stat{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center}.otroci-npz .onpz-topic-badge{display:inline-block;background:#eef4fa;border-radius:7px;padding:3px 8px;color:#475f78;font-size:12px}.otroci-npz .onpz-good{color:#176b39;font-weight:700}.otroci-npz .onpz-bad{color:#9b471f;font-weight:700}.otroci-npz .onpz-manual{padding:12px;background:#fff8e9;border-radius:9px;margin:10px 0;border:1px solid #f3dfb9}.otroci-npz .onpz-links a{overflow-wrap:anywhere}.otroci-npz .onpz-divider{height:1px;background:var(--onpz-line);margin:20px 0}
@media (max-width:850px){.otroci-npz .onpz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.otroci-npz .onpz-grid{grid-template-columns:1fr}.otroci-npz .onpz-card{padding:19px}.otroci-npz .onpz-align-items{grid-template-columns:1fr}.otroci-npz .onpz-btn{width:100%}.otroci-npz .onpz-actions{flex-direction:column}}
@media (prefers-reduced-motion:reduce){.otroci-npz .onpz-progress-inner{transition:none}}

.otroci-npz .onpz-reading{background:#f7fbff;border:1px solid #cbdff1;border-radius:14px;padding:12px 18px;margin:14px 0 22px}.otroci-npz .onpz-reading summary{cursor:pointer;font-weight:800;color:#174e8a;padding:5px 0;font-size:16px}.otroci-npz .onpz-reading p{font-size:16px;line-height:1.8;margin:15px 0}.otroci-npz .onpz-manual p{line-height:1.6}.otroci-npz .onpz-manual select{width:min(240px,100%)}

/* NPZ: jasno pojasnilo tretjega predmeta, omejeno samo na rubriko */
.otroci-npz .onpz-third-panel{border:1px solid var(--onpz-line);background:#f7fbff;border-radius:18px;padding:clamp(20px,3vw,30px);margin:18px 0 20px}
.otroci-npz .onpz-third-panel h3{font-size:clamp(20px,2.6vw,26px);margin:12px 0}
.otroci-npz .onpz-third-panel p{margin:10px 0;line-height:1.65}
.otroci-npz .onpz-third-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 28px;padding-left:24px;margin:12px 0 20px}
.otroci-npz .onpz-third-list li{padding:3px 0;overflow-wrap:anywhere}
@media(max-width:600px){.otroci-npz .onpz-third-list{grid-template-columns:1fr}}

/* Pri štirih predmetih v 6. razredu: pregledna mreža 2 × 2. */
@media(min-width:601px){.otroci-npz .onpz-grid.onpz-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Izbira glasu in rezervni zvočni posnetki za tuje jezike. */
.otroci-npz .onpz-voice-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:end;margin:15px 0 0}
.otroci-npz .onpz-voice-controls label{font-weight:650;font-size:14px}
.otroci-npz .onpz-voice-controls select{display:block;width:100%;margin-top:6px}
.otroci-npz .onpz-audio-backup{border-top:1px solid #d1e2f1;margin-top:15px;padding-top:11px}
.otroci-npz .onpz-audio-backup summary{cursor:pointer;font-weight:700;color:#245e9b}
@media(max-width:680px){.otroci-npz .onpz-voice-controls{grid-template-columns:1fr}}