/* SKINS-1212: בורר סקין לאתר "המורה החדש". נטען אחרי design2.css.
   5 סקינים, רק החלפת צבעים וגופנים, בלי שינוי מבנה. ברירת מחדל: העיצוב הנוכחי
   (אין data-skin ב-html = הערכים של design2.css). כללי הסקין חלים רק במצב בהיר:
   במצב כהה (data-theme="dark") העיצוב הכהה הקיים נשאר, והכפתור "מצב כהה" ממשיך לעבוד.
   דפי עבודה (body.wsbody) מוחרגים תמיד, כמו בשאר design2.css. */
html[data-skin="daf"]:where(:not(:has(>body.wsbody))):not([data-theme="dark"]){--bg:#F7F1DE;--bg-soft:#F1E8CF;--surface:#FFFDF6;--surface-2:#F3EAD2;--ink:#2B2118;--ink-soft:#6B5D4A;--line:#2B2118;--accent:#2E5E3F;--accent-ink:#FFFFFF;--accent-soft:#DCE9DC;--hl:#E9C46A;--bw:2px;--sh:7px 7px 0 var(--line);--sh-sm:4px 4px 0 var(--line);--r:16px;--r-sm:10px;--chip-bg:#FFFDF6;--hero-deco:#E9C46A;--glow:none;--dark-bg:#2B2118;--dark-ink:#F7F1DE;--link:#2E5E3F;--sep:#E0D5BC}
html[data-skin="daf"]:where(:not(:has(>body.wsbody))):not([data-theme="dark"]) body h1,html[data-skin="daf"]:where(:not(:has(>body.wsbody))):not([data-theme="dark"]) body h2,html[data-skin="daf"]:where(:not(:has(>body.wsbody))):not([data-theme="dark"]) body h3{font-family:"Frank Ruhl Libre D2","Frank Ruhl Libre",serif}
html[data-skin="laila"]:where(:not(:has(>body.wsbody))):not([data-theme="dark"]){--bg:#10182E;--bg-soft:#0D1426;--surface:#182238;--surface-2:#1E2A47;--ink:#EDF1F8;--ink-soft:#9AA7C0;--line:rgba(148,178,255,.32);--accent:#E8B84B;--accent-ink:#10182E;--accent-soft:rgba(232,184,75,.14);--hl:#E8B84B;--bw:1px;--sh:0 18px 40px rgba(2,6,23,.55),0 0 0 1px rgba(232,184,75,.08);--sh-sm:0 10px 24px rgba(2,6,23,.5);--r:16px;--r-sm:10px;--chip-bg:rgba(255,255,255,.05);--hero-deco:#E8B84B;--glow:none;--dark-bg:#0A0F1E;--dark-ink:#9AA7C0;--link:#8ECDF0;--sep:rgba(148,178,255,.18);color-scheme:dark}
html[data-skin="laila"]:where(:not(:has(>body.wsbody))):not([data-theme="dark"]) .sc-hebrew,html[data-skin="laila"]:where(:not(:has(>body.wsbody))):not([data-theme="dark"]) [data-subject],html[data-skin="laila"]:where(:not(:has(>body.wsbody))):not([data-theme="dark"]) .chipsin a{--sub-bg:rgba(255,255,255,.08)}
html[data-skin="laila"]:where(:not(:has(>body.wsbody))):not([data-theme="dark"]) body .top{background:rgba(16,24,46,.9);backdrop-filter:blur(14px)}
html[data-skin="yam"]:where(:not(:has(>body.wsbody))):not([data-theme="dark"]){--bg:#FFFFFF;--bg-soft:#F2E8D5;--surface:#FFFFFF;--surface-2:#F7F9FB;--ink:#14202E;--ink-soft:#5A6B7C;--line:#14202E;--accent:#1668B4;--accent-ink:#FFFFFF;--accent-soft:#DCEBF8;--hl:#F6D9A8;--bw:2px;--sh:7px 7px 0 var(--line);--sh-sm:4px 4px 0 var(--line);--r:14px;--r-sm:10px;--chip-bg:#FFFFFF;--hero-deco:#F2E8D5;--glow:none;--dark-bg:#14202E;--dark-ink:#DCEBF8;--link:#1668B4;--sep:#E3E8EE}
html[data-skin="gan"]:where(:not(:has(>body.wsbody))):not([data-theme="dark"]){--bg:#FFF6D8;--bg-soft:#FFEFBE;--surface:#FFFFFF;--surface-2:#FFF9E6;--ink:#33302A;--ink-soft:#7A7264;--line:#33302A;--accent:#FF6B4A;--accent-ink:#FFFFFF;--accent-soft:#FFE0D6;--hl:#FFD23F;--bw:2px;--sh:7px 7px 0 var(--line);--sh-sm:4px 4px 0 var(--line);--r:20px;--r-sm:14px;--chip-bg:#FFFFFF;--hero-deco:#12A5A0;--glow:none;--dark-bg:#33302A;--dark-ink:#FFF6D8;--link:#E4572E;--sep:#EFE3C0}
/* בורר הסקין בכותרת, ליד כפתור מצב כהה */
.skpick{display:inline-flex;align-items:center;gap:6px;margin-inline-start:10px;position:relative}
.skpick .skdot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0;flex:none}
.skpick .skdot[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:2px}
.skpick .skvote{border:var(--bw) solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-weight:800;font-size:.85rem;padding:2px 10px;cursor:pointer;min-height:2rem;white-space:nowrap}
.skpick .skvote:hover{background:var(--accent-soft)}
.skvote-panel{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:60;background:var(--surface);color:var(--ink);border:var(--bw) solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-sm);padding:10px 12px;min-width:240px;text-align:start}
.skvote-panel[hidden]{display:none}
.skvote-panel .skvh{margin:0 0 6px;font-weight:900}
.skvote-panel .skvrow{display:flex;align-items:center;gap:8px;padding:4px 0}
.skvote-panel .skvname{font-weight:700}
.skvote-panel .skvcount{margin-inline-start:auto;font-weight:800;color:var(--ink-soft);font-size:.85rem}
.skvote-panel .skvbtn{border:1.5px solid var(--line);border-radius:999px;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:800;font-size:.85rem;padding:2px 10px;cursor:pointer;white-space:nowrap}
.skvote-panel .skvbtn[disabled]{opacity:.6;cursor:default}
.skvote-panel .skvmsg{margin:8px 0 0;font-size:.85rem;color:var(--ink-soft)}
@media(max-width:640px){.skpick{gap:4px;margin-inline-start:6px}.skpick .skdot{width:20px;height:20px}.skpick .skvote .skvtxt{display:none}.skpick .skvote{padding:2px 8px}.skvote-panel{min-width:220px}}
@media print{.skpick,.skvote-panel{display:none!important}}