/* יום-יומי · "הסדר שלי" (v20261011) — רקע לבן תמיד, צבעי האתר
   הגופן של הטקסט: משתני הקורא (assets/css/reader-fonts.css + reader-config.js) */
:root {
  --sd-ui: 'Rubik', 'RD Heebo', 'Heebo', system-ui, Arial, sans-serif;
  --sd-text: var(--rd-font-pick, var(--rd-font-default, 'RD Heebo')), 'RD Heebo', 'Heebo', 'Arial Hebrew', Arial, sans-serif;
  --sd-primary: #E70F57; --sd-primary-sh: #B30A43; --sd-soft: #FDE7EF;
  --sd-navy: #15203A; --sd-gold: #D4A843; --sd-gold-soft: #FBF3DF; --sd-green: #2FBF84;
  --sd-ink: #2B2F3A; --sd-mut: #6B7385; --sd-line: #E5E7EB; --sd-surface: #F6F7F9;
}
html, body.sd-body { background: #fff !important; }
body.sd-body { margin: 0; font-family: var(--sd-ui); color: var(--sd-ink); -webkit-font-smoothing: antialiased; }
.sd-body * { box-sizing: border-box; }
.sd-body button, .sd-body input, .sd-body select, .sd-body textarea { font-family: inherit; }
.sd-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sd-noscroll { overflow: hidden; }
.sd-mut { color: var(--sd-mut); } .sd-mut.sm, .sm.sd-mut { font-size: .85rem; }

/* ── כותרת ולשוניות ── */
.sd-top { position: sticky; top: 0; z-index: 20; background: #fff; border-bottom: 1px solid var(--sd-line);
  display: flex; align-items: center; gap: 14px; padding: 10px max(16px, calc((100vw - 1040px) / 2)); }
.sd-logo { font-weight: 800; font-size: 1.3rem; color: var(--sd-primary); text-decoration: none; }
.sd-ttl { display: flex; flex-direction: column; line-height: 1.15; } .sd-ttl b { font-size: 1.02rem; } .sd-ttl span { font-size: .75rem; color: var(--sd-mut); }
.sd-tabs { display: flex; gap: 4px; margin-inline-start: auto; }
.sd-tab { display: flex; align-items: center; gap: 6px; border: 0; background: none; color: var(--sd-mut); font-weight: 700; font-size: .95rem; padding: 9px 12px; border-radius: 12px; cursor: pointer; }
.sd-tab:hover { background: var(--sd-surface); } .sd-tab.on { background: var(--sd-soft); color: var(--sd-primary); }
.sd-gear { border: 0; background: var(--sd-surface); width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--sd-ink); cursor: pointer; }
@media (max-width: 760px) {
  .sd-tabs { position: fixed; bottom: 0; inset-inline: 0; z-index: 30; background: #fff; border-top: 1px solid var(--sd-line); justify-content: space-around; padding: 4px 4px calc(4px + env(safe-area-inset-bottom)); margin: 0; }
  .sd-tab { flex-direction: column; gap: 2px; font-size: .7rem; padding: 6px 4px; flex: 1; }
  .sd-ttl { margin-inline-start: auto; } .sd-top { padding: 8px 14px; }
  .sd-main { padding-bottom: 90px !important; }
}

/* ── תוכן ── */
.sd-main { max-width: 760px; margin: 0 auto; padding: 18px 16px 60px; }
.sd-card { background: #fff; border: 2px solid var(--sd-line); border-radius: 20px; padding: 18px; margin: 0 0 16px; }
.sd-card h2 { margin: 0 0 10px; font-size: 1.2rem; }
.sd-card-h { display: flex; align-items: baseline; gap: 10px; margin-bottom: 10px; } .sd-card-h h2 { margin: 0; } .sd-card-h span { color: var(--sd-mut); font-size: .9rem; }
.sd-card-h .sd-link { margin-inline-start: auto; }
.sd-link { border: 0; background: none; color: var(--sd-primary); font-weight: 700; cursor: pointer; font-size: .92rem; text-decoration: none; padding: 4px; }
.sd-link.red { color: #c0392b; }
.sd-back { margin: 0 0 10px; } .sd-back a { color: var(--sd-mut); text-decoration: none; font-weight: 600; }
.sd-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.sd-btn { --c: var(--sd-primary); --cs: var(--sd-primary-sh); appearance: none; border: 0; border-radius: 16px; padding: 12px 20px; min-height: 46px; font-weight: 700; font-size: 1rem; cursor: pointer;
  background: var(--c); color: #fff; box-shadow: 0 4px 0 var(--cs); display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; transition: transform .08s, box-shadow .08s; }
.sd-btn:active { transform: translateY(3px); box-shadow: 0 1px 0 var(--cs); }
.sd-btn.big { width: 100%; min-height: 56px; font-size: 1.1rem; margin-top: 14px; }
.sd-btn.line { background: #fff; color: var(--sd-ink); border: 2px solid var(--sd-line); box-shadow: 0 3px 0 var(--sd-line); }
.sd-btn.sm { min-height: 36px; padding: 6px 14px; font-size: .88rem; border-radius: 12px; box-shadow: 0 3px 0 var(--cs); }
.sd-btn.sm.line { box-shadow: 0 2px 0 var(--sd-line); }
.sd-btn[disabled] { background: var(--sd-line); color: #9aa1ad; box-shadow: none; cursor: default; }
.sd-chips { display: flex; gap: 8px; flex-wrap: wrap; margin: 6px 0; }
.sd-chips button { border: 2px solid var(--sd-line); background: #fff; border-radius: 999px; padding: 7px 14px; font-weight: 700; font-size: .9rem; cursor: pointer; color: var(--sd-ink); }
.sd-chips button.on { border-color: var(--sd-primary); background: var(--sd-soft); color: var(--sd-primary); }
.sd-search, .sd-field input, .sd-field select, .sd-sheet input[type=text] { width: 100%; border: 2px solid var(--sd-line); border-radius: 14px; padding: 11px 14px; font-size: 1rem; background: #fff; }
.sd-search:focus, .sd-field input:focus { outline: none; border-color: #F4A0BD; }
.sd-field { display: block; margin: 0 0 14px; } .sd-field span { display: block; font-weight: 700; font-size: .9rem; margin-bottom: 6px; }
.sd-tag { display: inline-block; background: var(--sd-gold-soft); color: #8A6A1D; border-radius: 999px; padding: 1px 9px; font-size: .75rem; font-weight: 700; }
.sd-tag.sh { background: #eaf3ff; color: #2a62a8; }
.sd-bar { display: block; height: 7px; background: var(--sd-surface); border-radius: 9px; overflow: hidden; margin-top: 6px; }
.sd-bar i { display: block; height: 100%; width: 0; background: var(--c, var(--sd-green)); border-radius: 9px; transition: width .4s; }

/* ── היום ── */
.sd-hero { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 6px 0 10px; }
.sd-hero h1 { margin: 0; font-size: 1.6rem; } .sd-hero p { margin: 2px 0 0; color: var(--sd-mut); }
.sd-streak { display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; column-gap: 6px; align-items: center; background: var(--sd-surface); border-radius: 18px; padding: 10px 14px; filter: grayscale(1); opacity: .75; }
.sd-streak.lit { background: #FFF1DE; filter: none; opacity: 1; }
.sd-streak .fl { grid-row: span 2; font-size: 1.9rem; } .sd-streak b { font-size: 1.4rem; line-height: 1; color: #E07400; } .sd-streak small { font-size: .72rem; color: var(--sd-mut); }
.sd-week { display: flex; justify-content: space-between; gap: 6px; margin: 0 0 16px; padding: 10px 12px; border: 2px solid var(--sd-line); border-radius: 18px; }
.sd-wd { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: .78rem; color: var(--sd-mut); flex: 1; }
.sd-wd i { font-style: normal; font-weight: 700; } .sd-wd b { width: 26px; height: 26px; border-radius: 50%; background: var(--sd-surface); display: flex; align-items: center; justify-content: center; }
.sd-wd.on b { background: #FF8A00; } .sd-wd.on b::after { content: '✓'; color: #fff; font-size: .8rem; }
.sd-wd.rest b { background: #EEF1F6; } .sd-wd.rest b::after { content: '🕯'; font-size: .7rem; }
.sd-wd.today i { color: var(--sd-primary); } .sd-wd.today b { box-shadow: 0 0 0 2px var(--sd-primary); }
.sd-items { display: flex; flex-direction: column; gap: 8px; }
.sd-item { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 16px; background: #fff; border: 2px solid var(--sd-line); }
.sd-item.done { background: #F2FBF6; border-color: #CDEFDD; }
.sd-item.soon { opacity: .6; }
.sd-dot { width: 34px; height: 34px; border-radius: 50%; background: var(--c); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; flex: none; }
.sd-item.done .sd-dot { background: var(--sd-green); }
.sd-it-b { flex: 1; min-width: 0; } .sd-it-b b { display: block; font-size: 1.02rem; }
.sd-where { display: block; color: var(--sd-mut); font-size: .84rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sd-min { font-weight: 700; color: var(--sd-mut); font-size: .88rem; white-space: nowrap; }
.sd-go { border: 0; background: var(--sd-soft); color: var(--sd-primary); font-weight: 800; border-radius: 12px; padding: 8px 12px; cursor: pointer; }
.sd-item.done .sd-go { background: var(--sd-surface); color: var(--sd-mut); }
.sd-empty p { color: var(--sd-mut); line-height: 1.7; }
.sd-tpls { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; margin-top: 10px; }
.sd-tpl { text-align: start; border: 2px solid var(--sd-line); background: #fff; border-radius: 16px; padding: 14px; cursor: pointer; display: flex; flex-direction: column; gap: 4px; }
.sd-tpl:hover { border-color: #F4A0BD; } .sd-tpl.sure { border-color: var(--sd-primary); background: var(--sd-soft); }
.sd-tpl b { font-size: 1.02rem; color: var(--sd-ink); } .sd-tpl span { font-size: .85rem; color: var(--sd-mut); line-height: 1.5; } .sd-tpl small { font-size: .78rem; color: #8A6A1D; font-weight: 700; margin-top: 4px; }
.sd-promo { display: flex; align-items: center; gap: 14px; justify-content: space-between; background: var(--sd-gold-soft); border-radius: 20px; padding: 16px 18px; flex-wrap: wrap; }
.sd-promo b { display: block; } .sd-promo span { font-size: .88rem; color: #6b5a2c; }
.sd-chv-mini { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--sd-line); }
.sd-chv-mini:first-of-type { border-top: 0; } .sd-chv-mini > div { flex: 1; } .sd-chv-mini b { display: block; } .sd-chv-mini span { font-size: .85rem; color: var(--sd-mut); }

/* ── עריכת הסדר ── */
.sd-edit { display: flex; flex-direction: column; gap: 8px; }
.sd-er { display: flex; align-items: center; gap: 10px; padding: 10px; border: 2px solid var(--sd-line); border-inline-start: 6px solid var(--c); border-radius: 16px; }
.sd-mv { display: flex; flex-direction: column; gap: 2px; } .sd-mv button { border: 0; background: var(--sd-surface); width: 30px; height: 22px; border-radius: 7px; font-size: .62rem; cursor: pointer; color: var(--sd-mut); }
.sd-mv button[disabled] { opacity: .35; cursor: default; }
.sd-er-b { flex: 1; min-width: 0; } .sd-er-b b { display: block; } .sd-er-b em { font-style: normal; font-size: .72rem; background: var(--sd-gold-soft); color: #8A6A1D; padding: 1px 7px; border-radius: 999px; }
.sd-from { border: 0; background: none; padding: 2px 0; color: var(--sd-mut); font-size: .84rem; cursor: pointer; text-align: start; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.sd-from:hover { color: var(--sd-primary); }
.sd-step { display: flex; align-items: center; gap: 4px; } .sd-step button { width: 32px; height: 32px; border-radius: 10px; border: 2px solid var(--sd-line); background: #fff; font-size: 1.1rem; font-weight: 700; cursor: pointer; }
.sd-step b { min-width: 26px; text-align: center; font-size: 1.05rem; } .sd-step small { color: var(--sd-mut); font-size: .72rem; margin-inline-end: 2px; }
.sd-rm { border: 0; background: none; color: #b8bec9; font-size: 1rem; cursor: pointer; padding: 6px; } .sd-rm:hover { color: #c0392b; }
.sd-total { margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--sd-line); } .sd-total > span { font-weight: 700; } .sd-total small { color: var(--sd-mut); font-size: .8rem; }
@media (max-width: 480px) { .sd-er { flex-wrap: wrap; } .sd-er-b { flex-basis: calc(100% - 90px); } .sd-step { margin-inline-start: 40px; } }

/* ── גיליונות (בחירת ספר / פרק) ── */
.sd-sheet input[type=text] { margin-bottom: 10px; }
.sd-pick-c h4 { margin: 14px 2px 6px; font-size: .85rem; color: var(--sd-mut); }
.sd-pick-b { width: 100%; display: grid; grid-template-columns: 1fr auto; text-align: start; border: 2px solid var(--sd-line); background: #fff; border-radius: 14px; padding: 10px 12px; margin-bottom: 6px; cursor: pointer; }
.sd-pick-b b { font-size: .98rem; } .sd-pick-b span { grid-column: 1; font-size: .8rem; color: var(--sd-mut); }
.sd-pick-b i { grid-row: 1 / span 2; grid-column: 2; align-self: center; font-style: normal; font-weight: 800; color: var(--sd-primary); font-size: 1.3rem; }
.sd-pick-b.has { border-color: #CDEFDD; background: #F2FBF6; } .sd-pick-b.has i { color: var(--sd-green); }
.sd-pick-b[hidden], .sd-pick-c[hidden], .sd-leafs [hidden] { display: none; }
.sd-leafs { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; max-height: 52vh; overflow: auto; }
.sd-leafs button { border: 1px solid var(--sd-line); background: #fff; border-radius: 10px; padding: 8px 10px; text-align: start; font-size: .88rem; cursor: pointer; }
.sd-leafs button.cur { border-color: var(--sd-primary); background: var(--sd-soft); font-weight: 700; }
.st-acts a.sd-act-a { display: flex; align-items: center; gap: 10px; border: 1px solid #e7e9ef; background: #fff; border-radius: 14px; padding: 12px; font: 600 .95rem Rubik, Arial, sans-serif; text-decoration: none; color: #16161c; }
.st-acts a.sd-act-a i { font-style: normal; width: 22px; text-align: center; color: #9a6a08; }
.sd-code { font-size: 1rem; } .sd-code b { font-size: 1.3rem; letter-spacing: .12em; }

/* ── הספרים ── */
.sd-bks-sec h3 { margin: 18px 4px 8px; font-size: 1rem; color: var(--sd-mut); }
.sd-bks { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.sd-bk { border: 2px solid var(--sd-line); border-radius: 18px; padding: 14px; display: flex; flex-direction: column; gap: 4px; }
.sd-bk.soon { background: var(--sd-surface); opacity: .8; }
.sd-bk[hidden], .sd-bks-sec[hidden], .sd-note[hidden] { display: none; }
.sd-bk-h { display: flex; align-items: baseline; gap: 6px; justify-content: space-between; } .sd-bk-h b { font-size: 1.05rem; }
.sd-bk .sd-mut { font-size: .8rem; }
.sd-bk-p small { font-size: .8rem; color: var(--sd-mut); display: block; margin-top: 4px; }
.sd-bk-b { display: flex; gap: 8px; align-items: center; margin-top: auto; padding-top: 8px; flex-wrap: wrap; }
.sd-in { font-size: .82rem; color: var(--sd-green); font-weight: 700; }

/* ── הערות ── */
.sd-notes { display: flex; flex-direction: column; gap: 10px; }
.sd-note, .sd-feed { border: 2px solid var(--sd-line); border-inline-start: 6px solid #f2d36b; border-radius: 16px; padding: 12px 14px; }
.sd-feed { border-inline-start-color: #9cc3f2; margin-bottom: 10px; }
.sd-note.c-g { border-inline-start-color: #7fd893; } .sd-note.c-b { border-inline-start-color: #8ec0f5; } .sd-note.c-p { border-inline-start-color: #b79cf2; } .sd-note.c-r { border-inline-start-color: #f59ab8; } .sd-note.c-n { border-inline-start-color: #c58a12; }
.sd-note-m { font-size: .82rem; color: var(--sd-mut); }
.sd-note blockquote, .sd-feed blockquote { margin: 8px 0; font-family: var(--sd-text); font-size: 1.05rem; line-height: 1.7; color: var(--sd-ink); }
.sd-note p, .sd-feed p { margin: 6px 0; line-height: 1.6; }
.sd-note-b { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; font-size: .85rem; margin-top: 6px; }
.sd-note-b span { margin-inline-end: auto; }
.sd-note-b a, .sd-note-b button { border: 0; background: none; color: var(--sd-primary); font-weight: 700; cursor: pointer; text-decoration: none; padding: 2px; font-size: .85rem; }

/* ── חברותא ── */
.sd-chv-intro p { color: var(--sd-mut); line-height: 1.7; margin: 0; }
.sd-mem { list-style: none; padding: 0; margin: 0 0 4px; display: flex; flex-direction: column; gap: 8px; }
.sd-mem li { display: flex; align-items: center; gap: 10px; } .sd-mem b { flex: 1; }
.sd-av { width: 34px; height: 34px; border-radius: 50%; background: var(--sd-navy); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; }
.sd-ok { color: var(--sd-green); font-weight: 700; font-size: .85rem; }
.sd-log { list-style: none; padding: 0; margin: 0; } .sd-log li { padding: 8px 0; border-top: 1px solid var(--sd-line); font-size: .92rem; } .sd-log li:first-child { border-top: 0; }
.sd-log span { display: block; font-size: .78rem; color: var(--sd-mut); }
.sd-danger { display: flex; justify-content: space-between; border-style: dashed; }
.sd-login p { color: var(--sd-mut); line-height: 1.7; }
.sd-join { text-align: center; } .sd-big { font-size: 1.4rem; font-weight: 800; margin: 8px 0; }

/* ── מסך הלימוד ── */
.sd-ses { position: fixed; inset: 0; z-index: 50; background: #fff; display: flex; flex-direction: column; }
.sd-ses-top { display: flex; align-items: center; gap: 12px; padding: 10px max(14px, calc((100vw - 820px) / 2)); border-bottom: 1px solid var(--sd-line); }
.sd-x { border: 0; background: var(--sd-surface); width: 40px; height: 40px; border-radius: 12px; font-size: 1rem; cursor: pointer; flex: none; }
.sd-ses-t { flex: 1; min-width: 0; } .sd-ses-t b { display: block; font-size: 1.05rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sd-ses-t span { font-size: .8rem; color: var(--sd-mut); }
.sd-ses-tools { display: flex; align-items: center; gap: 4px; }
.sd-ses-tools button { border: 1px solid var(--sd-line); background: #fff; border-radius: 10px; padding: 6px 9px; font-weight: 700; font-size: .82rem; cursor: pointer; color: var(--sd-ink); }
.sd-clock { font-variant-numeric: tabular-nums; font-weight: 700; color: var(--sd-mut); font-size: .88rem; margin-inline-end: 4px; } .sd-clock.ok { color: var(--sd-green); }
.sd-ses-bar { height: 5px; background: var(--sd-surface); } .sd-ses-bar i { display: block; height: 100%; width: 0; background: var(--sd-green); transition: width .4s; }
.sd-ses-main { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 22px 18px 40px; }
.sd-text { max-width: var(--rd-w, 44rem); margin: 0 auto; font-family: var(--sd-text); font-size: var(--rd-size, 1.4rem); line-height: var(--rd-lh, 1.8); letter-spacing: var(--rd-ls, 0); color: #16161c; text-align: justify; }
[data-just="plain"] .sd-text { text-align: start; }
.sd-aa { font: 800 1rem Arial, sans-serif !important; min-width: 44px; }
.sd-text p { margin: 0 0 .85em; position: relative; }
.sd-lt { font-family: var(--sd-ui); font-size: .95rem; color: #9a6a08; text-align: center; margin: .4em 0 .8em; font-weight: 800; letter-spacing: .02em; }
.sd-lt small { font-weight: 600; color: var(--sd-mut); }
.sd-lt ~ .sd-lt { margin-top: 2em; padding-top: 1em; border-top: 2px solid #f1e6c4; }
.sd-ls { text-align: center; font-size: .82em; color: #555b68; margin: -.4em 0 1em; }
.sd-h3 { font-family: var(--sd-ui); font-size: .8rem; color: #9a6a08; margin: 1.6em 0 .6em; font-weight: 800; }
.sd-hb { font-weight: 700; text-align: center; margin: 1em 0 .4em; }
.sd-text small { font-size: .78em; color: #4a5060; }
.sd-n { font-family: var(--sd-ui); font-size: .56em; font-weight: 700; color: #9a6a08; background: #fbf5e4; border: 1px solid #ecd9a8; border-radius: 7px; padding: 0 .45em; margin-inline-end: .4em; vertical-align: .25em; cursor: pointer; line-height: 1.6; }
.sd-cont { color: var(--sd-mut); margin-inline-end: .2em; }
.sd-ses-end { max-width: var(--rd-w, 44rem); margin: 26px auto 0; display: flex; flex-direction: column; gap: 10px; text-align: center; }
.sd-ses-end .sd-btn.big { margin-top: 0; }
.sd-fin { text-align: center; padding: 40px 10px; font-family: var(--sd-ui); }
.sd-fin b { display: block; font-size: 1.5rem; margin: 10px 0; } .sd-fin p { color: var(--sd-mut); font-size: 1rem; text-align: center; }
.sd-fin-fl { font-size: 4rem; animation: sdPop .6s ease-out; }
@keyframes sdPop { 0% { transform: scale(.3); opacity: 0; } 70% { transform: scale(1.15); } 100% { transform: none; opacity: 1; } }
@media (max-width: 520px) { .sd-ses-tools button[data-nik] { display: none; } .sd-ses-main { padding: 16px 16px 40px; } }
@media (prefers-reduced-motion: reduce) { .sd-body * { animation: none !important; transition: none !important; } }
.sd-n.sd-n0 { background: transparent; border-color: transparent; color: #b9bfca; font-weight: 600; padding: 0 .25em; }
.sd-n.sd-n0:hover { border-color: #ecd9a8; color: #9a6a08; }