/* Knjižnica Blind Magik (2026-10-04) — skupni slog za libery/*.html. Nadgradnja ../style.css. */
.kn-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;max-width:980px;margin:0 auto}
.kn-logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none}
.kn-logo span{color:var(--accent)}
.kn-nav-desno{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.kn-ovoj{max-width:980px;margin:0 auto;padding:0 1.25rem 3rem}
.kn-ozek{max-width:760px;margin:0 auto}
.kn-junak{text-align:center;padding:2.5rem 0 2rem}
.kn-junak h1{font-size:clamp(2rem,6vw,3rem);line-height:1.15;margin-bottom:.8rem}
.kn-junak p{font-size:1.08rem;line-height:1.7;color:var(--text-sec);max-width:640px;margin:0 auto 1.6rem}
.kn-nadnapis{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem}
.kn-velik-gumb{display:inline-flex;align-items:center;gap:.5rem;font-size:1.1rem;padding:.95rem 2rem;border-radius:999px}
.kn-mreza{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem}
.kn-kartica{background:var(--surface);border-radius:var(--radius);padding:1.4rem;box-shadow:0 6px 24px rgba(0,0,0,.06);text-decoration:none;color:var(--text);display:block;transition:transform .15s}
a.kn-kartica:hover{transform:translateY(-3px)}
.kn-kartica h3{font-size:1.15rem;margin:.3rem 0 .45rem}
.kn-kartica p{font-size:.92rem;line-height:1.6;color:var(--text-sec)}
.kn-ikona{font-size:1.8rem}
.kn-oznaka{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.15rem .5rem;border-radius:5px;background:rgba(224,64,251,.12);color:var(--accent)}
.kn-razdelek{margin:2.8rem 0}
.kn-razdelek > h2{font-size:1.45rem;margin-bottom:1rem}
.kn-koraki{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;counter-reset:k}
.kn-korak{background:var(--surface);border-radius:var(--radius);padding:1.2rem;position:relative}
.kn-korak::before{counter-increment:k;content:counter(k);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;margin-bottom:.5rem}
.kn-korak p{font-size:.92rem;line-height:1.55;color:var(--text-sec)}
.kn-opomba{font-size:.82rem;color:var(--text-sec);line-height:1.6}
.kn-noga{text-align:center;padding:1.5rem 1.25rem;font-size:.8rem;color:var(--text-sec)}
.kn-noga a{color:var(--text-sec);margin:0 .6rem}

/* Članek */
.kn-clanek{line-height:1.75;font-size:1.02rem}
.kn-clanek h1{font-size:clamp(1.9rem,5.5vw,2.6rem);line-height:1.2;margin:.4rem 0 .8rem}
.kn-clanek h2{font-size:1.5rem;margin:2.6rem 0 .3rem;scroll-margin-top:1rem}
.kn-clanek h3{font-size:1.15rem;margin:1.6rem 0 .5rem}
.kn-clanek p{margin:0 0 1rem}
.kn-clanek ul,.kn-clanek ol{margin:0 0 1rem 1.3rem}
.kn-clanek li{margin-bottom:.35rem}
.kn-podnaslov{font-size:1.1rem;color:var(--text-sec);font-style:italic;margin-bottom:1.2rem!important}
.kn-poglavje-st{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-top:3rem;display:block}
.kn-okvir{background:rgba(224,64,251,.07);border-left:4px solid var(--accent);border-radius:10px;padding:1rem 1.2rem;margin:1.3rem 0}
.kn-okvir strong:first-child{display:block;margin-bottom:.3rem}
.kn-naredi{background:var(--surface);border-radius:12px;padding:1rem 1.2rem;margin:1.4rem 0}
.kn-naredi h4{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}
.kn-naredi ol{margin-bottom:0}
.kn-tabela-ovoj{overflow-x:auto;margin:1rem 0 1.4rem}
.kn-tabela{width:100%;border-collapse:collapse;font-size:.92rem}
.kn-tabela th{text-align:left;background:var(--surface);padding:.6rem .7rem;border-bottom:2px solid var(--border)}
.kn-tabela td{padding:.6rem .7rem;border-bottom:1px solid var(--border);vertical-align:top}
.kn-kazalo{background:var(--surface);border-radius:var(--radius);padding:1.2rem 1.4rem;margin:1.5rem 0}
.kn-kazalo ol{margin:0 0 0 1.2rem;columns:2;column-gap:2rem}
.kn-kazalo a{color:var(--text);text-decoration:none}
.kn-kazalo a:hover{color:var(--accent)}
@media(max-width:600px){.kn-kazalo ol{columns:1}}

/* Zavihki (Kaj pričakuje ona/on) */
.kn-zavihki{display:flex;gap:.4rem;flex-wrap:wrap;margin:1rem 0}
.kn-zavihek{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:999px;padding:.5rem 1.1rem;font:600 .92rem inherit;font-family:inherit;cursor:pointer}
.kn-zavihek.aktiven{background:var(--accent);border-color:var(--accent);color:#fff}
.kn-tip{background:var(--surface);border-radius:var(--radius);padding:1.2rem 1.3rem}
.kn-tip h3{font-size:1.1rem;margin:0 0 .35rem}
.kn-tip h3 .st{color:var(--accent);font-weight:800;margin-right:.35rem}
.kn-tip .opis{font-size:.92rem;color:var(--text-sec);line-height:1.55;margin-bottom:.7rem}
.kn-tip .pric{font-size:.7rem;font-weight:700;letter-spacing:.06em;color:var(--accent);text-transform:uppercase}
.kn-tip ul{margin:.3rem 0 .7rem 1.1rem;font-size:.92rem;line-height:1.55}
.kn-tip .ne{font-size:.88rem;background:rgba(220,38,38,.07);border-radius:8px;padding:.45rem .65rem;color:#b91c1c}
.kn-skupno{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-top:1.2rem}
.kn-skupno div{background:rgba(224,64,251,.07);border-radius:10px;padding:.75rem .85rem;font-size:.88rem;line-height:1.45}
.kn-skupno b{display:block;color:var(--accent);margin-bottom:.15rem}

/* Okvirji po življenjskih obdobjih (Postani magnet za moške) + izbirnik obdobja */
.kn-obd{border-radius:12px;padding:.9rem 1.1rem;margin:1rem 0;border-left:4px solid var(--obd-c);background:var(--obd-bg)}
.kn-obd > b:first-child{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--obd-c);margin-bottom:.35rem}
.kn-obd p:last-child,.kn-obd ul:last-child{margin-bottom:0}
.kn-obd[data-obd="20"]{--obd-c:#db2777;--obd-bg:rgba(219,39,119,.06)}
.kn-obd[data-obd="30"]{--obd-c:#9333ea;--obd-bg:rgba(147,51,234,.06)}
.kn-obd[data-obd="40"]{--obd-c:#2563eb;--obd-bg:rgba(37,99,235,.06)}
.kn-obd[data-obd="50"]{--obd-c:#0d9488;--obd-bg:rgba(13,148,136,.06)}
/* Faze zveze (Kako obdržati moškega …) */
.kn-obd[data-obd="zacetek"]{--obd-c:#db2777;--obd-bg:rgba(219,39,119,.06)}
.kn-obd[data-obd="skupaj"]{--obd-c:#9333ea;--obd-bg:rgba(147,51,234,.06)}
.kn-obd[data-obd="otroci"]{--obd-c:#2563eb;--obd-bg:rgba(37,99,235,.06)}
.kn-obd[data-obd="dolgo"]{--obd-c:#0d9488;--obd-bg:rgba(13,148,136,.06)}
/* Vir strahu (Strah pred prizadetostjo) */
.kn-obd[data-obd="razhod"]{--obd-c:#db2777;--obd-bg:rgba(219,39,119,.06)}
.kn-obd[data-obd="prevara"]{--obd-c:#dc2626;--obd-bg:rgba(220,38,38,.06)}
.kn-obd[data-obd="otrostvo"]{--obd-c:#2563eb;--obd-bg:rgba(37,99,235,.06)}
.kn-obd[data-obd="samska"]{--obd-c:#0d9488;--obd-bg:rgba(13,148,136,.06)}
/* Samotest (Strah pred prizadetostjo) */
.kn-test label{display:flex;gap:.6rem;align-items:flex-start;padding:.5rem .2rem;border-bottom:1px solid var(--border);cursor:pointer;font-size:.95rem;line-height:1.5}
.kn-test input{width:18px;height:18px;margin-top:.2rem;flex-shrink:0;accent-color:var(--accent)}
.kn-obd-izbirnik{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:.6rem .8rem;margin:1rem 0;display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.kn-obd-izbirnik span{font-size:.85rem;font-weight:600;color:var(--text-sec);margin-right:.2rem}
.kn-obd-izbirnik .kn-zavihek{padding:.35rem .85rem;font-size:.85rem}

/* Sledilni list (Nov nivo) */
.kn-sledilnik{width:100%;border-collapse:collapse;font-size:.9rem}
.kn-sledilnik th,.kn-sledilnik td{border:1px solid var(--border);padding:.45rem;text-align:center}
.kn-sledilnik td:first-child,.kn-sledilnik th:first-child{text-align:left;white-space:nowrap}
.kn-sledilnik input{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}

/* Anketa */
.kn-anketa{max-width:640px;margin:0 auto;padding:1rem 0 2rem}
.kn-napredek{height:8px;background:var(--surface);border-radius:999px;overflow:hidden;margin:.5rem 0 1.6rem}
.kn-napredek div{height:100%;background:linear-gradient(90deg,#e040fb,#7c4dff);width:0;transition:width .3s}
.kn-vprasanje{background:var(--surface);border-radius:var(--radius);padding:1.6rem 1.4rem;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.kn-vprasanje .sklop{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.kn-vprasanje h2{font-size:1.25rem;line-height:1.45;margin:.5rem 0 1.2rem}
.kn-odgovori{display:grid;gap:.55rem}
.kn-odgovor{text-align:left;border:1.5px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;padding:.8rem 1rem;font:500 .98rem inherit;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.kn-odgovor:hover{border-color:var(--accent)}
.kn-odgovor.izbran{border-color:var(--accent);background:rgba(224,64,251,.1)}
.kn-anketa-nav{display:flex;justify-content:space-between;margin-top:1rem}
.kn-rez-vrstica{margin:.8rem 0}
.kn-rez-vrstica .ime{display:flex;justify-content:space-between;font-size:.92rem;font-weight:600;margin-bottom:.3rem}
.kn-rez-trak{height:10px;background:var(--surface);border-radius:999px;overflow:hidden}
.kn-rez-trak div{height:100%;border-radius:999px}
.kn-ovira{background:var(--surface);border-radius:var(--radius);padding:1.3rem 1.4rem;margin:1rem 0;border-left:5px solid var(--accent)}
.kn-ovira h3{font-size:1.15rem;margin-bottom:.4rem}
.kn-ovira p{font-size:.95rem;line-height:1.65;color:var(--text-sec);margin-bottom:.6rem}
.kn-ovira ul{font-size:.93rem;line-height:1.6;margin:0 0 .7rem 1.1rem}
.kn-beri{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;color:var(--accent);text-decoration:none;font-size:.93rem;margin-right:1rem}