/*
Theme Name: Get-Tax
Description: "החזר מס עכשיו": the tool-first tax refund site. The worksheet on graph paper, the estimator one question per screen, the answer as a receipt. No page builder.
Version: 1.0
Text Domain: gettax
*/

/* ---------- Fonts (self-hosted; one weight range per family across both subsets) ----------
   The "basic" files hold only digits and punctuation (shared/helpers/subset_font.mjs): Google's latin subsets were
   92 KB of a 228 KB home page, for numbers. Latin letters, which the site barely uses, fall back to the system font. */
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/open-sans-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/open-sans-basic.woff2) format("woff2");unicode-range:U+0020-0040,U+005B-0060,U+007B-007E,U+00A0,U+00A9,U+00B7,U+2013-2014,U+2018-201D,U+2026,U+2039-203A,U+2193}
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:500 900;font-display:swap;src:url(assets/fonts/frank-ruhl-libre-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:500 900;font-display:swap;src:url(assets/fonts/frank-ruhl-libre-basic.woff2) format("woff2");unicode-range:U+0020-0040,U+005B-0060,U+007B-007E,U+00A0,U+00A9,U+00B7,U+2013-2014,U+2018-201D,U+2026,U+2039-203A,U+2193}

/* ---------- Tokens ---------- */
:root{
  --navy:#0b3669;--navy-2:#174a86;--ink:#04244a;--text:#1c2a3d;--muted:#4b5b70;
  --paper:#f6f4ec;--paper-2:#eeeadb;--card:#fff;--line:#d6dae3;--grid:rgba(11,54,105,.075);
  --hl:#fff3a6;--hl-2:#ffe45c;--cta:#c2410c;--cta-d:#9a3412;--ok:#0f6b5f;--err:#b42318;--soft:#eef3fb;
  --serif:"Frank Ruhl Libre",Georgia,"Times New Roman",serif;
  --sans:"Open Sans",Arial,"Helvetica Neue",sans-serif;
  --r:14px;--shadow:0 1px 2px rgba(4,36,74,.06),0 10px 30px rgba(4,36,74,.08);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--paper);color:var(--text);font:400 17px/1.65 var(--sans);font-feature-settings:"tnum" 1;overflow-x:hidden}
