/* frame-older.css -- written by _build_kit/frame_older_pages.py; do not edit by hand */
:root{
  --lm-mishnayos:#2a5590; --lm-mishnayos-edge:#0f2a4d; --lm-mishnayos-tint:#e3e9f1; --lm-mishnayos-text:#2a5590; --lm-mishnayos-light:#b8cdea; --lm-mishnayos-door:#1f3654; --lm-mishnayos-stage:#173761; --lm-mishnayos-deep:#08172a; --lm-mishnayos-soft:#8f9fb1; --lm-mishnayos-soft2:#778da9; --lm-mishnayos-soft-he:#22201b; --lm-mishnayos-mid:#275088; --lm-mishnayos-mid2:#244b80;
  --lm-series:#2c7350; --lm-series-edge:#0e3a25; --lm-series-tint:#e4ede8; --lm-series-text:#2c7350; --lm-series-light:#cfedde; --lm-series-door:#1f403e; --lm-series-stage:#114029; --lm-series-deep:#082014; --lm-series-soft:#90ae91; --lm-series-soft2:#78a081; --lm-series-soft-he:#22201b; --lm-series-mid:#1f5a3d; --lm-series-mid2:#1b5338;
  --lm-chabura:#8a2636; --lm-chabura-edge:#4a111b; --lm-chabura-tint:#f0e3e5; --lm-chabura-text:#8a2636; --lm-chabura-light:#e8abb5; --lm-chabura-door:#3f2635; --lm-chabura-stage:#671a27; --lm-chabura-deep:#29090f; --lm-chabura-soft:#c4918c; --lm-chabura-soft2:#b87a79; --lm-chabura-soft-he:#22201b; --lm-chabura-mid:#8e2e3c; --lm-chabura-mid2:#852434;
  --lm-ink:#22201b;
}

