:root{
  /* Scrollah v3 · "Tekhelet & Parchment". tekhelet = the Torah's own blue thread. */
  --bg:#F6F1E7;--paper:#FBF8F1;--card:#FFFFFF;--ink:#12152E;--ink-2:#353956;--muted:#656983;--line:#E3DBC9;--line-2:#EEE7D9;
  --em:#2E3ED0;--em-2:#2231B3;--em-soft:#E8EAFB;--em-ink:#FFFFFF;
  --gold:#9A5F0C;--gold-2:#F2B33D;--gold-soft:#FBEFD2;--danger:#B4372A;--danger-soft:#FBE4DF;
  --pom:#E0503A;--pom-soft:#FCE6E0;--night:#0E1236;--night-2:#1B2056;--parch:#F3EBDD;
  --shadow:0 1px 1px rgba(18,21,46,.04),0 6px 20px rgba(18,21,46,.06);--shadow-lg:0 2px 4px rgba(18,21,46,.05),0 22px 50px rgba(18,21,46,.13);
  --r:22px;--r-sm:16px;--r-xs:11px;
  --ui:"Instrument Sans",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;
  --serif:"Instrument Serif","Iowan Old Style",Georgia,serif;--read:"Frank Ruhl Libre",Georgia,"Times New Roman",serif;--heb:"Frank Ruhl Libre","SBL Hebrew","Times New Roman",serif;
  --ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.56,.64,1);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);
  color-scheme:light;
}
html[data-theme="dark"]{
  --bg:#0A0D27;--paper:#0F1335;--card:#151A45;--ink:#EEF0FA;--ink-2:#C8CBE6;--muted:#9195B9;--line:#272D62;--line-2:#1D2253;
  --em:#8F9BFF;--em-2:#AAB3FF;--em-soft:#1F2665;--em-ink:#0A0D27;--gold:#F2B33D;--gold-2:#F6C866;--gold-soft:#2B2643;--danger:#FF8B7A;--danger-soft:#3B1E2A;
  --pom:#FF7A63;--pom-soft:#3A1F33;--parch:#1B2056;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.28);--shadow-lg:0 2px 8px rgba(0,0,0,.4),0 24px 60px rgba(0,0,0,.5);color-scheme:dark;
}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]):not([data-theme="sepia"]){
  --bg:#0A0D27;--paper:#0F1335;--card:#151A45;--ink:#EEF0FA;--ink-2:#C8CBE6;--muted:#9195B9;--line:#272D62;--line-2:#1D2253;
  --em:#8F9BFF;--em-2:#AAB3FF;--em-soft:#1F2665;--em-ink:#0A0D27;--gold:#F2B33D;--gold-2:#F6C866;--gold-soft:#2B2643;--danger:#FF8B7A;--danger-soft:#3B1E2A;
  --pom:#FF7A63;--pom-soft:#3A1F33;--parch:#1B2056;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.28);--shadow-lg:0 2px 8px rgba(0,0,0,.4),0 24px 60px rgba(0,0,0,.5);color-scheme:dark;}}
html[data-theme="sepia"]{
  --bg:#F1E6CF;--paper:#F6EDD9;--card:#FAF3E2;--ink:#33281C;--ink-2:#4A3D2D;--muted:#6C5D49;--line:#DCCBAA;--line-2:#E7DABF;
  --em:#33439E;--em-2:#283683;--em-soft:#E3E1DA;--em-ink:#FFFFFF;--gold:#8A5A12;--gold-2:#C99A45;--gold-soft:#EEDDB8;--pom:#C4452F;--pom-soft:#F1D9C8;--parch:#EADBBD;
  --shadow:0 1px 2px rgba(58,46,33,.06),0 8px 24px rgba(58,46,33,.07);color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 var(--ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-feature-settings:'ss01','cv11'}
img,svg,canvas{display:block;max-width:100%}
a{color:var(--em);text-underline-offset:2px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid color-mix(in srgb,var(--em) 70%,transparent);outline-offset:2px;border-radius:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:10px;z-index:100}
.skip:focus{left:8px}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;line-height:1.05;margin:0 0 .4em}
h3,h4{font-family:var(--ui);font-weight:600;letter-spacing:-.01em;line-height:1.25;margin:0 0 .4em}
h1 em,h2 em,.serif-i{font-style:italic}
.he,[lang="he"]{font-family:var(--heb);direction:rtl;unicode-bidi:isolate}
.eyebrow{font:600 13px/1.2 var(--ui);letter-spacing:.02em;color:var(--em);margin:0 0 8px}
.muted{color:var(--muted)}.small{font-size:15px}.tiny{font-size:13px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:16px;border:1px solid transparent;font-weight:600;font-size:17px;letter-spacing:-.005em;text-decoration:none;transition:transform .15s var(--ease),background .2s,box-shadow .2s,opacity .2s;-webkit-tap-highlight-color:transparent;white-space:nowrap}
.btn:active{transform:scale(.96)}
.btn-primary{background:var(--em);color:var(--em-ink);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 8px 22px color-mix(in srgb,var(--em) 26%,transparent)}
.btn-primary:active{box-shadow:inset 0 -1px 0 rgba(0,0,0,.18),0 2px 8px color-mix(in srgb,var(--em) 22%,transparent);transform:translateY(2px) scale(.98)}
.btn-night{background:var(--night);color:#fff}.btn-night:hover{background:var(--night-2)}
.btn-primary:hover{background:var(--em-2)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{background:var(--line-2)}
.btn-soft{background:var(--em-soft);color:var(--em)}
.btn-gold{background:var(--gold-soft);color:var(--gold)}
.btn-block{width:100%}
.btn-sm{min-height:40px;padding:0 16px;font-size:15px;border-radius:12px}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.5;pointer-events:none}
.brand{display:inline-flex;align-items:center;gap:9px;font:400 27px/1 var(--serif);letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.logo{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#2E3ED0 url(/icons/mark.svg) center/100% no-repeat;color:transparent;font-size:0;flex:none;box-shadow:inset 0 -2px 0 rgba(0,0,0,.14)}
.card{background:var(--card);border:0;border-radius:var(--r);box-shadow:var(--shadow)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--line-2);color:var(--ink-2);font-size:13px;font-weight:600}
.pill.em{background:var(--em-soft);color:var(--em)}.pill.gold{background:var(--gold-soft);color:var(--gold)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
