:root {
  --navy:#0f1c3d;
  --brass:#a8832f;
  --brassl:#cfa94e;
  --paper:#f6f2e4;
  --ink:#1a2140;
  --muted:#59607c;
  --card:#fffdf6;
  --line:#cdbf93;
  color-scheme:light dark;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}

@media (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) {
    --paper:#0b1630;
    --ink:#efe9d2;
    --muted:#aab0c8;
    --card:#122248;
    --line:#3a4f80;
    --brass:#cfa94e;
  }
}

:root[data-theme="dark"] {
  --paper:#0b1630;
  --ink:#efe9d2;
  --muted:#aab0c8;
  --card:#122248;
  --line:#3a4f80;
  --brass:#cfa94e;
}

html {
  scroll-padding-top:env(safe-area-inset-top,0px);
  scroll-behavior:smooth;
}

* {
  box-sizing:border-box;
}

body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'David Libre','Times New Roman',serif;
  line-height:1.8;
}

h1,h2,h3 {
  font-family:'Suez One','David Libre',serif;
  margin:0;
  font-weight:400;
}

a {
  color:inherit;
}

a:focus-visible {
  outline:3px solid var(--brassl);
  outline-offset:3px;
}

.top {
  background:var(--navy);
  color:#d9d2b4;
  font-size:.9rem;
  padding:8px 20px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.top a {
  text-decoration:none;
}

.top bdi {
  direction:ltr;
  unicode-bidi:isolate;
}

.frame {
  max-width:1000px;
  margin:0 auto;
  padding:0 20px;
}

section {
  padding:56px 0 8px;
}

.h {
  text-align:center;
  margin-bottom:30px;
}

.h h2 {
  font-size:1.85rem;
  display:inline-block;
  padding:0 6px;
}

.h:after {
  content:"";
  display:block;
  width:90px;
  height:7px;
  margin:12px auto 0;
  border-top:1px solid var(--brass);
  border-bottom:3px double var(--brass);
}

.areas {
  list-style:none;
  margin:0;
  padding:0;
  border-top:2px solid var(--navy);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
  column-gap:48px;
}

.areas li {
  padding:16px 2px;
  border-bottom:1px solid var(--line);
  font-size:1.25rem;
  font-family:'Bellefair','David Libre',serif;
  display:flex;
  gap:12px;
  align-items:baseline;
}

.areas li:before {
  content:"§";
  color:var(--brass);
  font-family:'Suez One','David Libre',serif;
  font-weight:700;
}

.stat {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
  border-block:3px double var(--brass);
  padding:22px 10px;
  text-align:center;
}

.stat b {
  font-weight:400;
  font-family:'Suez One','David Libre',serif;
  font-size:2.8rem;
  color:var(--brass);
  line-height:1;
}

.stat span {
  color:var(--muted);
}

.stars {
  color:var(--brass);
  letter-spacing:4px;
}

.quotes {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:26px;
}

blockquote {
  margin:0;
  padding:26px 26px 20px;
  background:var(--card);
  border:1px solid var(--line);
  position:relative;
}

blockquote:before {
  content:"”";
  position:absolute;
  top:-6px;
  right:18px;
  font:400 4rem/1 'Suez One','David Libre',serif;
  color:var(--brass);
  opacity:.5;
}

blockquote p {
  margin:14px 0 16px;
  font-family:'Bellefair','David Libre',serif;
  font-size:1.3rem;
  line-height:1.7;
}

cite {
  font-style:normal;
  font-weight:700;
  border-top:1px solid var(--line);
  display:block;
  padding-top:10px;
}

cite small {
  display:block;
  font-weight:400;
  color:var(--muted);
}

.more {
  text-align:center;
  margin-top:22px;
  font-size:.95rem;
}

.more a {
  color:var(--brass);
}

.areas2 {
  text-align:center;
  color:var(--muted);
  margin:0;
}

.contact {
  background:var(--navy);
  color:#fff;
  margin-top:56px;
  padding:56px 0;
  border-top:4px solid var(--brassl);
}

.contact .h h2 {
  color:#fff;
}

.contact .h:after {
  border-color:var(--brassl);
}

.addr {
  text-align:center;
  font-size:1.15rem;
  margin:0 0 26px;
  color:#e8dfc0;
}

.cbtns {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;
}

.cb {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:15px 18px;
  border:1px solid var(--brassl);
  color:#fff;
  text-decoration:none;
  font-weight:500;
  background:transparent;
}

.cb:hover {
  background:rgba(207,169,78,.18);
}

.cb.wa {
  background:var(--brassl);
  color:#0f1c3d;
  font-weight:700;
}

.cb bdi {
  direction:ltr;
  unicode-bidi:isolate;
}

.mailtxt {
  text-align:center;
  margin:20px 0 0;
  color:#cfc8aa;
}

footer {
  background:#08112a;
  color:#a9a284;
  text-align:center;
  padding:18px;
  font-size:.88rem;
}

.addr small {
  display:block;
  color:var(--brassl);
  font-size:.9rem;
}

.addr .nav {
  margin-top:8px;
  font-size:.95rem;
}

.addr .nav a {
  color:#fff;
  margin:0 12px;
  text-underline-offset:4px;
}

.areas {
  grid-template-columns:repeat(2,minmax(0,1fr));
}

@media(max-width:640px) {
  .areas {
    grid-template-columns:1fr;
  }
}

.cbtns {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.cb {
  padding:14px 8px;
  font-size:.95rem;
  gap:8px;
  white-space:nowrap;
}

@media(max-width:760px) {
  .cbtns {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

.oh {
  margin:52px 0 26px;
}

.offices {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  text-align:center;
}

@media(max-width:760px) {
  .offices {
    grid-template-columns:1fr;
  }
}

.of {
  border:1px solid rgba(207,169,78,.55);
  padding:24px 16px;
  background:rgba(255,255,255,.04);
}

.of h3 {
  font-family:'Bellefair','Suez One',serif;
  color:var(--brassl);
  font-size:1.6rem;
  margin-bottom:6px;
}

.of p {
  margin:0 0 8px;
  color:#e8dfc0;
}

.nv a {
  color:#fff;
  font-size:.9rem;
  margin:0 8px;
  text-underline-offset:4px;
}

.ph {
  margin-top:14px;
  display:grid;
  gap:4px;
}

.ph a {
  color:#fff;
  text-decoration:none;
}

.ph bdi {
  direction:ltr;
  unicode-bidi:isolate;
}

.quotes {
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.quotes blockquote:nth-child(-n+2) {
  order:2;
}

@media(max-width:700px) {
  .quotes {
    gap:10px;
  }
  blockquote {
    padding:20px 12px 14px;
  }
  blockquote p {
    font-size:.9rem;
    line-height:1.6;
  }
  cite {
    font-size:.85rem;
  }
}

.cb {
  background:var(--brassl);
  color:#0f1c3d;
  font-weight:700;
}

.cb:hover {
  background:#e3c06b;
}

.nv a {
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.ph a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.ph svg {
  color:var(--brassl);
  flex:none;
}

.ahd {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
}

.medal {
  width:96px;
  height:96px;
  border-radius:50%;
  box-shadow:0 8px 16px rgba(0,0,0,.35);
}

.areas li:before {
  content:"";
  width:24px;
  height:24px;
  flex:none;
  align-self:center;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8923c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v17M7 20h10M5 6.5h14'/%3E%3Cpath d='M5 6.5 2.5 13a3 3 0 0 0 5 0zM19 6.5 16.5 13a3 3 0 0 0 5 0z'/%3E%3C/svg%3E") center/contain no-repeat;
}

@media(max-width:640px) {
  .medal {
    width:72px;
    height:72px;
  }
  .ahd {
    gap:12px;
  }
}

:root {
  --stone:url(images/stone.jpg);
}

.stone {
  background:var(--stone) center/cover,#0a142e;
}

.hero {
  position:relative;
  overflow:hidden;
  color:#f3ead0;
  text-align:center;
  padding:64px 20px 72px;
  border-bottom:4px solid var(--brassl);
}

.hero:after {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 50% 40%,rgba(5,10,28,.55) 0,rgba(5,10,28,.1) 60%,rgba(5,10,28,.6) 100%);
  pointer-events:none;
}

.hero>* {
  position:relative;
  z-index:1;
}

.hero .logo {
  display:block;
  width:clamp(210px,34vw,340px);
  height:auto;
  margin:0 auto 22px;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.7)) drop-shadow(0 0 22px rgba(224,178,70,.25));
}

.rule {
  width:150px;
  height:7px;
  margin:0 auto 24px;
  border-top:1px solid var(--brassl);
  border-bottom:3px double var(--brassl);
}

.hero h1 {
  font-size:clamp(2.4rem,6.2vw,4.2rem);
  line-height:1.15;
  color:#f6e7b4;
  text-shadow:0 3px 18px rgba(0,0,0,.7);
  letter-spacing:.01em;
}

.hero .kicker {
  font-family:'Bellefair','Suez One',serif;
  font-size:clamp(1.5rem,3.4vw,2.2rem);
  margin:12px 0 0;
  color:#e3c06b;
  letter-spacing:.04em;
}

.hero .sub {
  max-width:44ch;
  margin:20px auto 30px;
  font-size:1.2rem;
  color:#e6e0cb;
}

.go {
  display:inline-block;
  background:var(--brassl);
  color:#0f1c3d;
  border:1px solid var(--brassl);
  font-weight:700;
  text-decoration:none;
  padding:12px 34px;
  font-family:'Bellefair','David Libre',serif;
  font-size:1.3rem;
}

.go:hover {
  background:#e3c06b;
}

.about {
  max-width:760px;
  margin:0 auto;
  padding:60px 0 8px;
  text-align:center;
}

.about .lead {
  font-family:'Bellefair','Suez One',serif;
  font-size:clamp(1.6rem,3.6vw,2.2rem);
  line-height:1.5;
  margin:0 0 6px;
}

.about .rule {
  margin:26px auto;
}

.about p.b {
  font-size:1.2rem;
  line-height:1.95;
  margin:0 0 18px;
  text-wrap:pretty;
}

.contact {
  background:var(--stone) center/cover,#0a142e;
}

.cb {
  font-family:'Bellefair','David Libre',serif;
  font-size:1.15rem;
}

@media(max-width:640px) {
  .hero {
    padding:44px 18px 52px;
  }
  .about {
    padding-top:44px;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
}

/* כותרת עליונה ותפריט צד */
html {
  scroll-padding-top:calc(76px + env(safe-area-inset-top,0px));
}

button:focus-visible,input:focus-visible,textarea:focus-visible {
  outline:3px solid var(--brassl);
  outline-offset:3px;
}

.skip {
  position:absolute;
  inset-inline-start:12px;
  top:-80px;
  z-index:60;
  padding:10px 18px;
  background:var(--card);
  color:var(--ink);
}

.skip:focus {
  top:12px;
}

.site-top {
  position:sticky;
  top:0;
  z-index:30;
  background:var(--navy);
  border-bottom:1px solid var(--brassl);
}

.site-top-in {
  display:flex;
  align-items:center;
  gap:12px;
  max-width:1000px;
  margin:0 auto;
  padding:8px 20px;
}

.site-logo {
  display:block;
  line-height:0;
}

.site-logo img {
  height:44px;
  width:auto;
}

.site-cta {
  margin-inline-start:auto;
  padding:6px 18px;
  font-size:1.1rem;
  white-space:nowrap;
}

.burger {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  width:44px;
  height:44px;
  padding:0 8px;
  background:transparent;
  border:0;
  cursor:pointer;
}

.burger span {
  display:block;
  height:2px;
  background:var(--brassl);
}

html:not(.js) .burger,html:not(.js) .m-close {
  display:none;
}

.drawer {
  background:var(--paper);
  color:var(--ink);
}

.js .drawer {
  position:fixed;
  top:0;
  bottom:0;
  right:0;
  z-index:50;
  width:min(380px,88vw);
  overflow-y:auto;
  border-inline-end:2px solid var(--brassl);
  box-shadow:0 0 30px rgba(0,0,0,.45);
  transform:translateX(100%);
  visibility:hidden;
  transition:transform .25s ease,visibility 0s linear .25s;
}

.js .drawer.open {
  transform:none;
  visibility:visible;
  transition:transform .25s ease;
}

.m-scrim {
  position:fixed;
  inset:0;
  z-index:40;
  background:rgba(0,0,0,.55);
}

.menu-open {
  overflow:hidden;
}

.m-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 20px;
  border-bottom:3px double var(--brass);
}

.m-title {
  font-family:'Suez One','David Libre',serif;
  font-size:1.4rem;
}

.m-close {
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  padding:0;
  background:transparent;
  border:1px solid var(--line);
  color:var(--ink);
  cursor:pointer;
}

.m-list,.m-panel {
  list-style:none;
  margin:0;
  padding:0;
}

.m-list>li {
  border-bottom:1px solid var(--line);
}

.m-link,.m-acc {
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:56px;
  padding:10px 20px;
  background:transparent;
  border:0;
  color:var(--ink);
  font:inherit;
  font-family:'Bellefair','David Libre',serif;
  font-size:1.2rem;
  line-height:1.35;
  text-align:start;
  text-decoration:none;
  cursor:pointer;
}

.m-link:hover,.m-acc:hover,.m-panel a:hover {
  background:var(--card);
}

.m-link:focus-visible,.m-acc:focus-visible,.m-panel a:focus-visible,.m-close:focus-visible {
  outline-offset:-3px;
}

.ico {
  flex:none;
  color:var(--brass);
}

.chev {
  margin-inline-start:auto;
  transition:transform .2s ease;
}

.m-acc[aria-expanded="true"] .chev {
  transform:rotate(180deg);
}

.m-panel {
  padding:0 0 10px;
}

.m-panel a,.m-soon {
  display:block;
  padding:9px 56px 9px 20px;
  font-size:1.05rem;
  line-height:1.4;
}

.m-panel a {
  text-decoration:none;
}

.m-panel a[aria-current="page"] {
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:4px;
}

.m-soon {
  color:var(--muted);
}

/* עמודי נושא ופעולה */
.crumbs {
  padding:20px 0 0;
  color:var(--muted);
  font-size:.95rem;
}

.crumbs ol {
  display:flex;
  flex-wrap:wrap;
  gap:4px 8px;
  list-style:none;
  margin:0;
  padding:0;
}

.crumbs li+li:before {
  content:"‹";
  margin-inline-end:8px;
  color:var(--brass);
}

.crumbs a {
  color:var(--ink);
  text-underline-offset:3px;
}

.article {
  max-width:760px;
  margin:0 auto;
}

.page-head {
  padding:36px 0 8px;
  text-align:center;
}

.eyebrow {
  margin:0 0 8px;
  color:var(--muted);
  font-family:'Bellefair','David Libre',serif;
  font-size:1.15rem;
}

.page-head h1 {
  font-size:clamp(2rem,5vw,3rem);
  line-height:1.2;
}

.page-head .rule {
  margin:20px auto;
}

.page-lead,.page-lead p {
  font-family:'Bellefair','David Libre',serif;
  font-size:1.35rem;
  line-height:1.7;
  text-wrap:pretty;
}

.page-lead p {
  margin:0 0 12px;
}

.article h2,.related h2 {
  margin:44px 0 14px;
  font-size:1.6rem;
  line-height:1.3;
}

.article>p {
  margin:0 0 16px;
  font-size:1.15rem;
  line-height:1.9;
}

.article>p a {
  color:var(--ink);
  text-underline-offset:4px;
  text-decoration-color:var(--brass);
}

.tick {
  list-style:none;
  margin:0 0 16px;
  padding:0;
  font-size:1.15rem;
  line-height:1.8;
}

.tick li {
  position:relative;
  padding:0 26px 8px 0;
}

.tick li:before {
  content:"";
  position:absolute;
  right:4px;
  top:.75em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--brass);
}

.steps {
  counter-reset:step;
  list-style:none;
  margin:0 0 20px;
  padding:0;
}

.steps li {
  counter-increment:step;
  position:relative;
  min-height:44px;
  padding:0 58px 18px 0;
}

.steps li:before {
  content:counter(step);
  position:absolute;
  right:0;
  top:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border:1px solid var(--brass);
  border-radius:50%;
  color:var(--brass);
  font-family:'Suez One','David Libre',serif;
  font-size:1.15rem;
}

.steps li:not(:last-child):after {
  content:"";
  position:absolute;
  right:20px;
  top:44px;
  bottom:4px;
  border-right:1px solid var(--brass);
}

.steps h3,.faq-item h3 {
  font-size:1.2rem;
  line-height:1.4;
  margin:0 0 4px;
}

.steps p,.faq-item p {
  margin:0;
  font-size:1.1rem;
  line-height:1.8;
}

.faq {
  display:grid;
  gap:14px;
}

.faq-item {
  padding:18px 22px;
  background:var(--card);
  border:1px solid var(--line);
}

.related {
  max-width:760px;
  margin:0 auto;
  padding:0;
}

.cards {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}

.card-link {
  display:block;
  padding:18px 20px;
  background:var(--card);
  border:1px solid var(--line);
  border-top:3px solid var(--brass);
  color:var(--ink);
  text-decoration:none;
}

.card-link:hover {
  border-color:var(--brass);
}

.card-link strong {
  display:block;
  margin-bottom:6px;
  font-family:'Suez One','David Libre',serif;
  font-size:1.15rem;
  font-weight:400;
  line-height:1.35;
}

.card-link span {
  display:block;
  color:var(--muted);
  font-size:1rem;
  line-height:1.6;
}

/* טופס יצירת קשר */
.lf-intro {
  margin:0 0 22px;
  text-align:center;
  font-size:1.1rem;
}

.lead-form {
  max-width:720px;
  margin:0 auto;
}

.cbtns+.lead-form {
  margin-top:36px;
}

.lf-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.lf-wide {
  grid-column:1/-1;
}

.lf-field label {
  display:block;
  margin-bottom:4px;
  font-weight:700;
}

.lf-field input,.lf-field textarea {
  display:block;
  width:100%;
  min-height:46px;
  padding:10px 12px;
  background:var(--card);
  border:1px solid var(--brassl);
  color:var(--ink);
  font:inherit;
}

.lf-field input[type="tel"] {
  text-align:right;
}

.lf-field textarea {
  resize:vertical;
}

.lf-field [aria-invalid="true"] {
  border-width:3px;
}

.lf-err {
  margin:6px 0 0;
  color:var(--brassl);
  font-weight:700;
}

.lf-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

.lf-actions button {
  cursor:pointer;
  border:1px solid var(--brassl);
}

.lf-status {
  margin:14px 0 0;
  text-align:center;
}

.lf-status:empty {
  display:none;
}

@media(max-width:520px) {
  .lf-grid {
    grid-template-columns:1fr;
  }
  .site-top-in {
    padding:8px 12px;
    gap:8px;
  }
  .site-cta {
    padding:6px 10px;
    font-size:1rem;
  }
}

@media(prefers-reduced-motion:reduce) {
  .js .drawer,.js .drawer.open,.chev {
    transition:none;
  }
}

/* פס עליון ברוחב מלא עם פרטי קשר */
.site-top-in {
  max-width:none;
  padding-inline:clamp(12px,4vw,72px);
}

.site-cta {
  margin-inline-start:0;
}

.st-contacts {
  display:none;
  flex:1;
  align-items:center;
  justify-content:center;
  gap:clamp(14px,2.5vw,36px);
}

.st-contacts a {
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:44px;
  color:#f3ead0;
  text-decoration:none;
  white-space:nowrap;
}

.st-contacts a:hover {
  color:var(--brassl);
}

.st-contacts a:focus-visible {
  outline:3px solid #f6e7b4;
  outline-offset:2px;
}

.st-contacts {
  font-family:'Bellefair','David Libre',serif;
  font-size:1.1rem;
}

.st-nav {
  position:relative;
}

.st-nav summary {
  display:flex;
  align-items:center;
  min-height:44px;
  color:#f3ead0;
  cursor:pointer;
  list-style:none;
}

.st-nav summary::-webkit-details-marker {
  display:none;
}

.st-nav summary:hover {
  color:var(--brassl);
}

.st-nav summary:focus-visible {
  outline:3px solid #f6e7b4;
  outline-offset:2px;
}

.st-branches {
  position:absolute;
  top:100%;
  right:50%;
  z-index:31;
  min-width:140px;
  transform:translateX(50%);
  background:var(--navy);
  border:1px solid var(--brassl);
}

.st-contacts .st-branches a {
  display:flex;
  justify-content:center;
  padding:0 16px;
}

.st-branches a + a {
  border-top:1px solid rgba(224,178,70,.35);
}

.st-sep {
  width:1px;
  height:24px;
  background:var(--brassl);
}

.st-contacts .st-tel {
  color:#f6e7b4;
  font-size:1.25rem;
}

#about,#topics,#reviews,#branches {
  scroll-margin-top:76px;
}

.site-top-in {
  justify-content:flex-start;
}

.site-top-in>.site-cta {
  margin-inline-start:auto;
}

@media(min-width:900px) {
  .st-contacts {
    display:flex;
  }
  .site-top-in>.site-cta {
    margin-inline-start:0;
  }
}

/* דף הבית: כל התחומים במסך הפתיחה */
.hero {
  padding:28px 20px 32px;
}

.hero .logo,.hero .rule {
  display:none;
}

.hero h1 {
  font-size:clamp(1.9rem,4.4vw,3rem);
}

.hero .kicker {
  font-size:clamp(1.2rem,2.4vw,1.6rem);
  margin-top:4px;
}

.hero .sub {
  max-width:70ch;
  margin:8px auto 0;
  font-size:1.05rem;
  line-height:1.5;
}

.hero-topics {
  max-width:1040px;
  margin:18px auto 20px;
}

.hero-topics h2 {
  margin:0 0 10px;
  font-size:1.3rem;
  color:#e3c06b;
}

.hero-topics ul {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

.hero-topics li {
  flex:0 0 calc(25% - 7.5px);
}

.hero-topics a {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:100%;
  min-height:64px;
  padding:10px 12px;
  border:1px solid rgba(224,178,70,.45);
  background:rgba(5,10,28,.35);
  color:#f3ead0;
  line-height:1.3;
  text-decoration:none;
}

.hero-topics strong {
  font-weight:400;
}

.hero-topics li.core a {
  border:2px solid var(--brassl);
  background:rgba(5,10,28,.75);
}

.hero-topics li.core strong {
  font-weight:700;
  font-size:1.15rem;
}

.hero-topics a:hover,.hero-topics li.core a:hover {
  background:var(--brassl);
  color:#0f1c3d;
}

.hero-topics a:focus-visible {
  outline:3px solid #f6e7b4;
  outline-offset:2px;
}

@media(max-width:760px) {
  .hero {
    padding:16px 12px 24px;
  }
  .hero .sub {
    font-size:.95rem;
  }
  .hero-topics {
    margin:12px auto 16px;
  }
  .hero-topics h2 {
    margin-bottom:8px;
    font-size:1.1rem;
  }
  .hero-topics ul {
    gap:8px;
  }
  .hero-topics li {
    flex:0 0 calc(50% - 4px);
  }
  .hero-topics a {
    min-height:48px;
    padding:6px 8px;
    gap:4px;
  }
  .hero-topics li.core strong {
    font-size:1rem;
  }
}

/* ציור האייקונים בריבועי התחומים */
@keyframes icon-draw {
  from {
    stroke-dashoffset:1;
  }
  to {
    stroke-dashoffset:0;
  }
}

/* אייקונים בריבועי התחומים */
.hero-topics svg {
  flex:none;
  width:26px;
  height:26px;
  color:var(--brassl);
}

.hero-topics li.core svg {
  width:34px;
  height:34px;
}

.hero-topics a {
  gap:6px;
}

.hero-topics a:hover svg {
  color:#0f1c3d;
}

@media(prefers-reduced-motion:no-preference) {
  .hero-topics a:hover svg *,.hero-topics a:focus-visible svg * {
    stroke-dasharray:1;
    animation:icon-draw .8s ease-out both;
  }
}

@media(max-width:760px) {
  .hero-topics li.core svg {
    width:28px;
    height:28px;
  }
  .hero-topics svg {
    width:22px;
    height:22px;
  }
}

/* רכיבי תוכן */
.toc {
  margin:0 0 28px;
  padding:16px 20px;
  background:var(--card);
  border:1px solid var(--line);
}

.article .toc h2 {
  margin:0 0 8px;
  font-size:1.15rem;
}

.toc ol {
  margin:0;
  padding-inline-start:22px;
}

.toc li {
  margin:0;
}

.toc a {
  display:inline-block;
  min-height:44px;
  padding:8px 0;
  color:var(--ink);
  text-underline-offset:4px;
  text-decoration-color:var(--brass);
}

.article h2[id] {
  scroll-margin-top:76px;
}

.table-wrap {
  overflow-x:auto;
  margin:0 0 12px;
  border:1px solid var(--line);
}

.table-wrap:focus-visible {
  outline:3px solid var(--brass);
  outline-offset:2px;
}

.table-hint {
  display:none;
  margin:0 0 6px;
  color:var(--muted);
  font-size:1rem;
}

@media(max-width:620px) {
  .table-hint {
    display:block;
  }
}

.compare {
  width:100%;
  min-width:560px;
  border-collapse:collapse;
  background:var(--card);
  font-size:1.05rem;
  line-height:1.6;
}

.compare th,.compare td {
  padding:10px 14px;
  border:1px solid var(--line);
  text-align:start;
  vertical-align:top;
}

.compare th {
  font-family:'Suez One','David Libre',serif;
  font-weight:400;
}

.compare thead th {
  background:var(--navy);
  color:#f6e7b4;
}

.draft {
  margin:0 0 20px;
  color:var(--muted);
  font-size:.95rem;
}

/* ציר השלבים: בלי JavaScript או עם הגבלת תנועה המחלקה לא נוספת, והציר סטטי ומלא */
.steps-wait li {
  opacity:0;
  transform:translateY(14px);
  transition:opacity .5s ease-out,transform .5s ease-out;
}

.steps-wait li.in {
  opacity:1;
  transform:none;
}

.steps-wait li:not(:last-child):after {
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .6s ease-out .2s;
}

.steps-wait li.in:not(:last-child):after {
  transform:scaleY(1);
}

.steps-wait li.in:before {
  animation:step-mark .9s ease-out;
}

@keyframes step-mark {
  0%,55% {
    background:var(--brassl);
    color:#0f1c3d;
    transform:scale(1.08);
  }
  100% {
    background:transparent;
    color:var(--brass);
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce) {
  .steps-wait li,.steps-wait li:not(:last-child):after {
    opacity:1;
    transform:none;
    transition:none;
  }
  .steps-wait li.in:before {
    animation:none;
  }
}

/* סרגל פעולה בנייד */
.action-bar {
  display:none;
}

@media(max-width:760px) {
  html {
    scroll-padding-bottom:calc(60px + env(safe-area-inset-bottom,0px));
  }
  body {
    padding-bottom:calc(52px + env(safe-area-inset-bottom,0px));
  }
  .action-bar {
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:30;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
    padding-bottom:env(safe-area-inset-bottom,0px);
    background:var(--navy);
    border-top:1px solid var(--brassl);
  }
  .action-bar a {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:51px;
    color:#f6e7b4;
    font-weight:700;
    text-decoration:none;
  }
  .action-bar a + a,.action-bar a + details,.action-bar details + a {
    border-inline-start:1px solid var(--brass);
  }
  .action-bar summary {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:51px;
    color:#f6e7b4;
    font-weight:700;
    cursor:pointer;
    list-style:none;
  }
  .action-bar summary::-webkit-details-marker {
    display:none;
  }
  .action-bar summary:focus-visible {
    outline:3px solid var(--brassl);
    outline-offset:-3px;
  }
  .ab-branches {
    position:absolute;
    right:0;
    bottom:100%;
    left:0;
    background:var(--navy);
    border-top:1px solid var(--brassl);
  }
  .ab-branches p {
    margin:0;
    padding:10px 16px 6px;
    color:#e3c06b;
    text-align:center;
  }
  .action-bar .ab-branches a + a,.action-bar .ab-branches p + a {
    border-inline-start:0;
    border-top:1px solid rgba(224,178,70,.35);
  }
  .action-bar a:focus-visible {
    outline:3px solid var(--brassl);
    outline-offset:-3px;
  }
  .action-bar.ab-hidden:not(:focus-within) {
    transform:translateY(100%);
  }
}

@media(max-width:760px) and (prefers-reduced-motion:no-preference) {
  .action-bar {
    transition:transform .25s ease-out;
  }
}

/* הסכמה בטופס וקישורים בתחתית */
.lf-consent {
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  margin-top:14px;
}

.lf-consent input {
  width:24px;
  height:24px;
  margin:10px;
  accent-color:var(--brassl);
  cursor:pointer;
}

.lf-consent label {
  padding:8px 0;
  line-height:1.6;
  cursor:pointer;
}

.lf-consent a {
  color:var(--brassl);
}

.lf-consent .lf-err {
  grid-column:2;
}

.lf-consent [aria-invalid="true"] {
  outline:3px solid var(--brassl);
  outline-offset:2px;
}

.lf-note {
  margin:4px 0 0;
  color:#cfc8aa;
  font-size:.95rem;
  line-height:1.6;
}

.foot-links {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:0 18px;
  margin-top:4px;
}

.foot-links a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:#cfc8aa;
  text-underline-offset:4px;
}

.draft-top {
  margin:0;
  padding:10px 14px;
  background:var(--card);
  border:1px solid var(--line);
  border-inline-start:3px solid var(--brass);
  color:var(--ink);
  font-weight:700;
}

.ltr-link {
  white-space:nowrap;
}

.ltr-link bdi {
  direction:ltr;
  unicode-bidi:isolate;
}