/* the band: the section you are in, full width at the top of the page, in the section color */
body.mf,body.lg{--w:var(--lm-mishnayos);--w-edge:var(--lm-mishnayos-edge);--w-tint:var(--lm-mishnayos-tint)}
body.w-series{--w:var(--lm-series);--w-edge:var(--lm-series-edge);--w-tint:var(--lm-series-tint)}
body.w-chabura{--w:var(--lm-chabura);--w-edge:var(--lm-chabura-edge);--w-tint:var(--lm-chabura-tint)}
body.w-mishnayos{--w:var(--lm-mishnayos);--w-edge:var(--lm-mishnayos-edge);--w-tint:var(--lm-mishnayos-tint)}
.mf-band{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;background:var(--w);color:#fff;padding:10px 28px;margin:0;font-family:'Source Sans 3',system-ui,sans-serif;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}
/* the section label: a DARK pill (2026-10-08) -- white on a white 18% pill measured 3.93:1 on the Series green */
.mf-band .lw{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;background:rgba(0,0,0,.22);border-radius:999px;padding:4px 11px;white-space:nowrap}
.mf-band .lw a{color:#fff;text-decoration:none;display:inline-block;padding:15px 6px;margin:-15px -6px}
.mf-band .lp{font-size:16px;font-weight:700;flex:1;min-width:0}
.mf-band .lp i,.mf-band .lh i{font-style:normal;opacity:.6;margin:0 5px;font-weight:400}
.mf-band .lh{font-family:'Frank Ruhl Libre','David Libre',serif;font-size:17px;direction:rtl;white-space:nowrap}
@media (max-width:760px){.mf-band{padding:8px 14px;gap:4px 10px}.mf-band .lp{font-size:14px;flex-basis:100%;order:2}.mf-band .lh{font-size:15px;order:3}.mf-band .lw{font-size:10.5px}}
/* CLIP, NOT HIDDEN (2026-10-07). The preview's overflow:hidden made the frame a scroll container, so nothing inside
   it could stick to the screen: the rail beside the Mishnah and the player in Step-by-step view both scrolled away
   (audit_viewport, REACHABILITY [deck toggled]). clip trims the corners the same way and creates no scroll container. */
body.mf .card-frame,body.lg .lg-frame{border-top:0!important;overflow:clip}
/* the Seder color inside the band (his ask, 2026-10-07: "the six Sederim had colors") */
.mf-band .loc{display:flex;align-items:center;justify-content:space-between;gap:4px 16px;flex-wrap:wrap;flex:1;min-width:0;background:var(--sd,transparent);border-radius:10px;padding:6px 14px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.mf-band .loc .lp{flex:0 1 auto}
/* INK ON THE SEDER CHIP (his yes, 2026-10-08): white on the six Seder colors measured 2.3-3.3:1; dark ink passes 4.5:1
   on all six. Keyed on the inline --sd being a hex color, so the card AND frame_older_pages bands both match with no
   HTML change; with no Seder (--sd:transparent) the text sits on the section color and stays white. */
.mf-band .loc[style*="--sd:#"]{color:#15202b;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.12)}
@media (max-width:760px){.mf-band .loc{flex-basis:100%;padding:5px 10px}.mf-band .loc .lp{flex-basis:100%}}

/* the older pages' own frame rules (from the approved preview's legacy.css). Content untouched; only the frame, the order
   and the colors around it change. Loaded after each page's own styles. */
body.lg{background:#f3ede0!important;padding:0!important;margin:0;color:#22201b;min-height:100vh}
body.lg .page{max-width:1180px!important;margin:64px auto 40px!important;padding:0 14px!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important;width:auto!important}
.lg-frame{background:#fffdf7;border:1px solid #e6dcc6;border-radius:8px;box-shadow:0 10px 30px rgba(60,45,20,.08)}
.lg-head{padding:22px 28px 4px}
.lg-kicker{font:700 11.5px/1.3 'Source Sans 3',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6b6655;margin-bottom:4px}
.lg .mf-title{font-family:'EB Garamond','Crimson Pro',Georgia,serif;font-size:clamp(28px,3.4vw,42px);line-height:1.1;font-weight:600;color:#1c1a16;margin:2px 0 6px}
.lg .mf-topic{font-family:'Frank Ruhl Libre',serif;font-size:22px;color:#5c5545;direction:rtl;text-align:left;margin-bottom:6px}
.lg .mf-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;padding:14px 28px 22px;align-items:start}
.lg .mf-rail{display:flex;flex-direction:column;gap:14px;position:sticky;top:70px}
.lg .mf-pic{margin:0}.lg .mf-pic img{width:100%;border-radius:14px;border:1px solid #e3dcc8;display:block}
.lg-deeper{padding:4px 28px 30px;border-top:1px solid #efe7d4}
.lg .mf-gd{display:flex;flex-direction:column;gap:2px;margin:22px 0 14px}
.lg .mf-gd b{font-family:'EB Garamond',Georgia,serif;font-size:30px;font-weight:600;color:#1c1a16}
.lg .mf-gd span{font-family:'Source Sans 3',sans-serif;color:#6b6655;font-size:16px}
.lg-omer .card{margin:0!important;max-width:none!important;box-shadow:none!important;border:1px solid #e8dfc9!important;border-radius:12px!important;background:#fbf7ec!important;overflow:hidden}
.lg-omer .card .ch{background:#fbf7ec!important;color:#6b6655!important;border-bottom:1px solid #eee5cf!important;font-size:13px!important;letter-spacing:.08em}
.lg-omer .card .ch *{color:#6b6655!important}
.lg-omer .audio-card{margin:0!important;max-width:none!important}
.lg-omer .ts-card,.lg-omer .frame,.lg-omer .cases,.lg-omer .exc,.lg-omer .sec,.lg-omer .divider{max-width:none!important}
.lg-key{display:flex;flex-wrap:wrap;gap:6px 16px;padding:12px 22px;border-top:1px solid #eee5cf;font:13px 'Source Sans 3',sans-serif;color:#5c5545}
.lg-ki{display:inline-flex;align-items:center;gap:6px}.lg-ki i{width:11px;height:11px;border-radius:2px;display:inline-block}
.ct-dot{background:#1a1a1a}.cr-dot{background:#b8323a}.cp-dot{background:#2d7a3e}.ctana-dot{background:#b8902a}.cb-dot{background:#1f5fa8}.cg-dot{background:#8B4513}.cn-dot{background:#6b3a8a}.fu-dot{background:#c0399c}
.lg-purim .mishnah-band{background:#fbf7ec!important;border:1px solid #e8dfc9!important;border-radius:12px;padding:20px 26px!important}
.lg-purim .mishnah-ref{color:#6b6655!important;opacity:1!important;font-family:'Source Sans 3',sans-serif}
.lg-purim .mishnah-text-he{color:#1c1a16!important;font-size:24px!important;line-height:1.85!important}
.lg-purim .mishnah-text-he em,.lg-purim .mishnah-text-he strong,.lg-purim .mishnah-text-he span{color:#8a6417!important}
.lg-player{border:1px solid #e3dcc8;border-radius:14px;overflow:hidden;background:#fff}
.lg-player-h{background:#1b2a4a;color:#f4e9d2;font:600 16px 'EB Garamond',Georgia,serif;padding:12px 18px}
.lg-purim #px{position:static!important;inset:auto!important;width:auto!important;box-shadow:none!important;background:#fff!important;border:0!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px!important;transform:none!important;z-index:auto!important;color:#1b2a4a!important}
.lg-purim #px>span:first-child{display:none}
.lg-purim #pxb{flex:1;min-width:120px}
.lg-purim #pxtp{position:static!important;max-height:340px;overflow:auto;border-top:1px solid #eee5cf;margin:0!important;width:auto!important;box-shadow:none!important}
.lg-purim .section{max-width:none!important;padding-left:0!important;padding-right:0!important}
.lg-purim .synthesis{border-radius:12px}
.lg-purim .footer{display:none}
@media (max-width:899px){
 body.lg .page{margin-top:58px!important;padding:0 8px!important}
 .lg .mf-grid{grid-template-columns:1fr;padding:12px 14px 18px;gap:14px}
 .lg .mf-rail{position:static}
 .lg-head{padding:16px 16px 2px}.lg-deeper{padding:2px 14px 22px}
 .lg-purim .mishnah-band{padding:14px 16px!important}.lg-purim .mishnah-text-he{font-size:21px!important}
}
.lg-frame{direction:ltr;text-align:left}
.lg-frame [dir=rtl],.lg .mishnah-text-he,.lg .mf-topic,.lg .mf-band .lh{direction:rtl}
.lg .mf-topic{text-align:left}
.lg-purim .lg-deeper .section-title,.lg-purim .lg-deeper .section-subtitle{text-align:left}
.lg .mishnah-text-he,.lg-frame .he,.lg-deeper [dir=rtl]{text-align:right}
@media (max-width:899px){
 .lg-purim .lg-player{position:fixed;left:56px;right:56px;bottom:8px;z-index:40;box-shadow:0 8px 24px rgba(0,0,0,.18)}
 .lg-purim .lg-player-h{display:none}
 .lg-purim #px{padding:8px 10px!important;gap:6px}
 .lg-purim #pxtp{max-height:40vh}
 body.lg-purim{padding-bottom:80px!important}
}