:root { --teal:#0e4b4b; --gold:#e8b04b; --bg:#f7f3ee; --ink:#251f21; --ink2:#585254; --hairline:#e5ded6; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Noto Sans Hebrew", Arial, sans-serif; background:var(--bg); color:var(--ink); line-height:1.7; }
.wrap { max-width:640px; margin:0 auto; padding:0 20px 64px; }
/* top navigation */
nav.top { position:sticky; top:0; z-index:10; background:var(--bg); border-bottom:1px solid var(--hairline); }
nav.top .bar { max-width:640px; margin:0 auto; padding:10px 20px; display:flex; align-items:center; gap:8px; }
nav.top .brand { font-weight:800; color:var(--teal); font-size:17px; text-decoration:none; margin-inline-end:auto; }
nav.top a.tab { text-decoration:none; color:var(--ink2); font-size:15px; font-weight:500; padding:8px 14px; border-radius:999px; min-height:40px; display:inline-flex; align-items:center; }
nav.top a.tab[aria-current="page"] { background:var(--teal); color:#f7f3ee; font-weight:800; }
/* hero */
header.hero { text-align:center; padding:40px 20px 32px; }
header.hero h1 { color:var(--teal); font-weight:800; font-size:32px; margin-bottom:12px; }
header.hero p { color:var(--ink2); font-size:17px; max-width:46ch; margin:0 auto 24px; }
.cta { display:inline-block; background:var(--teal); color:#f7f3ee; font-weight:800; font-size:16px; text-decoration:none; padding:14px 32px; border-radius:999px; box-shadow:inset 0 0 0 2px var(--gold); min-height:48px; }
.logo { display:block; width:min(320px, 80%); margin:32px auto 0; border-radius:16px; }
section { padding:32px 0 0; }
h2 { color:var(--teal); font-weight:800; font-size:22px; margin-bottom:16px; }
h3 { color:var(--teal); font-weight:800; font-size:17px; margin:20px 0 6px; }
.facts { list-style:none; }
.facts li { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid var(--hairline); font-size:16px; }
.facts li b { color:var(--teal); font-weight:800; white-space:nowrap; }
.note { color:var(--ink2); font-size:14px; margin-top:10px; }
.tracks { list-style:none; }
.tracks li { padding:14px 0; border-bottom:1px solid var(--hairline); }
.tracks b { display:block; font-weight:800; font-size:16px; margin-bottom:4px; }
.tracks span { color:var(--ink2); font-size:15px; }
.callout { background:#fff; border-inline-start:4px solid var(--gold); border-radius:8px; padding:14px 16px; margin-top:20px; font-size:15px; }
.callout b { color:var(--teal); }
.why-list { list-style:none; margin:16px 0; }
.why-list li { padding:10px 0 10px; border-bottom:1px solid var(--hairline); font-size:16px; }
.why-list li::before { content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--gold); margin-inline-end:10px; vertical-align:middle; }
section.contact { text-align:center; }
section.contact p { color:var(--ink2); margin-bottom:20px; }
.source { margin-top:40px; font-size:14px; }
.source a { color:var(--teal); }
footer.closing { color:var(--ink2); font-size:13px; margin-top:16px; text-align:center; }
/* steps */
ol.steps { list-style:none; counter-reset:step; }
ol.steps li { counter-increment:step; padding:12px 0; border-bottom:1px solid var(--hairline); font-size:16px; display:flex; gap:12px; align-items:baseline; }
ol.steps li::before { content:counter(step); flex:0 0 auto; width:26px; height:26px; border-radius:50%; background:var(--teal); color:#f7f3ee; font-weight:800; font-size:14px; display:inline-flex; align-items:center; justify-content:center; }
ol.steps li span b { font-weight:800; }
ol.steps li span small { display:block; color:var(--ink2); font-size:14px; }
/* glossary */
dl.glossary dt { font-weight:800; color:var(--teal); margin-top:16px; font-size:16px; }
dl.glossary dd { color:var(--ink2); font-size:15px; padding-bottom:12px; border-bottom:1px solid var(--hairline); }
/* calculator */
form.calc { background:#fff; border:1px solid var(--hairline); border-radius:16px; padding:20px; }
form.calc label { display:block; font-weight:800; font-size:15px; margin:14px 0 6px; color:var(--ink); }
form.calc label:first-child { margin-top:0; }
form.calc input[type="text"], form.calc input[type="number"] { width:100%; font-family:inherit; font-size:18px; padding:12px 14px; border:2px solid var(--hairline); border-radius:10px; background:var(--bg); color:var(--ink); min-height:48px; }
form.calc input:focus { outline:none; border-color:var(--teal); }
form.calc .method { display:flex; gap:8px; }
form.calc .method label { flex:1; margin:0; font-weight:500; font-size:15px; background:var(--bg); border:2px solid var(--hairline); border-radius:10px; padding:12px 10px; text-align:center; cursor:pointer; min-height:48px; display:flex; align-items:center; justify-content:center; }
form.calc .method input { position:absolute; opacity:0; }
form.calc .method input:checked + span { font-weight:800; }
form.calc .method label:has(input:checked) { border-color:var(--teal); background:#e7efef; color:var(--teal); font-weight:800; }
form.calc button.go { width:100%; margin-top:20px; background:var(--teal); color:#f7f3ee; font-family:inherit; font-weight:800; font-size:17px; border:none; border-radius:999px; padding:14px; min-height:52px; cursor:pointer; box-shadow:inset 0 0 0 2px var(--gold); }
.results { margin-top:20px; background:#fff; border:1px solid var(--hairline); border-radius:16px; padding:20px; display:none; }
.results.show { display:block; }
.results .big { text-align:center; padding-bottom:14px; border-bottom:1px solid var(--hairline); margin-bottom:14px; }
.results .big .label { color:var(--ink2); font-size:14px; }
.results .big .value { color:var(--teal); font-weight:800; font-size:32px; }
.results ul { list-style:none; }
.results li { display:flex; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid var(--hairline); font-size:15px; }
.results li:last-child { border-bottom:none; }
.results li b { color:var(--teal); font-weight:800; white-space:nowrap; }
.error { color:#9b2c2c; font-size:14px; margin-top:8px; display:none; }
.error.show { display:block; }
.hint{color:var(--muted);font-size:.8rem;margin:-6px 0 8px;display:block}

.hub-grid{display:grid;gap:12px;margin:8px 0 26px}
.hub-card{display:block;background:#fff;border:1px solid rgba(14,75,75,.15);border-radius:18px;padding:16px 18px;text-decoration:none;color:inherit}
.hub-card b{display:block;color:var(--teal);font-size:1.1rem;margin-bottom:4px}
.hub-card span{color:var(--muted);font-size:.9rem}
.hub-card:active{background:#f2efe9}
.pager{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:22px 0 6px}
.pg-btn{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid rgba(14,75,75,.3);color:var(--teal);text-decoration:none;font-weight:800;font-size:.85rem;background:#fff}
.pg-btn.primary{background:var(--teal);color:#f7f3ee;box-shadow:0 0 0 2px var(--gold) inset}
.pg-btn.hub{border-style:dashed;font-weight:500}