/* Heebo (SIL Open Font License 1.1) — variable weight axis, self-hosted */
  @font-face{
    font-family:"Heebo";
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url("fonts/heebo-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:"Heebo";
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url("fonts/heebo-latin.woff2") format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  :root{
    --bg:#fbfaf8;
    --surface:#ffffff;
    --ink:#1c2422;
    --muted:#5d6a67;
    --line:#e4e2dc;
    --accent:#2f6f63;
    --accent-soft:#eef4f2;
    --max:660px;
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:"Heebo",-apple-system,"Segoe UI",Arial,sans-serif;
    font-weight:400;
    font-size:17px;
    line-height:1.75;
  }
  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

  header{padding:88px 0 56px;border-bottom:1px solid var(--line)}
  .eyebrow{
    font-size:13px;letter-spacing:.14em;color:var(--accent);
    text-transform:uppercase;margin:0 0 18px;font-weight:500;
  }
  h1{font-size:40px;line-height:1.2;font-weight:700;margin:0 0 10px;letter-spacing:-.01em}
  .subtitle{font-size:19px;color:var(--muted);margin:0;font-weight:400}

  .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
  .btn{
    display:inline-block;text-decoration:none;font-size:15px;font-weight:500;
    padding:11px 22px;border-radius:999px;transition:opacity .15s ease;
  }
  .btn:hover{opacity:.82}
  .btn-primary{background:var(--accent);color:#fff}
  .btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}

  section{padding:52px 0;border-bottom:1px solid var(--line)}
  h2{
    font-size:13px;letter-spacing:.14em;text-transform:uppercase;
    color:var(--muted);font-weight:500;margin:0 0 22px;
  }
  h3{font-size:16px;font-weight:500;margin:0 0 10px}

  ul.tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
  ul.tags li{
    background:var(--accent-soft);color:var(--accent);
    font-size:14.5px;padding:5px 14px;border-radius:999px;
  }

  ul.tags-primary{gap:9px}
  ul.tags-primary li{font-size:16px;padding:8px 18px}
  ul.tags .alt{opacity:.6;font-size:13px;white-space:nowrap}

  .card{
    background:var(--surface);border:1px solid var(--line);
    border-radius:14px;padding:26px 28px;
  }
  dl{margin:0;display:grid;grid-template-columns:118px 1fr;gap:14px 18px}
  dt{color:var(--muted);font-size:14.5px}
  dd{margin:0;font-size:16.5px}
  dd a{color:var(--accent);text-decoration:none}
  dd a:hover{text-decoration:underline}
  ul.hours{list-style:none;padding:0;margin:0}
  ul.hours li{display:flex;gap:16px;padding:3px 0}
  ul.hours .day{min-width:56px;color:var(--muted);font-size:15.5px}
  ul.hours .time{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}

  .wa{
    display:inline-flex;align-items:center;gap:6px;vertical-align:middle;
    margin-inline-start:10px;padding:3px 11px;border-radius:999px;
    font-size:13.5px;line-height:1.6;text-decoration:none;
    color:#127a3f;background:#e6f6ec;
  }
  .wa svg{width:14px;height:14px;fill:currentColor;flex:none}
  dd a.wa:hover{text-decoration:none;opacity:.78}

  .hint{color:var(--muted);font-size:14.5px;white-space:nowrap}

  .note{font-size:14.5px;color:var(--muted);margin:20px 0 0;line-height:1.65}

  .cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .plain{list-style:none;padding:0;margin:0}
  .plain li{padding:7px 0;border-bottom:1px solid var(--line);font-size:16px}
  .plain li:last-child{border-bottom:0}

  #about{padding-bottom:0;border-bottom:0}
  .who{display:flex;align-items:center;gap:20px}
  .who-name{font-size:21px;font-weight:500;margin:0;letter-spacing:-.01em}

  .portrait{
    width:140px;height:140px;border-radius:50%;
    object-fit:cover;object-position:center 28%;
    border:1px solid var(--line);display:block;
  }

  footer{padding:40px 0 64px;font-size:13.5px;color:var(--muted);line-height:1.7}
  footer a{color:var(--muted)}

  @media (max-width:600px){
    header{padding:60px 0 44px}
    h1{font-size:32px}
    dl{grid-template-columns:1fr;gap:4px 0}
    dl dd{margin-bottom:12px}
    .cols{grid-template-columns:1fr;gap:26px}
  }

  /* ---- sub-page (treatment) styles ---- */
  header.sub{padding:40px 0 44px;border-bottom:1px solid var(--line)}
  .back{
    display:inline-flex;align-items:center;gap:7px;
    font-size:14.5px;color:var(--muted);text-decoration:none;margin-bottom:26px;
  }
  .back svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;flex:none}
  .back:hover{color:var(--accent)}
  header.sub h1{font-size:32px;margin:0 0 12px}
  .lead{font-size:16.5px;color:var(--muted);margin:0;max-width:52ch;line-height:1.7}

  ul.tests{
    list-style:none;padding:0;margin:0;
    display:grid;grid-template-columns:1fr 1fr;gap:2px 26px;
  }
  ul.tests li{
    position:relative;padding:8px 20px 8px 0;font-size:16.5px;
    border-bottom:1px solid var(--line);
  }
  ul.tests li::before{
    content:"";position:absolute;right:2px;top:calc(50% - 3px);
    width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.5;
  }
  ul.tests li .sub{display:block;font-size:14px;color:var(--muted);line-height:1.55;margin-top:1px}
  ul.tests.wide{grid-template-columns:1fr}

  .callout{
    background:var(--accent-soft);border-radius:12px;padding:18px 22px;
    font-size:15.5px;color:var(--ink);line-height:1.7;margin:0;
  }
  .treatment-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
  .treatment-list li{border-bottom:1px solid var(--line)}
  .treatment-list a{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:11px 0;color:var(--ink);text-decoration:none;font-size:16.5px;
  }
  .treatment-list a:hover{color:var(--accent)}
  .treatment-list a svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;flex:none;opacity:.45}

  @media (max-width:600px){
    ul.tests{grid-template-columns:1fr}
    .treatment-list{grid-template-columns:1fr}
    header.sub h1{font-size:27px}
  }