img,svg{max-width:100%;height:auto}
a{color:var(--navy-2)}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--cta);outline-offset:2px}
h1,h2,h3{font-family:var(--serif);color:var(--ink);line-height:1.2;margin:0 0 .5em}
p{margin:0 0 1em}
.ico{width:1.1em;height:1.1em;vertical-align:-.17em;flex:none}
.skip{position:absolute;top:8px;right:8px;z-index:100;padding:8px 14px;background:var(--ink);color:#fff;border-radius:8px;transform:translateY(-200%)}
.skip:focus{transform:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.wrap--narrow{max-width:820px}
mark{background:linear-gradient(transparent 58%,var(--hl-2) 58%,var(--hl-2) 92%,transparent 92%);color:inherit;padding:0 .08em}

/* The shared deadline band, in the site's type */
body .bgdl{background:var(--hl);border-color:#ecd98a;color:var(--ink)}
body .bgdl .bgdl-text,body .bgdl .bgdl-cta{font-family:var(--sans)}
body .bgdl .bgdl-cta{background:var(--cta)}
/* The consent banner, in the site's type; its legal bar is the footer's own */
body .cc-banner,body .cc-btn{font-family:var(--sans)}
body .cc-btn--yes{background:var(--navy);border-color:var(--navy)}
body .cc-banner a{color:var(--navy-2)}
.cc-footer{display:none!important}

/* ---------- Header ---------- */
.top{background:var(--navy);color:#fff;position:sticky;top:0;z-index:40;box-shadow:0 1px 0 rgba(255,255,255,.06)}
.top__in{max-width:1160px;margin:0 auto;padding:0 20px;min-height:64px;display:flex;align-items:center;gap:20px}
.top__brand{display:flex;align-items:center;flex:none}
.top__brand svg{width:184px;height:auto;display:block}
.top__menu{margin-inline-start:auto}
.top__menu>summary{list-style:none;display:none;align-items:center;gap:6px;cursor:pointer;color:#fff;font-weight:600;min-height:44px;padding:0 10px;border-radius:10px}
.top__menu>summary::-webkit-details-marker{display:none}
.top__menu::details-content{content-visibility:visible;display:contents}
.top__nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.top__nav a{display:flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-weight:600;font-size:15.5px;padding:8px 12px;border-radius:9px;min-height:44px}
.top__nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.top__nav a.is-tool .ico{color:var(--hl-2)}
.top__cta{flex:none;background:var(--cta);color:#fff;text-decoration:none;font-weight:700;padding:10px 18px;border-radius:999px;min-height:44px;display:flex;align-items:center}
.top__cta:hover{background:var(--cta-d);color:#fff}

/* ---------- The worksheet (home first screen) ---------- */
.sheet,.read__head,.read__tool{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:26px 26px;background-position:-1px -1px}
.sheet{padding:34px 0 56px;border-bottom:1px solid var(--line)}
.sheet__in{max-width:1160px;margin:0 auto;padding:0 20px}
.sheet__kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:5px 12px;border:1.5px dashed var(--navy-2);border-radius:8px;color:var(--navy);font-weight:700;font-size:14.5px;background:rgba(255,255,255,.6)}
.sheet__title{font-weight:900;font-size:clamp(34px,5.2vw,60px);letter-spacing:-.01em;margin:0 0 12px}
.sheet__lede{max-width:64ch;color:var(--muted);font-size:18px;margin:0 0 26px}
.sheet__facts{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--ink);font-weight:600;font-size:15px}
.sheet__facts li{display:flex;align-items:center;gap:6px}
.sheet__facts .ico{color:var(--ok)}
.sheet .gtx__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* ---------- The estimator ---------- */
.gtx{position:relative}
.gtx__title{font-size:clamp(26px,3.2vw,34px);font-weight:800}
.gtx__err{color:var(--err);font-weight:700}
.gtx-est{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:24px}
.gtx-est__lede{color:var(--muted);font-size:15.5px;margin:0 0 18px}
.gtx-step{border:0;margin:0 0 30px;padding:0;min-width:0}
.gtx-step__q{font-family:var(--serif);font-weight:700;color:var(--ink);font-size:clamp(23px,2.6vw,30px);line-height:1.25;padding:0;margin:0 0 6px}
.gtx-step__hint{color:var(--muted);font-size:15px;margin:0 0 16px}
.gtx-step--error .gtx-chips{outline:2px solid var(--err);outline-offset:6px;border-radius:12px}
.gtx-q__err{color:var(--err);font-weight:700;margin:10px 0 0}

/* Chips: the input stays in the label, clipped to 1px (never moved off the side of a right-to-left page). */
.gtx-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 4px}
.gtx-chip{position:relative;display:block;cursor:pointer}
.gtx-chip input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0}
.gtx-chip span{display:flex;align-items:center;gap:12px;min-height:54px;padding:12px 18px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:600;font-size:17px;line-height:1.3;transition:border-color .12s,background .12s,box-shadow .12s}
.gtx-chip:hover span{border-color:var(--navy-2)}
.gtx-chip input:checked+span{border-color:var(--navy);background:var(--soft);box-shadow:inset 0 0 0 1px var(--navy)}
.gtx-chip input:focus-visible+span{outline:3px solid var(--cta);outline-offset:2px}
.gtx-chips--cards,.gtx-chips--events,.gtx-chips--grid,.gtx-chips--years,.gtx-chips--months{display:grid;gap:10px}
.gtx-chips--cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.gtx-chips--cards .gtx-chip span{min-height:64px;padding:14px 18px;font-size:18px}
.gtx-chips--cards .gtx-chip span::before{content:"";flex:none;width:22px;height:22px;border:2px solid #9aa6b8;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px #fff}
.gtx-chips--cards .gtx-chip input[type=checkbox]+span::before{border-radius:6px}
.gtx-chips--cards .gtx-chip input:checked+span::before{border-color:var(--navy);background:var(--navy)}
.gtx-chips--single{grid-template-columns:1fr}
.gtx-chips--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.gtx-chips--grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.gtx-chips--years{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}
.gtx-chips--months{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}
.gtx-chips--years .gtx-chip span,.gtx-chips--months .gtx-chip span{justify-content:center;min-height:50px;padding:8px;font-size:16.5px}
.gtx-chips--events{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.gtx-chips--events .gtx-chip span{min-height:62px;font-size:16px}
.gtx-chip[data-icon] span::before{content:"";flex:none;width:30px;height:30px;border-radius:9px;background:var(--soft);-webkit-mask:none}
.gtx-chip[data-icon] span::after{content:"";position:absolute;inset-inline-start:23px;top:50%;margin-top:-10px;width:20px;height:20px;background:var(--navy);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.gtx-chip[data-icon] input:checked+span::before{background:var(--hl-2)}
.gtx-chip[data-icon=child]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='7' r='3.2'/%3E%3Cpath d='M5.5 21v-1.5a6.5 6.5 0 0 1 13 0V21'/%3E%3C/svg%3E")}
.gtx-chip[data-icon=calendar]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M4 10h16M9 3v4m6-4v4'/%3E%3C/svg%3E")}
.gtx-chip[data-icon=briefcase]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 13h18'/%3E%3C/svg%3E")}
.gtx-chip[data-icon=pause]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10 9v6M14 9v6'/%3E%3C/svg%3E")}
.gtx-chip[data-icon=medal]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='15' r='5'/%3E%3Cpath d='M8.5 11 6 3h4l2 5 2-5h4l-2.5 8'/%3E%3C/svg%3E")}
.gtx-chip[data-icon=cap]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9l10-5 10 5-10 5z'/%3E%3Cpath d='M6 11v5c3 2 9 2 12 0v-5M22 9v6'/%3E%3C/svg%3E")}
.gtx-chip[data-icon=plane]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 13.5 3 11l1.5-1.5 8 1 4.5-4.5a2 2 0 0 1 3 3L15.5 13.5l1 8L15 23l-2.5-7.5L9 19v2.5L7.5 23 6 19l-4-1.5L3.5 16H6z'/%3E%3C/svg%3E")}
.gtx-chip[data-icon=pin]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")}
.gtx-chip[data-icon=chart]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V4M4 20h16M8 16l4-5 3 3 5-7'/%3E%3C/svg%3E")}
.gtx-chip[data-icon=home]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7v9H3z'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E")}
.gtx-chip[data-icon=scale]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16M6 20h12M5 8h14M7 8l-3 6a3 3 0 0 0 6 0zM17 8l-3 6a3 3 0 0 0 6 0z'/%3E%3C/svg%3E")}
.gtx-chip[data-icon=shield]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 4.5 3 8.3 7 10 4-1.7 7-5.5 7-10V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.gtx-chip[data-icon=spark]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5 18 18M6 18l2.5-2.5M15.5 8.5 18 6'/%3E%3C/svg%3E")}
.gtx-exact{display:flex;flex-direction:column;gap:6px;margin-top:14px;max-width:320px;font-weight:600;color:var(--ink);font-size:15px}
.gtx-exact--wide{max-width:480px}
.gtx-exact input,.gtx-lead__field input{font:inherit;font-size:18px;font-weight:600;min-height:54px;padding:10px 14px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);width:100%}
.gtx-exact input:focus,.gtx-lead__field input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px rgba(23,74,134,.2)}
.gtx-est__end{margin-top:8px}
.gtx-est__go,.gtx-lead__go,.gtx-wiz__next{font:inherit;font-weight:700;font-size:18px;border:0;border-radius:12px;min-height:56px;padding:12px 28px;cursor:pointer;color:#fff;background:var(--cta);display:inline-flex;align-items:center;justify-content:center;gap:10px}
.gtx-est__go:hover,.gtx-lead__go:hover,.gtx-wiz__next:hover{background:var(--cta-d)}

/* The wizard: the script shows one step at a time and draws the progress and the running receipt. */
.js .gtx-est[data-wizard]{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:0;padding:0;overflow:hidden}
.gtx-wiz__main{padding:22px 28px 26px;min-height:440px;display:flex;flex-direction:column}
.js .gtx-est[data-wizard] .gtx-est__lede{display:none}
.js .gtx-est[data-wizard] .gtx-step{margin:0;animation:gtx-in .22s ease-out}
.js .gtx-est[data-wizard] .gtx-step[hidden],.js .gtx-est[data-wizard] .gtx-est__end{display:none}
@keyframes gtx-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.js .gtx-est[data-wizard] .gtx-step{animation:none}}
.gtx-wiz__top{display:flex;align-items:center;gap:14px;margin:0 0 18px;min-height:36px}
.gtx-wiz__back{font:inherit;font-weight:600;font-size:15px;color:var(--navy-2);background:none;border:0;padding:6px 4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;min-height:44px}
.gtx-wiz__back[disabled]{visibility:hidden}
.gtx-wiz__back .ico{transform:scaleX(-1)}
.gtx-wiz__count{font-weight:700;font-size:14px;color:var(--muted);white-space:nowrap}
.gtx-wiz__bar{flex:1;height:6px;border-radius:6px;background:var(--paper-2);overflow:hidden}
.gtx-wiz__bar i{display:block;height:100%;width:0;background:var(--navy);border-radius:6px;transition:width .25s}
.gtx-wiz__nav{margin-top:auto;padding-top:22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.gtx-wiz__next[hidden],.gtx-wiz__skip[hidden],.gtx-wiz__none[hidden]{display:none}
.gtx-wiz__skip,.gtx-wiz__none{font:inherit;font-weight:600;font-size:16px;color:var(--navy-2);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px;padding:0 4px}
.gtx-wiz__none{border:2px solid var(--line);border-radius:12px;text-decoration:none;padding:0 18px;min-height:52px;color:var(--ink)}
.gtx-wiz__need{color:var(--err);font-weight:700;margin:12px 0 0}
.gtx-wiz__receipt{background:var(--paper);border-inline-start:1.5px dashed #c5ccd8;padding:22px 20px;font-size:14.5px}
.gtx-wiz__receipt h3{font-family:var(--sans);font-size:13px;letter-spacing:.06em;color:var(--muted);margin:0 0 12px;font-weight:700}
.gtx-wiz__receipt ol{list-style:none;margin:0;padding:0}
.gtx-wiz__receipt li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dotted #b9c1cf}
.gtx-wiz__receipt li span{color:var(--muted)}
.gtx-wiz__receipt li b{color:var(--ink);text-align:end}
.gtx-wiz__receipt .is-empty{color:var(--muted);border:0}
.gtx-wiz__receipt p{margin:14px 0 0;color:var(--muted);font-size:13.5px}

/* The answer: a receipt with a row per year */
.gtx-res{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:var(--shadow);padding:26px 28px 34px;margin:0;
  -webkit-mask:radial-gradient(circle 9px at 50% 100%,transparent 8.5px,#000 9px) bottom/22px 100% repeat-x;mask:radial-gradient(circle 9px at 50% 100%,transparent 8.5px,#000 9px) bottom/22px 100% repeat-x}
.gtx-res__label{display:inline-block;margin:0 0 8px;font-weight:700;font-size:13.5px;letter-spacing:.04em;color:var(--navy);background:var(--soft);border-radius:6px;padding:3px 10px}
.gtx-res__head{font-family:var(--serif);font-size:clamp(22px,2.6vw,28px);font-weight:700;color:var(--ink);margin:0 0 6px;line-height:1.35}
.gtx-res__sum{display:block;font-size:clamp(36px,5vw,54px);font-weight:900;line-height:1.1;margin-top:4px}
.gtx-res__sum{background:linear-gradient(transparent 60%,var(--hl-2) 60%,var(--hl-2) 94%,transparent 94%);width:fit-content}
.gtx-res__sub{color:var(--muted);font-size:15.5px}
.gtx-res__jump{margin:6px 0 4px}
.gtx-res__jump a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 22px;border-radius:12px;background:var(--cta);color:#fff;font-weight:700;text-decoration:none}
.gtx-res__jump a::after{content:"↓";margin-inline-start:8px}
.gtx-res__jump a:hover{background:var(--cta-d);color:#fff}
.gtx-res__years{width:100%;border-collapse:collapse;margin:16px 0 8px;font-size:16.5px}
.gtx-res__years caption{text-align:start;font-weight:700;color:var(--muted);font-size:13.5px;letter-spacing:.04em;padding-bottom:6px}
.gtx-res__years thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
.gtx-res__years tr{border-bottom:1.5px dashed #c8ceda}
.gtx-res__years th,.gtx-res__years td{padding:10px 0;text-align:start}
.gtx-res__years th{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--ink);width:30%}
.gtx-res__years td{text-align:end;font-weight:700;color:var(--ink)}
.gtx-res__years td small{display:block;font-weight:400;font-size:13.5px;color:var(--muted)}
.gtx-res__law{margin:16px 0 0;border:1px solid var(--line);border-radius:12px;padding:0 16px;background:var(--paper)}
.gtx-res__law summary{cursor:pointer;font-weight:700;color:var(--navy);padding:14px 0;min-height:44px}
.gtx-res__points{width:100%;border-collapse:collapse;font-size:15px;margin-bottom:10px}
.gtx-res__points th,.gtx-res__points td{text-align:start;padding:7px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.gtx-res__points thead th{color:var(--muted);font-size:13px}
.gtx-res__points-sum{font-size:15px}
.gtx-res__more,.gtx-res__missing{margin-top:18px;padding:14px 16px;border-radius:12px;background:var(--hl);color:var(--ink);font-size:15.5px}
.gtx-res__missing{background:var(--paper)}
.gtx-res__more h3,.gtx-res__missing h3{font-family:var(--sans);font-size:15.5px;font-weight:700;margin:0 0 6px}
.gtx-res__more ul,.gtx-res__missing ul{margin:0 0 6px;padding-inline-start:20px}
.gtx-res__more p{margin:0}
.gtx-res__skipped,.gtx-res__source{color:var(--muted);font-size:13.5px;margin:14px 0 0}
.gtx-res--none{border-radius:20px;-webkit-mask:none;mask:none}

/* The contact step continues the receipt */
.gtx-lead{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;box-shadow:var(--shadow);padding:28px;margin-top:-2px}
.gtx-lead__title{font-size:clamp(24px,2.8vw,30px);font-weight:800}
.gtx-lead__lede{color:var(--muted);font-size:15.5px;max-width:60ch}
.gtx-lead__field{margin:0 0 14px;max-width:460px}
.gtx-lead__field label{display:block;font-weight:700;color:var(--ink);margin:0 0 6px}
.gtx-lead__field--error input{border-color:var(--err)}
.gtx-lead__err{color:var(--err);font-weight:700;margin:6px 0 0;font-size:15px}
.gtx-lead__check{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-size:15px;cursor:pointer;max-width:640px}
.gtx-lead__check input{width:22px;height:22px;flex:none;margin:2px 0 0;accent-color:var(--navy)}
.gtx-lead__check--error span{color:var(--err)}
.gtx-lead__go{width:100%;max-width:460px;margin-top:8px}
.gtx-lead__next{margin:18px 0 0;padding:14px 18px 14px 14px;padding-inline-start:34px;background:var(--paper);border-radius:12px;font-size:15px;color:var(--text);max-width:640px}
.gtx-lead__next li{margin:0 0 4px}
.gtx-lead__safe{color:var(--muted);font-size:13.5px;margin:10px 0 0}
.gtx-lead__hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.gtx-sent{background:#fff;border:2px solid var(--ok);border-radius:20px;padding:26px 28px;box-shadow:var(--shadow)}
.gtx-sent__head{font-family:var(--serif);font-weight:800;font-size:30px;color:var(--ok);margin:0 0 8px}

/* ---------- Home bands ---------- */
.band{padding:64px 0;border-bottom:1px solid var(--line)}
.band__title{font-size:clamp(28px,3.4vw,40px);font-weight:800}
.band__lede{color:var(--muted);max-width:64ch;font-size:17.5px}
.band__source{color:var(--muted);font-size:13.5px;margin:16px 0 0}
.band--years{background:var(--ink);color:#e7edf6;border:0}
.band--years .band__title{color:#fff}
.band--years .band__lede,.band--years .band__source{color:#b9c7da}
.ledger{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.ledger__year{position:relative;border:1.5px dashed rgba(255,255,255,.35);border-radius:14px;padding:16px 14px 14px;display:flex;flex-direction:column;gap:4px}
.ledger__y{font-family:var(--serif);font-weight:900;font-size:34px;color:#fff;line-height:1}
.ledger__v{font-size:14px;color:#cfd9e7}
.ledger__v b{color:#fff}
.ledger__c{font-size:13px;color:#9fb1c9;margin-top:auto}
.ledger__year.is-closing{background:var(--hl-2);border:0;color:var(--ink)}
.ledger__year.is-closing .ledger__y,.ledger__year.is-closing .ledger__v b{color:var(--ink)}
.ledger__year.is-closing .ledger__v,.ledger__year.is-closing .ledger__c{color:#3d3200;font-weight:600}
.wrap--split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:48px;align-items:start}
.link-arrow{font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.link-arrow .ico{transform:scaleX(1)}
.worth{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.worth th,.worth td{padding:14px 16px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}
.worth thead th{background:var(--paper-2);font-size:13.5px;color:var(--muted);font-family:var(--sans)}
.worth tbody th{font-family:var(--sans);font-weight:700;color:var(--ink)}
.worth tbody th small{display:block;font-weight:400;color:var(--muted);font-size:13.5px}
.worth__v{font-weight:800;color:var(--ink);white-space:nowrap}
.index{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px 40px;margin-top:24px}
.index__group{border-top:3px solid var(--ink);padding-top:14px}
.index__group h3{font-size:23px;display:flex;align-items:center;gap:10px}
.index__group h3 a{color:var(--ink);text-decoration:none}
.index__group ul{list-style:none;margin:0 0 16px;padding:0}
.index__group li{border-bottom:1px solid var(--line)}
.index__group li a{display:block;padding:9px 0;text-decoration:none;color:var(--text);font-weight:600;font-size:16px}
.index__group li a:hover{color:var(--navy-2)}
.index__n{font-family:var(--sans);font-size:12.5px;font-weight:700;background:var(--paper-2);color:var(--muted);border-radius:999px;padding:1px 9px}
.band--branches{background:var(--paper-2)}
.branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;align-items:start}
.branches__group{background:#fff;border:1px solid var(--line);border-radius:14px}
.branches__group summary{cursor:pointer;font-family:var(--serif);font-weight:700;font-size:22px;color:var(--ink);padding:16px 18px;display:flex;align-items:center;gap:10px;min-height:56px}
.branches__group ul{list-style:none;margin:0;padding:0 18px 16px;columns:3 120px;column-gap:16px}
.branches__group li a{display:block;padding:5px 0;text-decoration:none;font-weight:600}
.faq{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:18px;color:var(--ink);padding:16px 0;padding-inline-end:34px;position:relative;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;inset-inline-end:4px;top:12px;font-size:26px;color:var(--navy-2);line-height:1}
.faq[open] summary::after{content:"–"}
.faq>p,.faq>div{margin:0 0 16px;color:var(--text)}

/* ---------- Articles ---------- */
.read__head{padding:26px 0 30px;border-bottom:1px solid var(--line)}
.read__in{max-width:780px;margin:0 auto;padding:0 20px}
.crumbs ol{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:14px;color:var(--muted)}
.crumbs li+li::before{content:"‹";margin-inline-end:4px;color:#98a3b3}
.crumbs a{color:var(--muted)}
.read__title{font-weight:800;font-size:clamp(30px,4.2vw,46px);margin:0 0 10px}
.read__meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:14.5px;margin:0}
.read__meta span{display:inline-flex;align-items:center;gap:5px}
.read__body{padding-top:28px;padding-bottom:16px}
.read__img{margin:0 0 24px}
.read__img img{border-radius:14px;display:block;width:100%}
.prose{font-size:18px}
.prose h2{font-size:clamp(25px,3vw,31px);font-weight:800;margin:1.6em 0 .5em}
.prose h3{font-size:22px;font-weight:700;margin:1.3em 0 .4em}
.prose ul,.prose ol{padding-inline-start:24px;margin:0 0 1em}
.prose li{margin:0 0 .35em}
.prose a{text-underline-offset:3px}
.prose img{border-radius:10px}
.prose figure{margin:1.2em 0}
.prose figcaption{color:var(--muted);font-size:14px}
.prose blockquote{margin:1.2em 0;padding:12px 18px;border-inline-start:4px solid var(--hl-2);background:#fff;border-radius:0 10px 10px 0}
.prose--lede{color:var(--muted);font-size:17.5px}
.table-wrap.is-scroll::before{content:"אפשר לגלול את הטבלה לצדדים";display:block;position:sticky;inset-inline-start:0;padding:6px 12px;font-size:13px;font-weight:700;color:var(--navy-2);background:var(--soft);border-bottom:1px solid var(--line)}
.table-wrap{overflow-x:auto;margin:1.2em 0;border:1px solid var(--line);border-radius:12px;background:#fff}
.table-wrap table{border-collapse:collapse;width:100%;font-size:16px;min-width:480px}
.table-wrap th,.table-wrap td{padding:10px 12px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}
.table-wrap thead th{background:var(--paper-2);color:var(--ink);font-size:14.5px}
.table-wrap tbody th:first-child,.table-wrap td:first-child{position:sticky;inset-inline-start:0;background:#fff}
.table-wrap thead th:first-child{position:sticky;inset-inline-start:0}
.prose .bg-hours{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:16px;margin:0 0 1em}
.prose .bg-hours thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
.prose .bg-hours th,.prose .bg-hours td{background:#fff;padding:10px 14px;text-align:start;vertical-align:top;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.prose .bg-hours th{border-inline-start:1px solid var(--line);border-radius:0 10px 10px 0;width:32%;color:var(--ink)}
.prose .bg-hours td{border-inline-end:1px solid var(--line);border-radius:10px 0 0 10px}
.prose details.faq{border-bottom:1px solid var(--line)}
.toc{margin:0 0 24px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 18px}
.toc summary{cursor:pointer;font-weight:700;color:var(--ink);padding:14px 0;min-height:44px}
.toc ol{margin:0 0 14px;padding-inline-start:22px;font-size:16px}
.toc li{margin:0 0 4px}
.cta-card{margin:24px 0;padding:18px 20px;background:#fff;border:2px dashed var(--navy-2);border-radius:16px}
.cta-card__q{margin:0 0 12px;font-size:17px;color:var(--ink)}
.cta-card__q strong{font-family:var(--serif);font-size:21px}
.cta-card__chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cta-card__chips a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:8px 10px;border:2px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font-weight:700;text-decoration:none;font-size:15.5px;line-height:1.25}
.cta-card__chips a:hover{border-color:var(--navy);background:var(--soft)}
.town{margin:0 0 26px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-inline-start:6px solid var(--hl-2);border-radius:14px;box-shadow:var(--shadow)}
.town__title{font-size:23px;font-weight:800;display:flex;gap:8px;align-items:flex-start}
.town__title .ico{color:var(--cta);margin-top:4px}
.town__years{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.town__years li{background:var(--paper);border-radius:999px;padding:4px 12px;font-size:14.5px}
.town__years span{font-weight:700;color:var(--ink)}
.town__note{color:var(--muted);font-size:15.5px}
.town__go{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none;color:#fff;background:var(--cta);padding:10px 18px;border-radius:999px;min-height:44px}
.town__go:hover{background:var(--cta-d);color:#fff}
.town__go .ico{transform:scaleX(1)}
.read__tool{padding:44px 0 52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.read__tool .read__in{max-width:980px}
.more{padding-top:36px;padding-bottom:48px}
.more__title{font-size:26px;font-weight:800}
.more__list{list-style:none;margin:0;padding:0}
.more__list li{border-bottom:1px solid var(--line)}
.more__list a{display:block;padding:12px 0;font-weight:700;text-decoration:none;color:var(--ink)}
.read__head--cat{margin-bottom:8px}
.list{list-style:none;margin:8px 0 40px;padding:0}
.list__item{border-bottom:1px solid var(--line);padding:18px 0}
.list__item>a{text-decoration:none}
.list__title{font-size:23px;font-weight:700;margin:0 0 6px;color:var(--ink)}
.list__item>a:hover .list__title{color:var(--navy-2)}
.list__ex{color:var(--muted);margin:0 0 4px;font-size:16px}
.list__meta{color:var(--muted);font-size:13.5px;margin:0}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 40px}
.nav-links .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;font-weight:700}
.nav-links .current{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ---------- Footer ---------- */
.foot{background:var(--ink);color:#c9d5e5;padding:48px 0 24px;font-size:15px}
.foot__in{max-width:1160px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:36px}
.foot__brand svg{width:200px;display:block;margin-bottom:16px}
.foot h2{font-family:var(--sans);font-size:14px;letter-spacing:.06em;color:#fff;margin:0 0 10px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li a,.foot__link{display:inline-block;color:#e3eaf4;text-decoration:none;padding:6px 0;min-height:36px;font:inherit;background:none;border:0;cursor:pointer;text-align:start}
.foot li a:hover,.foot__link:hover{color:#fff;text-decoration:underline}
.foot__small{max-width:1160px;margin:32px auto 0;padding:16px 20px 0;border-top:1px solid rgba(255,255,255,.12);color:#9fb1c9;font-size:13.5px}
.dock{display:none}

/* ---------- Narrower screens ---------- */
@media (max-width:1040px){
  .ledger{grid-template-columns:repeat(3,minmax(0,1fr))}
  .js .gtx-est[data-wizard]{grid-template-columns:1fr}
  .gtx-wiz__receipt{display:none}
  .wrap--split{grid-template-columns:1fr;gap:20px}
}
@media (max-width:900px){
  .top__menu>summary{display:flex}
  .top__menu::details-content{content-visibility:hidden;display:block}
  .top__menu[open]::details-content{content-visibility:visible}
  .top__menu[open] .top__nav{position:absolute;top:100%;inset-inline:0;background:var(--navy);padding:8px 16px 16px;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 12px 24px rgba(0,0,0,.2)}
  .top__nav ul{flex-direction:column}
  .top__nav a{font-size:17px;padding:12px 8px}
  .top__menu:not([open]) .top__nav{display:none}
  .foot__in{grid-template-columns:1fr 1fr}
  .foot__brand{grid-column:1/-1}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .top__in{gap:10px;min-height:58px;padding:0 14px}
  .top__brand svg{width:150px}
  .top__cta{display:none}
  .sheet{padding:22px 0 36px}
  .sheet__in,.wrap,.read__in{padding:0 16px}
  .sheet__kicker{font-size:13px}
  .sheet__title{font-size:34px}
  .sheet__lede{font-size:16.5px;margin-bottom:18px}
  .gtx-est{padding:18px 16px;border-radius:16px}
  .gtx-wiz__main{padding:16px 16px 18px;min-height:0}
  .gtx-chips--cards,.gtx-chips--events{grid-template-columns:1fr}
  .gtx-chips--two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gtx-chips--cards .gtx-chip span{min-height:58px;font-size:17px}
  .gtx-chips--years{grid-template-columns:repeat(4,minmax(0,1fr))}
  .gtx-chips--months{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gtx-chips--events .gtx-chip span{min-height:54px}
  .gtx-wiz__nav{position:sticky;bottom:0;background:#fff;margin:0 -16px -18px;padding:12px 16px;border-top:1px solid var(--line)}
  .gtx-wiz__next{flex:1}
  .gtx-res,.gtx-lead,.gtx-sent{padding:20px 16px 28px}
  .band{padding:44px 0}
  .ledger{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ledger__y{font-size:28px}
  .worth th,.worth td{padding:10px 10px;font-size:15px}
  .branches{grid-template-columns:1fr}
  .branches__group ul{columns:2}
  .cta-card__chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta-card__chips a{font-size:14.5px;padding:8px 6px}
  .prose{font-size:17px}
  .foot__in{grid-template-columns:1fr}
  .dock{display:flex;position:fixed;z-index:30;inset-inline:12px;bottom:12px;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:8px 10px 8px 18px;padding-inline-start:18px;background:var(--ink);color:#fff;text-decoration:none;border-radius:16px;box-shadow:0 10px 30px rgba(4,36,74,.35);transition:transform .2s,opacity .2s}
  .dock strong{background:var(--cta);border-radius:11px;padding:9px 16px}
  .dock.is-hidden{transform:translateY(140%);opacity:0;pointer-events:none}
  body.single-post .foot{padding-bottom:96px}
}

/* ---------- One centred axis for the tool (Dor, Nov 9: "a lot of things are not centred", "the form is weird") ----------
   The hero, the wizard, the result and the contact step share one centred column. The wizard is a single column:
   the progress bar across the top, back and the step number under it, the question and its hint centred, the
   answers as cards with centred text, the next step centred under them. */
.sheet__in{max-width:900px;text-align:center}
.sheet__lede{margin-inline:auto}
.sheet__facts{justify-content:center}
.sheet__tool,.read__tool .gtx{max-width:780px;margin-inline:auto;text-align:start}
.read__tool .gtx__title{text-align:center}
.js .gtx-est[data-wizard]{display:block;max-width:780px;margin-inline:auto}
.gtx-wiz__main{min-height:0;padding:24px 36px 30px}
.gtx-wiz__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;row-gap:10px;margin:0 0 22px}
.gtx-wiz__bar{grid-column:1/-1;grid-row:1;flex:none;height:6px}
.gtx-wiz__back{grid-row:2;grid-column:1;justify-self:start}
.gtx-wiz__count{grid-row:2;grid-column:2;justify-self:center}
.js .gtx-est[data-wizard] .gtx-step__q{display:block;width:100%;text-align:center;margin-bottom:8px}
.js .gtx-est[data-wizard] .gtx-step__hint{text-align:center;max-width:52ch;margin:0 auto 20px}
.js .gtx-est[data-wizard] .gtx-chips--cards .gtx-chip input[type=radio]+span{justify-content:center;text-align:center;font-weight:700}
.js .gtx-est[data-wizard] .gtx-chips--cards .gtx-chip input[type=radio]+span::before{display:none}
.js .gtx-est[data-wizard] .gtx-chip input[type=radio]:checked+span{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:none}
.js .gtx-est[data-wizard] .gtx-chips--years .gtx-chip input:checked+span,.js .gtx-est[data-wizard] .gtx-chips--months .gtx-chip input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.js .gtx-est[data-wizard] .gtx-exact{margin-inline:auto;text-align:start}
.gtx-wiz__nav{justify-content:center;padding-top:24px}
.gtx-wiz__need{text-align:center}
.gtx-res,.gtx-lead,.gtx-sent,.gtx-res--none{max-width:780px;margin-inline:auto}
.gtx-res__label,.gtx-res__head,.gtx-res__sub,.gtx-res__jump{text-align:center}
.gtx-res__label{display:table;margin-inline:auto}
.gtx-res__sum{margin-inline:auto}
.gtx-res__sub{max-width:56ch;margin-inline:auto}
.gtx-lead__title,.gtx-lead__lede{text-align:center;margin-inline:auto}
.gtx-lead__field,.gtx-lead__check,.gtx-lead__go,.gtx-lead__next,.gtx-lead__safe{margin-inline:auto}
.gtx-lead__go{display:flex}
.gtx-lead__safe{text-align:center}
@media (max-width:640px){
  .gtx-wiz__main{padding:16px 16px 18px}
  .gtx-chips--cards .gtx-chip span{min-height:56px}
}
.gtx-res__none{color:var(--muted);font-size:15px;margin:4px 0 0;text-align:center}
/* The year rows as a narrow centred receipt, and the contact step on one 520px column. */
.gtx-res__years{max-width:520px;margin-inline:auto}
.gtx-res__years caption{text-align:center}
.gtx-res__law{max-width:520px;margin-inline:auto}
.gtx-res__more,.gtx-res__missing{max-width:520px;margin-inline:auto}
.gtx-lead__field,.gtx-lead__check,.gtx-lead__go,.gtx-lead__next{max-width:520px;width:100%}
.gtx-res__source,.gtx-res__skipped{max-width:520px;margin-inline:auto;text-align:center}

/* ---------- The verified office box (branch pages) ---------- */
.nowrap{white-space:nowrap}
.office{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:24px 26px;margin:0 0 26px}
.prose .office__title{font-size:clamp(24px,2.6vw,30px);font-weight:800;margin:0 0 16px}
.office__closed{background:#fde8e4;color:#7a1d10;border-radius:12px;padding:12px 14px}
.office__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0 0 18px}
.office__facts>div{background:var(--paper);border-radius:14px;padding:14px 16px}
.office__facts dt{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;font-weight:700;margin:0 0 4px}
.office__facts dt .ico{color:var(--navy-2)}
.office__facts dd{margin:0;font-weight:700;color:var(--ink);font-size:17.5px;line-height:1.45}
.office__facts dd a{font-weight:700}
.prose .office__sub{display:flex;align-items:center;gap:8px;font-family:var(--sans);font-size:16px;font-weight:700;color:var(--ink);margin:0 0 8px}
.office__sub .ico{color:var(--navy-2)}
.office__hours{list-style:none;margin:0 0 8px;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.prose .office__hours li{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:11px 16px;border-bottom:1px solid var(--line)}
.office__hours li:last-child{border-bottom:0}
.office__days{font-weight:700;color:var(--ink);min-width:7.5em}
.office__time{font-weight:700;color:var(--navy)}
.office__unit{color:var(--muted);font-size:14.5px}
.office__hours small{flex-basis:100%;color:var(--muted);font-size:14px}
.office__note{color:var(--muted);font-size:15px;margin:6px 0 14px}
.office__src{color:var(--muted);font-size:13.5px;margin:0 0 12px}
.office__tip{margin:0;padding:12px 16px;border-radius:12px;background:var(--hl);color:var(--ink);font-size:15.5px}
.cta-card__chips a{white-space:nowrap}
@media (max-width:900px){.cta-card__chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.office{padding:18px 16px}.office__facts{grid-template-columns:1fr}.cta-card__chips a{white-space:normal}}
.prose .office__hours,.prose .town__years{padding:0;margin-inline:0}
.table-src{color:var(--muted);font-size:13.5px;margin:-6px 0 1.2em}

/* ---------- A page torn from a school notebook (Dor liked it, Nov 9) ----------
   The wizard and the result are cut from the notebook: a row of punched holes along the top, the perforated tear
   at the result's bottom where the contact step continues. A mask would clip a box-shadow, so the shadow is a
   drop-shadow on the container instead. */
.sheet__tool,.read__tool .gtx{filter:drop-shadow(0 10px 22px rgba(4,36,74,.10))}
.js .gtx-est[data-wizard],.gtx-res{box-shadow:none;border-color:#dfe3ea}
.js .gtx-est[data-wizard]{
  -webkit-mask:radial-gradient(circle 6px at 50% 17px,#0000 5.5px,#000 6px) top/30px 34px repeat-x,linear-gradient(#000 0 0) bottom/100% calc(100% - 34px) no-repeat;
  mask:radial-gradient(circle 6px at 50% 17px,#0000 5.5px,#000 6px) top/30px 34px repeat-x,linear-gradient(#000 0 0) bottom/100% calc(100% - 34px) no-repeat}
.js .gtx-est[data-wizard] .gtx-wiz__main{padding-top:44px}
.gtx-res{padding-top:46px;
  -webkit-mask:radial-gradient(circle 6px at 50% 17px,#0000 5.5px,#000 6px) top/30px 34px repeat-x,radial-gradient(circle 9px at 50% 100%,#0000 8.5px,#000 9px) bottom/22px calc(100% - 34px) repeat-x;
  mask:radial-gradient(circle 6px at 50% 17px,#0000 5.5px,#000 6px) top/30px 34px repeat-x,radial-gradient(circle 9px at 50% 100%,#0000 8.5px,#000 9px) bottom/22px calc(100% - 34px) repeat-x}
.gtx-res--none{-webkit-mask:none;mask:none;padding-top:26px}
/* The consent banner as a slim bar along the bottom on wide screens: a corner card overlapped the centred wizard's
   corner at 1280px (rehearsal, Nov 9), and overlays never touch the form (standards.md). */
@media (min-width:601px){
  body .cc-banner{left:0;right:0;bottom:0;max-width:none;border-radius:0;border-width:1px 0 0;display:flex;align-items:center;gap:18px;padding:10px max(20px,calc((100vw - 1160px)/2))}
  body .cc-banner p{margin:0;flex:1;font-size:14.5px}
  body .cc-actions{flex:none}
  body .cc-btn{min-height:42px;padding:0 20px}
}
body .cc-btn{white-space:nowrap}
/* Room for the consent bar while it shows (--cc-h, set by site.js): nothing sits under it. */
body{padding-bottom:var(--cc-h,0px)}
@media (max-width:640px){
  .gtx-wiz__nav{bottom:var(--cc-h,0px)}
  .dock{bottom:calc(12px + var(--cc-h,0px))}
}

/* ---------- The settlements list ---------- */
.sett{margin:1.2em 0}
.sett__years{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.sett__years a,.sett__years span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:700;text-decoration:none;color:var(--ink)}
.sett__years span{background:var(--navy);border-color:var(--navy);color:#fff}
.sett__search{display:flex;flex-direction:column;gap:6px;max-width:420px;font-weight:700;color:var(--ink)}
.sett__search input{font:inherit;font-size:18px;min-height:52px;padding:10px 14px;border:2px solid var(--line);border-radius:12px;background:#fff}
.sett__search input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px rgba(23,74,134,.2)}
.sett__count{color:var(--muted);font-size:15px;margin:8px 0}
.sett__go a{display:inline-flex;align-items:center;min-height:48px;padding:10px 20px;border-radius:12px;background:var(--cta);color:#fff;font-weight:700;text-decoration:none}
.sett__table small{display:block;font-weight:400;color:var(--muted);font-size:13px}
.sett__table tr[hidden]{display:none}
/* The card must not clip: with overflow:hidden it became the sticky bar's scroll container, so the bar's offset for
   the consent bar (--cc-h) lifted it over the answer cards on phones (Nov 9, found by the browser walk). */
.js .gtx-est[data-wizard]{overflow:visible}
/* The settlements table fits a phone: four short columns, names wrap, no sideways scroll. */
@media (max-width:640px){
  .table-wrap .sett__table{min-width:0;font-size:14.5px}
  .sett__table th,.sett__table td{padding:9px 7px}
  .sett__table thead th{font-size:13px}
}
/* How it works, under the wizard: three numbered notes, like the margin of the notebook page. */
.steps{list-style:none;counter-reset:s;margin:26px auto 0;padding:0;max-width:900px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:start}
.steps li{counter-increment:s;position:relative;background:rgba(255,255,255,.75);border:1.5px dashed #c7cfdc;border-radius:14px;padding:14px 16px 14px 16px;padding-inline-start:54px}
.steps li::before{content:counter(s);position:absolute;inset-inline-start:14px;top:14px;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;display:grid;place-items:center;font-size:15px}
.steps b{display:block;color:var(--ink);font-size:16px}
.steps span{display:block;color:var(--muted);font-size:14.5px;line-height:1.5;margin-top:2px}
@media (max-width:900px){.steps{grid-template-columns:1fr}}

/* The wizard's first state before the script runs (html.js is set in the head), so nothing moves when it takes over:
   only the first question, and the room its progress bar and button will take. Lighthouse measured a 0.168 layout
   shift on the live home page from the full form collapsing into one step (Nov 9). Without JavaScript, nothing here
   applies and the whole form shows. */
.js .gtx-est[data-wizard]:not(.is-wizard){padding:126px 36px 54px}
.js .gtx-est[data-wizard]:not(.is-wizard) .gtx-step~.gtx-step,
.js .gtx-est[data-wizard]:not(.is-wizard) .gtx-est__end,
.js .gtx-est[data-wizard]:not(.is-wizard) .gtx-est__lede{display:none}
@media (max-width:640px){.js .gtx-est[data-wizard]:not(.is-wizard){padding:126px 16px 40px}}
.gtx-wiz__nav[hidden]{display:none!important}

/* ---------- The accessibility menu (header.php, assets/site.js) ----------
   The theme's own, replacing the third-party Ally widget (Nov 9): no outside script, nothing stored until the visitor
   chooses something. It sits in the sticky header, so it is always in reach and never over the wizard, the dock or the
   consent bar (standards.md). Choices are classes on <html>, applied in the head before the first paint. */
.a11y{position:relative;flex:none}
html:not(.js) .a11y{display:none}
.a11y__toggle{display:flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:0 14px 0 12px;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;background:transparent;color:#fff;font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.a11y__toggle:hover,.a11y__toggle[aria-expanded=true]{background:rgba(255,255,255,.14);border-color:#fff}
.a11y__toggle .ico{width:22px;height:22px;flex:none}
.a11y__panel{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:45;width:288px;background:#fff;color:var(--text);border:1px solid var(--line);border-top:4px solid var(--hl-2);border-radius:var(--r);box-shadow:0 18px 44px rgba(4,36,74,.24);padding:10px 12px 12px;display:grid;gap:6px;text-align:start;overscroll-behavior:contain}
.a11y__panel[hidden]{display:none}
.a11y__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px}
.a11y__title{margin:0 4px;font-family:var(--serif);font-weight:700;font-size:21px;line-height:1.2;color:var(--ink)}
.a11y__panel .a11y__close{display:flex;align-items:center;gap:4px;min-height:44px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--navy-2);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.a11y__panel .a11y__close:hover{background:var(--soft)}
.a11y__close .ico{width:20px;height:20px}
.a11y__panel button[data-a11y],.a11y__panel .a11y__reset{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:8px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:16px;font-weight:600;line-height:1.3;text-align:start;cursor:pointer}
.a11y__panel button[data-a11y]:not([aria-pressed=true]):hover{border-color:var(--navy-2);background:var(--soft)}
.a11y__panel button[aria-pressed]::after{content:"";flex:none;width:22px;height:22px;border:1.5px solid currentColor;border-radius:6px;display:grid;place-items:center;font-size:15px;line-height:1}
.a11y__panel button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.a11y__panel button[aria-pressed=true]::after{content:"✓";background:var(--hl-2);border-color:var(--hl-2);color:var(--ink);font-weight:700}
.a11y__panel .a11y__reset{justify-content:center;border-style:dashed;color:var(--muted)}
html:is(.a11y-large,.a11y-contrast,.a11y-links,.a11y-readable,.a11y-still) .a11y__panel .a11y__reset{border-style:solid;border-color:var(--navy);color:var(--navy)}
.a11y__statement{display:flex;align-items:center;justify-content:center;min-height:40px;color:var(--navy-2);font-size:15px;font-weight:600}
html.a11y-large .a11y__panel button,html.a11y-large .a11y__statement{font-size:18px}
/* Icon only below 1180px, where the full menu and the call to action leave no room for the word (it stays the name). */
@media (max-width:1180px){
  .a11y__toggle{padding:0;width:44px;justify-content:center}
  .a11y__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
/* On phones the toggle is quieter than the menu button, and the panel drops down the full width under the header,
   like the main menu, scrolling on its own if a phone is short. */
@media (max-width:640px){
  .a11y{position:static}
  .a11y__toggle{width:40px;min-width:40px;min-height:40px;height:40px;border-color:rgba(255,255,255,.28)}
  .a11y__toggle .ico{width:20px;height:20px}
  .a11y__panel{top:100%;inset-inline:0;width:auto;border-radius:0 0 16px 16px;border-width:0 0 1px;border-top:4px solid var(--hl-2);padding:10px 16px 16px;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-y:auto;grid-template-columns:1fr 1fr}
  .a11y__head,.a11y__panel .a11y__reset,.a11y__statement{grid-column:1/-1}
  .a11y__panel button[data-a11y]{min-height:56px;font-size:15.5px}
  .a11y__panel button[data-a11y=a11y-still]{grid-column:1/-1}
}
@media (max-width:359px){.a11y__panel{grid-template-columns:1fr}}
@media (max-width:640px){html.a11y-large .a11y__panel{grid-template-columns:1fr}}
/* Between the collapsed menu and a wide screen, the full menu, the call to action and the toggle share one row. */
@media (min-width:901px) and (max-width:1100px){
  .top__in{gap:12px}
  .top__nav ul{gap:0}
  .top__nav a{padding:8px 8px;white-space:nowrap}
}

/* Larger text: main, the footer and the deadline bar are zoomed as browser zoom would, because the theme sizes text
   in px. They reflow inside the same width, so nothing scrolls sideways. The header keeps its size so it still fits
   a phone. */
html.a11y-large main,html.a11y-large .foot{zoom:1.2}
html.a11y-large .bgdl{zoom:1.12}
html.a11y-large .sheet__kicker{display:inline-block;text-align:center}
html.a11y-large .sheet__kicker .ico{vertical-align:-3px;margin-inline-end:6px}

/* High contrast: the theme's own colours made stronger, the graph-paper grid removed, links underlined, and the bars
   at the top and bottom of the screen in black and white too. */
html.a11y-contrast{--text:#000;--muted:#1a1a1a;--ink:#000;--navy:#00224a;--navy-2:#002f66;--line:#5a5a5a;--grid:transparent;--paper:#fff;--paper-2:#fff;--soft:#fff;--cta:#9a3412;--cta-d:#7c2d12}
html.a11y-contrast body{background:#fff}
html.a11y-contrast main a{text-decoration:underline}
html.a11y-contrast .top{background:#000;border-bottom:2px solid #fff}
html.a11y-contrast body .bgdl{background:#fff;color:#000;border-bottom:2px solid #000}
html.a11y-contrast body .bgdl .bgdl-days{color:#000}
html.a11y-contrast body .cc-banner{background:#fff;color:#000;border:2px solid #000}
html.a11y-contrast body .cc-banner a{color:#000;text-decoration:underline}
html.a11y-contrast .gtx-wiz__bar{background:#fff;box-shadow:inset 0 0 0 1.5px #000}
html.a11y-contrast .sheet__kicker,html.a11y-contrast .gtx-chip span{border-color:#000}
html.a11y-contrast .band--years,html.a11y-contrast .band--years .band__lede,html.a11y-contrast .band--years .band__source,
html.a11y-contrast .ledger__year:not(.is-closing) .ledger__v,html.a11y-contrast .ledger__year:not(.is-closing) .ledger__c,
html.a11y-contrast .foot,html.a11y-contrast .foot li a,html.a11y-contrast .foot__link,html.a11y-contrast .foot__small{color:#fff}
html.a11y-contrast .foot{background:#000}
html.a11y-contrast .ledger__year.is-closing .ledger__v,html.a11y-contrast .ledger__year.is-closing .ledger__c{color:#000}

/* Highlighted links: a thick underline on every link, and a yellow marker behind links in the text, a look the site
   uses nowhere else, so a link is never told apart by colour alone. */
html.a11y-links a{text-decoration:underline!important;text-decoration-thickness:3px!important;text-underline-offset:4px}
html.a11y-links main :is(p,li,td,dd,.crumbs) a{background:var(--hl-2);color:var(--ink)!important;border-radius:3px;box-shadow:0 0 0 2px var(--hl-2)}

/* A plain, readable font in place of the serif headings and Open Sans, with a little more space between letters. */
html.a11y-readable{--serif:Arial,"Helvetica Neue",sans-serif;--sans:Arial,"Helvetica Neue",sans-serif}
html.a11y-readable body{letter-spacing:.012em;word-spacing:.06em}

/* Stopped animations: no motion or fades anywhere, also for anyone whose system asks for reduced motion. */
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* =====================================================================================================================
   The notebook, all the way (Dor, Nov 10). Everything you read or fill in is a page torn from a school exercise book:
   punched holes along the top, a red margin line, and, where you write, ruled lines. Progress is a sticky note in
   the corner, written by hand. The squared paper is the desk; the plain bands between are a lighter, whiter paper,
   so a band without the grid no longer reads as the same paper with the grid missing.
   The holes are painted, not cut with a mask: a mask clipped the card's shadow and would cut through the note.
   ===================================================================================================================== */
@font-face{font-family:"Amatic SC";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/amatic-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Amatic SC";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/amatic-basic.woff2) format("woff2");unicode-range:U+0020-0040,U+005B-0060,U+007B-007E,U+00A0,U+2013-2014,U+2026,U+2713}
:root{
  --hand:"Amatic SC","Open Sans",Arial,sans-serif;
  --light:#fcfbf7;
  --page:#fffefb;
  --rule:rgba(36,99,170,.11);
  --margin-line:rgba(214,74,74,.42);
  --hole:#ebe6d8;
  --note:#fff1a0;
  --note-edge:#f2dc6b;
  --nb-holes:radial-gradient(circle 6px at 50% 17px,var(--hole) 5.5px,rgba(0,0,0,.05) 6px,transparent 6.5px) 0 0/30px 34px repeat-x;
  --nb-margin:linear-gradient(to left,transparent 28px,var(--margin-line) 28px,var(--margin-line) 30px,transparent 30px) no-repeat;
  --nb-ruled:repeating-linear-gradient(to bottom,transparent 0,transparent 33px,var(--rule) 33px,var(--rule) 34px);
}
body{background:var(--light)}
.band{background:var(--light)}
.band--guides,.band--faq{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:26px 26px;background-position:-1px -1px}
.band--branches{background:var(--light)}

/* The page itself */
.js .gtx-est[data-wizard],.gtx-res,.gtx-lead,.gtx-sent,.office,.toc,.table-wrap,.split__table,.band--faq .wrap--narrow{
  -webkit-mask:none;mask:none;filter:none;
  background:var(--nb-holes),var(--nb-margin),var(--page);
  border:1px solid #e3ded0;border-radius:6px 6px 14px 14px;
  box-shadow:0 1px 1px rgba(60,50,20,.05),0 12px 28px rgba(60,50,20,.09);
}
/* Where you write: ruled lines too */
.js .gtx-est[data-wizard],.band--faq .wrap--narrow,.gtx-lead{background:var(--nb-holes),var(--nb-margin),var(--nb-ruled),var(--page)}
.sheet__tool,.read__tool .gtx{filter:none}
.js .gtx-est[data-wizard] .gtx-wiz__main{padding-inline-start:52px;padding-inline-end:28px}
.js .gtx-est[data-wizard]:not(.is-wizard){padding-inline-start:52px}
.office,.toc{padding-top:44px}
.table-wrap{position:relative;padding-top:34px;border-radius:6px 6px 12px 12px}
.table-wrap table{background:transparent}
.table-wrap tbody th:first-child,.table-wrap td:first-child{background:var(--page)}
.table-wrap.is-scroll::before{position:absolute;top:0;inset-inline:0;background:none;border:0;text-align:center;font-family:var(--hand);font-size:20px;color:var(--navy-2);padding:6px 0 0}
.split__table{padding:34px 0 0;overflow:hidden}
.split__table .worth{border:0;box-shadow:none;border-radius:0;background:transparent}
.split__table .band__source{padding:0 16px 14px}
.band--faq .wrap--narrow{padding:46px 40px 18px;padding-inline-start:52px;max-width:860px}
.band--faq .faq{border-bottom-color:var(--rule)}

/* The progress: a sticky note taped to the page's corner */
.gtx-wiz__top{position:relative;display:flex;align-items:center;min-height:52px;margin:0 0 18px}
.gtx-wiz__note{position:absolute;top:-58px;inset-inline-end:-10px;margin:0;z-index:2;min-width:118px;padding:12px 16px 8px;background:var(--note);border-bottom:2px solid var(--note-edge);
  transform:rotate(-4deg);box-shadow:0 8px 14px rgba(60,50,20,.16);text-align:center;font-family:var(--hand);color:var(--ink);line-height:1}
.gtx-wiz__note::before{content:"";position:absolute;top:-9px;left:50%;width:58px;height:18px;margin-left:-29px;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.05);transform:rotate(3deg)}
.gtx-wiz__count{display:block;font-size:30px;font-weight:700;color:var(--ink)}
.gtx-wiz__marks{display:flex;justify-content:center;flex-wrap:wrap;gap:2px 5px;margin-top:4px;min-height:18px}
.gtx-wiz__marks i{font-style:normal;font-family:var(--hand);font-weight:700;font-size:20px;line-height:18px;color:var(--navy-2)}
.gtx-wiz__marks .is-now{width:15px;height:15px;margin-top:2px;border:2.5px solid var(--cta);border-radius:50% 45% 55% 50%;transform:rotate(-12deg)}
.gtx-wiz__bar,.gtx-wiz__count:empty{display:none}
.js .gtx-est[data-wizard] .gtx-chip span{background:rgba(255,255,255,.92)}

/* The answer and the contact step are one sheet: no tear between them, a pen line instead (Dor, Nov 10). */
.gtx:has(> .gtx-res){background:var(--nb-holes),var(--nb-margin),var(--page);border:1px solid #e3ded0;border-radius:6px 6px 14px 14px;
  box-shadow:0 1px 1px rgba(60,50,20,.05),0 12px 28px rgba(60,50,20,.09);max-width:780px;margin-inline:auto;padding:12px 0 8px}
.gtx:has(> .gtx-res) > .gtx-res,.gtx:has(> .gtx-res) > .gtx-lead{background:none;border:0;box-shadow:none;border-radius:0;margin:0}
.gtx:has(> .gtx-res) > .gtx-lead{background:var(--nb-ruled);background-position:0 8px}
.gtx:has(> .gtx-res) > .gtx-lead::before{content:"";display:block;height:14px;max-width:560px;margin:0 auto 22px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 14' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C 60 3, 120 12, 190 7 S 320 3, 390 8 S 500 11, 558 6' fill='none' stroke='%23174a86' stroke-width='2.2' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.gtx:has(> .gtx-res) > .gtx__title{padding:34px 24px 0;margin:0}
.gtx-res{padding-top:46px}

/* Small notes stuck on the page: the salary-chip call to action and the three "how it works" steps */
.cta-card{background:var(--note);border:0;border-bottom:2px solid var(--note-edge);border-radius:2px;transform:rotate(-.8deg);box-shadow:0 10px 18px rgba(60,50,20,.14);position:relative;margin:30px 0}
.cta-card::before{content:"";position:absolute;top:-10px;left:50%;width:76px;height:20px;margin-left:-38px;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.05);transform:rotate(-2deg)}
.cta-card__q strong{font-family:var(--hand);font-size:32px;font-weight:700}
.cta-card__chips a{background:rgba(255,255,255,.75);border-color:rgba(11,54,105,.18)}
.steps li{background:var(--note);border:0;border-bottom:2px solid var(--note-edge);border-radius:2px;box-shadow:0 8px 14px rgba(60,50,20,.12)}
.steps li:nth-child(1){transform:rotate(-1.2deg)}
.steps li:nth-child(2){transform:rotate(.8deg)}
.steps li:nth-child(3){transform:rotate(-.6deg)}
.steps b{font-family:var(--hand);font-size:26px;font-weight:700;line-height:1.05}
.steps li::before{background:none;color:var(--cta);border:2.5px solid var(--cta);border-radius:50% 45% 55% 50%;font-family:var(--hand);font-size:22px}

@media (max-width:640px){
  :root{--nb-margin:linear-gradient(to left,transparent 12px,var(--margin-line) 12px,var(--margin-line) 14px,transparent 14px) no-repeat}
  .js .gtx-est[data-wizard] .gtx-wiz__main,.js .gtx-est[data-wizard]:not(.is-wizard){padding-inline-start:26px;padding-inline-end:16px}
  .gtx-wiz__note{top:-52px;inset-inline-end:-4px;min-width:96px;padding:10px 12px 6px}
  .gtx-wiz__count{font-size:26px}
  .band--faq .wrap--narrow{padding:44px 18px 12px;padding-inline-start:28px;margin-inline:12px}
  .cta-card{transform:none}
  .steps li{transform:none!important}
}
@media (prefers-reduced-motion:reduce){.gtx-wiz__note{transform:none}}
/* One sheet, one paper: no ruled lines starting halfway down, which read as a second container again. */
.gtx:has(> .gtx-res) > .gtx-lead{background:none}
/* "What happens after you send" is a note stuck under the button, like the steps on the home page. */
.gtx-lead__next{background:var(--note);border-bottom:2px solid var(--note-edge);border-radius:2px;box-shadow:0 8px 14px rgba(60,50,20,.12);transform:rotate(-.6deg)}
@media (max-width:640px){.gtx-lead__next{transform:none}}
/* Inside the sheet, text clears the red margin line. */
.gtx:has(> .gtx-res) > .gtx-res,.gtx:has(> .gtx-res) > .gtx-lead{padding-inline-start:56px;padding-inline-end:28px}
@media (max-width:640px){.gtx:has(> .gtx-res) > .gtx-res,.gtx:has(> .gtx-res) > .gtx-lead{padding-inline-start:28px;padding-inline-end:14px}}
.office,.toc{padding-inline-start:52px}
@media (max-width:640px){.office,.toc{padding-inline-start:28px}}
/* The six-years ledger stays the dark band: the light-paper rule for bands came later and had overridden it. */
.band.band--years{background:var(--ink)}

/* ---- The notebook, second pass (Dor and an independent review, Nov 10) ----
   The margin line is where writing starts, so nothing is written over it: on desktop every table, the contents box
   and the office card keep the line and give their text room after it; on phones, tables drop it (Dor: "for table
   container no red line on mobile"). Holes stop at the margin, as on a real pad. The notes stay handwritten, numbers too (Dor: "keep it, like a note").
   */
:root{
  --rule:rgba(36,99,170,.075);
  --nb-holes:radial-gradient(circle 6px at 50% 17px,var(--hole) 5.5px,rgba(0,0,0,.05) 6px,transparent 6.5px) 0 0/30px 34px space no-repeat;
  --nb-cover:linear-gradient(to left,var(--page) 36px,transparent 36px) 0 0/100% 34px no-repeat;
}
.js .gtx-est[data-wizard],.band--faq .wrap--narrow,.gtx-lead{background:var(--nb-margin),var(--nb-cover),var(--nb-holes),var(--nb-ruled),var(--page)}
.gtx-res,.gtx-sent,.office,.toc,.table-wrap,.split__table{background:var(--nb-margin),var(--nb-cover),var(--nb-holes),var(--page)}
.gtx:has(> .gtx-res){background:var(--nb-margin),var(--nb-cover),var(--nb-holes),var(--page)}
.gtx:has(> .gtx-res) > .gtx-res,.gtx:has(> .gtx-res) > .gtx-lead{padding-inline-start:52px}

/* Tables: the first column starts after the line */
.table-wrap th:first-child,.table-wrap td:first-child,.worth th:first-child,.worth td:first-child{padding-inline-start:44px}
.table-wrap tbody th:first-child,.table-wrap td:first-child{background:var(--nb-margin),var(--page)}
.table-wrap thead th:first-child,.worth thead th:first-child{background:var(--nb-margin),var(--paper-2)}
.split__table .band__source{padding-inline-start:44px}
.table-wrap.is-scroll{padding-top:64px}
.table-wrap.is-scroll::before{top:34px;font-family:var(--sans);font-size:13px;font-weight:700;padding:4px 0 0}
/* A three-column table fits a phone: only wider ones scroll */
.table-wrap table:not(:has(tr > :nth-child(4))){min-width:0}
.toc{padding-inline-start:48px}
.office{padding-inline-start:52px}

/* The settlement box is a note stuck on the page too, so a page has one card style, not two */
.town{background:var(--note);border:0;border-bottom:2px solid var(--note-edge);border-radius:2px;box-shadow:0 10px 18px rgba(60,50,20,.14);position:relative;transform:rotate(-.5deg);margin-top:34px}
.town::before{content:"";position:absolute;top:-10px;left:50%;width:76px;height:20px;margin-left:-38px;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.05);transform:rotate(-2deg)}
.town__years li{background:rgba(255,255,255,.7)}
.prose .town__title,.town__title{margin-top:0}

/* Less empty paper above the question (Dor, Nov 10): the back link sits in a slim row, and none at all on question 1 */
.js .gtx-est[data-wizard] .gtx-wiz__main{padding-top:40px}
.gtx-wiz__top:has(.gtx-wiz__back[disabled]) .gtx-wiz__back{display:none}

/* The note: the question number in print, then a pen mark per question, done, now, and still ahead */
.gtx-wiz__note{max-width:176px}
.gtx-wiz__marks{gap:3px 6px;margin-top:6px}
.gtx-wiz__marks .is-todo{width:7px;height:7px;margin:5px 4px 0;border-radius:50%;background:rgba(11,54,105,.22)}

@media (max-width:640px){
  .table-wrap,.split__table{background:var(--nb-holes),var(--page)}
  .table-wrap th:first-child,.table-wrap td:first-child,.worth th:first-child,.worth td:first-child,.split__table .band__source{padding-inline-start:12px}
  .table-wrap tbody th:first-child,.table-wrap td:first-child{background:var(--page)}
  .table-wrap thead th:first-child,.worth thead th:first-child{background:var(--paper-2)}
  .toc,.office{padding-inline-start:26px}
  .gtx:has(> .gtx-res) > .gtx-res,.gtx:has(> .gtx-res) > .gtx-lead{padding-inline-start:26px}
  .gtx-wiz__nav{background:var(--nb-margin),var(--page);border-top:1px dashed rgba(36,99,170,.18);margin-inline:-26px -16px;padding-inline:26px 16px}
  .js .gtx-est[data-wizard] .gtx-wiz__main{padding-top:34px}
  .gtx-wiz__note{max-width:150px}
  .cta-card__chips a{white-space:nowrap;font-size:13.5px;padding:8px 4px}
  .town{transform:none}
}
/* The note rides in the top row, sticking up over the holes, so it never lies on the question (phone, Nov 10) */
.gtx-wiz__top{display:flex;align-items:flex-start;min-height:0;margin:0 0 10px}
.gtx-wiz__note{position:relative;top:auto;inset-inline-end:auto;margin:-52px -14px 0 0;margin-inline-start:auto;margin-inline-end:-14px}
@media (max-width:640px){.gtx-wiz__note{margin-top:-46px;margin-inline-end:-6px}}
/* The first state before the script runs, matched to the slimmer top so nothing moves when it takes over */
.js .gtx-est[data-wizard]:not(.is-wizard){padding-top:74px;padding-bottom:30px}
@media (max-width:640px){.js .gtx-est[data-wizard]:not(.is-wizard){padding-top:66px;padding-bottom:18px}}
.js .gtx-est[data-wizard]{margin-top:24px}
/* The thank-you is a notebook page too: its text starts after the margin line, at both widths (Nov 10) */
.gtx-sent{padding-inline-start:52px}
@media (max-width:640px){.gtx-sent{padding-inline-start:28px}}
/* The handwritten number sat low in its circle: the font's line was 36px tall in a 23px circle (Dor, Nov 10) */
.steps li::before{line-height:1}