/* kartisim · library.css — ספריית תוכן (#/lib, library.js) and the header's "+ סט חדש" */
.libh{display:flex;align-items:center;gap:10px}.libh .ico{color:var(--teal);flex:none}
.lfil{display:grid;gap:10px;margin:12px 0 6px}
.lrow{display:flex;gap:10px;align-items:flex-start}
.lrl{flex:none;min-width:5.6em;font-weight:700;color:var(--teal2);padding-top:9px;font-size:15.5px}
.lchips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.lchip{font:inherit;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 13px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-size:15.5px;font-weight:500;cursor:pointer}
.lchip i{font-style:normal;font-size:13px;color:var(--soft);background:var(--sky2);border-radius:999px;padding:1px 8px;min-width:1.6em;text-align:center}
.lchip:hover{border-color:var(--teal)}
.lchip.on{background:var(--teal);border-color:var(--teal);color:#fff}.lchip.on i{background:rgba(255,255,255,.22);color:#fff}
.lchip.on.s-chem{background:var(--amber);border-color:var(--amber)}.lchip.on.s-phys{background:var(--blue);border-color:var(--blue)}.lchip.on.s-bio{background:var(--leaf);border-color:var(--leaf)}.lchip.on.s-tech{background:#6b5536;border-color:#6b5536}.lchip.on.s-social{background:var(--coral);border-color:var(--coral)}
.lchip:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.lsum{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 12px;font-weight:700;color:var(--soft);min-height:40px}
.lsum .lclr{min-height:40px;padding:6px 12px;display:inline-flex;gap:6px;align-items:center}
.subj.s-social{background:var(--coralbg);color:var(--coral2)}
.subj.s-pool{background:var(--sky2);color:var(--teal2)}
.lprev .mn-pqo li{align-items:flex-start}.lprev .lsay{display:block;color:var(--soft);font-size:14.5px;margin-top:2px}
.lprev .mn-pq img{max-height:300px}
.navplus{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 14px 6px 12px;margin-inline-start:6px;border-radius:999px;background:#eef8f9;border:1.5px solid #9cc7d2;color:var(--teal2);text-decoration:none;font-weight:700;font-size:15.5px;order:3;flex:none}
.navplus:hover{background:#fff;border-color:var(--teal)}.navplus .ico{flex:none}
.navplus[aria-current]{border-color:var(--teal);box-shadow:0 0 0 3px rgba(29,111,117,.18)}
body.lv .navplus{display:none}
@media (max-width:719px){.lrow{flex-direction:column;gap:4px}.lrl{padding-top:0;min-width:0}}
@media (max-width:560px){.navplus{width:44px;height:44px;padding:0;justify-content:center;margin-inline-start:4px}.navplus span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (max-width:440px){
 .top{gap:3px;padding-inline:6px}.top nav a{padding:9px 4px;font-size:14px}.navplus{width:40px;height:40px;margin-inline-start:2px}.navlive{padding:6px 7px;margin-inline-start:2px;font-size:14px}}
@media print{.navplus{display:none!important}}

.lprev .lto{display:flex;align-items:center;gap:4px;color:var(--teal2);font-size:14.5px;font-weight:500;margin-top:4px}.lprev .lto .ico{flex:none}

/* menu icons (her ask Nov 11 10:56): Lucide before each item, same colour as the text; phones show the icons alone (title + accessible name stay) */
.top nav a{gap:6px}.top nav a .ico{flex:none;width:19px;height:19px}
@media (max-width:640px){.top nav a .nl-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.top nav a{min-width:44px;justify-content:center;padding:9px 8px}.top nav a .ico{width:24px;height:24px}}
.card.set>.row{flex-wrap:nowrap;gap:6px}.card.set>.row .btn{padding-inline:13px;white-space:nowrap}.card.set>.row .btn.ghost{padding-inline:6px}.card.set>.row .btn.icob{flex:none;padding-inline:10px}
@media (min-width:860px) and (max-width:940px){.card.set>.row .btn.ghost{font-size:15.5px}}
