/* Inner pages: the navy "לילה כחול" look of the home page, with room to breathe.
   Loaded last on every inner page, so it wins over each page's inline base style. */
:root{
  --bg:#131b28;--bg-2:#172133;--panel:#1b2537;--panel-2:#202b3f;
  --fg:#ece8e0;--dim:#b3bac5;--acc:#d2b98d;--gold:#d2b98d;--ink:#1d1910;
  --line:rgba(236,232,224,.12);
  --gold-metal:linear-gradient(180deg,#dcc69e,#c4a877);
  --gold-text:linear-gradient(180deg,#e4d0a8,#c6aa78);
  --pad:clamp(20px,5vw,64px);
}
html.a11y-contrast{--bg:#000;--bg-2:#000;--panel:#000;--panel-2:#111;--fg:#fff;--dim:#f2f2f2;--line:rgba(255,255,255,.55)}
body{background:var(--bg);color:var(--fg);line-height:1.8;-webkit-font-smoothing:antialiased}
::selection{background:var(--acc);color:var(--ink)}

/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(19,27,40,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:18px var(--pad)}
.logo{color:var(--fg)}
.logo b{color:var(--acc)}
.top-cta,.back{background:var(--gold-metal);color:var(--ink);border:1px solid rgba(196,168,119,.7);box-shadow:inset 0 1px 0 rgba(255,250,235,.35);border-radius:999px;padding:10px 24px;font-weight:700;font-size:.92rem;text-decoration:none}
.back:hover{text-decoration:none}

/* reading column with air */
main{max-width:720px;padding:clamp(64px,9vw,112px) 24px 40px}
.crumbs{font-size:.85rem;color:var(--dim);margin-bottom:22px}
.crumbs a{color:var(--acc)}
.meta{font-size:.85rem;color:var(--dim);margin-bottom:22px;gap:12px}
.cat,.posts .cat{background:transparent;color:var(--acc);border:1px solid rgba(210,185,141,.4);padding:3px 14px;font-weight:600}
h1{font-size:clamp(2.2rem,5.4vw,3.5rem);font-weight:900;line-height:1.12;letter-spacing:-.025em;margin-bottom:28px;color:var(--fg)}
.intro{font-size:clamp(1.12rem,1.5vw,1.25rem);font-weight:300;line-height:1.85;color:var(--fg);margin-bottom:12px}
h2{font-size:clamp(1.55rem,2.8vw,2.1rem);font-weight:800;line-height:1.2;letter-spacing:-.015em;margin:clamp(64px,8vw,96px) 0 20px;color:var(--fg)}
h2::before{content:"";display:block;width:38px;height:1px;border-radius:0;background:var(--acc);margin:0 0 22px}
h3{color:var(--fg)}
p{color:var(--dim);font-size:1.06rem;line-height:1.95;margin-bottom:22px}
strong,b{color:var(--fg)}
a{color:inherit}
main p a,main li a{color:var(--acc);text-underline-offset:4px}
.cta-line{color:var(--fg);font-weight:500;margin-top:36px}

/* lists */
.steps{margin:14px 0 24px}
.steps li{padding:0 52px 26px 0;color:var(--dim);font-size:1.04rem;line-height:1.9}
.steps li::before{background:transparent;border:1px solid var(--acc);color:var(--acc);font-weight:700;width:34px;height:34px}
.steps li b{margin-bottom:4px}
.check{margin:14px 0 24px}
.check li{padding-right:28px;margin-bottom:16px;color:var(--dim);font-size:1.04rem;line-height:1.9}
.check li::before{background:var(--acc);border-radius:50%;width:6px;height:6px;top:.85em}
main ul:not([class]) li,main ol:not([class]) li{color:var(--dim);margin-bottom:12px;line-height:1.9}

/* cards */
.two,.hoods,.dirs{gap:16px;margin:22px 0 28px}
.two>div,.hoods a,.dir{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px 26px 24px}
.two h3,.hoods b,.dir b{font-size:1.08rem;margin-bottom:8px;color:var(--fg)}
.two p,.dir p,.hoods span{font-size:.97rem;line-height:1.8;color:var(--dim);margin:0}
.dir b span{color:var(--acc)}
.hoods a:hover{border-color:rgba(210,185,141,.55);transform:translateY(-2px)}
.fill{background:rgba(210,185,141,.12);border-color:var(--acc);color:var(--acc)}
.note{background:var(--panel);border:1px solid var(--line);border-inline-start:2px solid var(--acc);border-radius:12px;padding:20px 24px;margin:32px 0}

/* faq */
.faq{margin-top:10px}
.faq details{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 0;margin:0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font-size:1.06rem;font-weight:600;color:var(--fg)}
.faq summary::after{color:var(--acc);font-weight:300;font-size:1.3rem;line-height:1}
.faq p{margin:14px 0 0;font-size:1rem}

/* tool + call boxes */
.tool,.cta-box{margin:clamp(56px,7vw,80px) 0 12px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:clamp(28px,4.5vw,44px);box-shadow:none;color:var(--fg)}
.tool h3,.cta-box h3{font-size:1.35rem;margin-bottom:8px}
.tool p,.cta-box p{color:var(--dim);font-size:1rem;margin:0}
.cta-box p{margin-bottom:22px}
.tool a,.cta-btn,.submit{background:var(--gold-metal);color:var(--ink);border:1px solid rgba(196,168,119,.7);box-shadow:inset 0 1px 0 rgba(255,250,235,.35);border-radius:999px;font-weight:700}
.tool a{padding:14px 28px}
.tiny-note{color:var(--dim)}

/* lead form */
.lead-box{margin-top:clamp(56px,7vw,80px);background:var(--panel);border:1px solid var(--line);box-shadow:none;border-radius:20px;padding:clamp(30px,5vw,48px)}
.lead-box h3{font-size:1.5rem;margin-bottom:8px}
.lead-box>p{margin-bottom:24px}
.lead-box form{gap:12px}
.lead-box input[type=text],.lead-box input[type=tel]{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:12px;padding:15px 18px}
.lead-box input::placeholder{color:#8b93a0}
.lead-box input:focus{border-color:var(--acc)}
.lead-box input:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.submit{padding:15px 30px}
.consent{color:var(--dim)}
.consent a{color:var(--acc)}
.err{color:#ff9a8a}

/* related links */
.related{max-width:720px;margin:clamp(64px,8vw,96px) auto 0;padding:0 24px clamp(70px,9vw,110px)}
.related h3{font-size:1.15rem;margin-bottom:18px}
.rel{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:18px 0;margin:0;color:var(--fg);font-weight:500}
.rel:last-child{border-bottom:1px solid var(--line)}
.rel:hover{transform:none;color:var(--acc)}
.rel span{color:var(--acc);font-weight:600}

/* articles list */
.wrap{max-width:1080px;padding:clamp(64px,9vw,112px) var(--pad) 24px}
.wrap h1 b{background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap .sub{color:var(--dim);font-size:1.1rem}
.posts{gap:24px;padding:24px var(--pad) clamp(80px,10vw,120px)}
.posts .post{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px;gap:12px}
.posts .post:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.28);border-color:rgba(210,185,141,.45)}
.posts h2{font-size:1.25rem;margin:0}
.posts h2::before{content:none}
.posts p{color:var(--dim);margin:0}
.posts .more{color:var(--acc)}

/* footer */
footer{background:#0f1520;color:#9aa3b0;border-top:1px solid var(--line);padding:30px var(--pad)}
footer a{color:#9aa3b0}
footer a:hover{color:var(--acc)}
footer a b,footer b{color:var(--acc)}

@media(max-width:640px){
  main{padding:56px 22px 30px}
  h1{font-size:clamp(2rem,8.6vw,2.6rem);margin-bottom:22px}
  h2{margin-top:60px}
  p{font-size:1.02rem}
  .two>div,.hoods a,.dir{padding:22px}
  .top{padding:14px 20px}
  .top-cta,.back{padding:9px 18px;font-size:.86rem}
}

/* skip link: hidden until focused, on every inner page (compass had none) */
.page-skip{position:fixed;top:-100px;right:20px;z-index:200;background:var(--acc);color:var(--ink);padding:12px 20px;border-radius:0 0 10px 10px;font-weight:700;text-decoration:none}
.page-skip:focus{top:0}
/* visible focus ring on every interactive element */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:6px}