@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap");
@font-face { font-family: "Taamey Frank"; src: url("fonts/TaameyFrankCLM-Medium.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Taamey David"; src: url("fonts/TaameyDavidCLM-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Stam"; src: url("fonts/StamAshkenazCLM.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Ezra SIL"; src: url("fonts/EzraSIL.ttf") format("truetype"); font-display: swap; }
:root { --bg: #f4eee2; --bg2: #faf6ee; --fg: #2b2218; --muted: #8a7a62; --rule: #e3d9c6; --card: #fffdf8;
  --klaf: #efe3c6; --gold: #a9771a; --gold-bright: #b8862a; --gold-wash: rgba(184,134,42,.14); --glow: rgba(214,160,52,.45); --ok: #3f8a52; --bad: #b0432f; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--fg); }
body { font-family: "Rubik", system-ui, sans-serif; font-size: 16px; min-height: 100vh; background: radial-gradient(1200px 700px at 50% 20%, var(--bg2), var(--bg) 70%); }
header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 36px 10px; flex-wrap: wrap; }
header h1 { margin: 0; font-family: "Stam", serif; font-weight: 400; font-size: 1.45rem; color: var(--fg); direction: rtl; }
header h1 a { color: inherit; text-decoration: none; }
header nav { display: flex; gap: 22px; }
header nav a { color: var(--muted); text-decoration: none; font-size: .95rem; padding: 6px 2px; border-bottom: 1px solid transparent; }
header nav a:hover { color: var(--fg); }
header nav a[aria-current] { color: var(--gold); border-bottom-color: var(--gold); }
main { padding: 10px 24px 80px; max-width: 980px; margin: 0 auto; }
h2 { font-weight: 400; font-size: 1.05rem; color: var(--muted); letter-spacing: .04em; margin: 30px 0 12px; }
.card { background: var(--card); border: 1px solid var(--rule); border-radius: 10px; padding: 22px 26px; box-shadow: 0 10px 30px -20px rgba(80,55,20,.35); }
label { display: block; font-size: .9rem; color: var(--muted); margin: 14px 0 6px; }
input[type=text], input[type=number], select { width: 100%; font: inherit; font-size: 1rem; background: #fff; color: var(--fg); border: 1px solid var(--rule); border-radius: 6px; padding: 9px 12px; }
input:focus, select:focus { outline: none; border-color: var(--gold); }
.row { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; }
.btn { font: inherit; font-size: 1rem; background: #fff; color: var(--gold); border: 1px solid var(--gold); border-radius: 999px; padding: 9px 22px; cursor: pointer; transition: background .2s; text-decoration: none; display: inline-block; }
.btn:hover { background: rgba(200,148,42,.12); }
.btn.solid { background: var(--gold-bright); color: #fff; border-color: var(--gold-bright); }
.btn.solid:hover { background: #c8942a; }
.btn:disabled { opacity: .4; cursor: default; }
.seg { display: inline-flex; border: 1px solid var(--rule); border-radius: 999px; overflow: hidden; }
.seg button { background: none; border: 0; color: var(--muted); padding: 7px 16px; font: inherit; cursor: pointer; }
.seg button[aria-pressed="true"] { background: var(--gold-wash); color: var(--gold); }
.muted { color: var(--muted); font-size: .9rem; }
.he { font-family: "Taamey Frank", "Ezra SIL", serif; }
.stam { font-family: "Stam", serif; }

.he, .stam, [dir=rtl] { direction: rtl; }

[hidden] { display: none !important; }