:root{
    --bg:#ffffff;
    --bg-soft:#f2f8f5;
    --surface:#ffffff;
    --surface-raised:#ffffff;
    --ink:#0b2545;
    --ink-soft:#45566e;
    --ink-faint:#7a879b;
    --border:#dbe7e1;
    --border-soft:#e8f0ec;
    --accent:#157a56;
    --accent-strong:#0e5b40;
    --accent-tint:#e3f3ec;
    --accent-ink:#0b2545;
    --whatsapp:#25d366;
    --whatsapp-ink:#075e54;
    --whatsapp-tint:#e6f9ee;
    --chip-bg:#eef3f0;
    --shadow:0 1px 2px rgba(11,37,69,.06), 0 8px 24px -12px rgba(11,37,69,.14);
    --shadow-lg:0 20px 48px -20px rgba(11,37,69,.28);
    --radius-s:10px;
    --radius-m:16px;
    --radius-l:22px;
    --focus:#0e5b40;
    color-scheme: light;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --bg:#0a1420;
      --bg-soft:#0e1a29;
      --surface:#101d2e;
      --surface-raised:#132234;
      --ink:#eaf1ec;
      --ink-soft:#aebccb;
      --ink-faint:#7e8fa3;
      --border:#22364a;
      --border-soft:#1a2b3d;
      --accent:#3fc491;
      --accent-strong:#6adcae;
      --accent-tint:#123227;
      --accent-ink:#eaf1ec;
      --whatsapp:#2fdb75;
      --whatsapp-ink:#bdf5d6;
      --whatsapp-tint:#0f2a1e;
      --chip-bg:#152537;
      --shadow:0 1px 2px rgba(0,0,0,.3), 0 8px 24px -12px rgba(0,0,0,.5);
      --shadow-lg:0 24px 56px -20px rgba(0,0,0,.6);
      --focus:#6adcae;
      color-scheme: dark;
    }
  }
  :root[data-theme="dark"]{
    --bg:#0a1420;
    --bg-soft:#0e1a29;
    --surface:#101d2e;
    --surface-raised:#132234;
    --ink:#eaf1ec;
    --ink-soft:#aebccb;
    --ink-faint:#7e8fa3;
    --border:#22364a;
    --border-soft:#1a2b3d;
    --accent:#3fc491;
    --accent-strong:#6adcae;
    --accent-tint:#123227;
    --accent-ink:#eaf1ec;
    --whatsapp:#2fdb75;
    --whatsapp-ink:#bdf5d6;
    --whatsapp-tint:#0f2a1e;
    --chip-bg:#152537;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 8px 24px -12px rgba(0,0,0,.5);
    --shadow-lg:0 24px 56px -20px rgba(0,0,0,.6);
    --focus:#6adcae;
    color-scheme: dark;
  }

  *{ box-sizing:border-box; }
  html{ -webkit-text-size-adjust:100%; }
  body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:'Source Sans 3', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    font-size:16.5px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{
    font-family:'Newsreader', Georgia, 'Times New Roman', serif;
    color:var(--ink);
    font-weight:600;
    line-height:1.18;
    text-wrap:balance;
    margin:0;
  }
  p{ margin:0; }
  a{ color:inherit; }
  img,svg{ display:block; max-width:100%; }
  button{ font-family:inherit; }
  ul{ margin:0; padding:0; list-style:none; }
  .mono{ font-family:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace; }

  :focus-visible{ outline:2.5px solid var(--focus); outline-offset:3px; border-radius:4px; }

  .wrap{ max-width:1480px; margin:0 auto; padding:0 40px; }
  @media (max-width:900px){ .wrap{ padding:0 28px; } }
  @media (max-width:640px){ .wrap{ padding:0 18px; } }

  /* ---------- pattern: scantron dot grid ---------- */
  .dotfield{
    position:absolute; inset:0;
    background-image: radial-gradient(currentColor 1.4px, transparent 1.4px);
    background-size: 22px 22px;
    color:var(--accent);
    opacity:.08;
    pointer-events:none;
  }
  [data-theme="dark"] .dotfield{ opacity:.14; }
  @media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .dotfield{ opacity:.14; } }

  /* ---------- header ---------- */
  header.site{
    position:sticky; top:0; z-index:40;
    background:color-mix(in srgb, var(--bg) 92%, transparent);
    backdrop-filter:saturate(140%) blur(10px);
    border-bottom:1px solid var(--border-soft);
  }
  .header-row{
    display:flex; align-items:center; justify-content:space-between;
    gap:16px; padding:14px 0;
  }
  .brand{ display:flex; align-items:center; gap:10px; text-decoration:none; cursor:pointer; background:none; border:0; padding:0; }
  .brand-mark{ width:30px; height:30px; color:var(--accent); flex:none; }
  .brand-word{ font-family:'Newsreader', serif; font-weight:600; font-style:italic; font-size:1.28rem; color:var(--ink); letter-spacing:.2px; }
  nav.primary{ display:flex; align-items:center; gap:22px; }
  nav.primary a{
    background:none; border:0; cursor:pointer; color:var(--ink-soft);
    font-size:.96rem; font-weight:600; padding:6px 2px; position:relative;
    text-decoration:none;
  }
  nav.primary a:hover{ color:var(--ink); }
  nav.primary a[aria-current="page"]{ color:var(--accent-strong); }
  .header-actions{ display:flex; align-items:center; gap:12px; }
  @media (max-width: 900px){ nav.primary{ display:none; } }

  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    border-radius:999px; padding:11px 20px; font-weight:600; font-size:.95rem;
    text-decoration:none; border:1.5px solid transparent; cursor:pointer;
    transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease;
    white-space:nowrap;
  }
  .btn:active{ transform:translateY(1px); }
  .btn-primary{ background:var(--accent); color:#fff; box-shadow:var(--shadow); }
  .btn-primary:hover{ background:var(--accent-strong); }
  .btn-ghost{ background:transparent; color:var(--ink); border-color:var(--border); }
  .btn-ghost:hover{ border-color:var(--accent); color:var(--accent-strong); }
  .btn-whatsapp{ background:var(--whatsapp); color:#06301f; box-shadow:var(--shadow); }
  .btn-whatsapp:hover{ filter:brightness(1.05); }
  .btn-sm{ padding:8px 14px; font-size:.85rem; }
  .btn svg{ width:18px; height:18px; flex:none; }

  main{ display:block; }
  section{ position:relative; }

  /* ---------- hero ---------- */
  .hero{ padding:56px 0 64px; overflow:hidden; position:relative; }
  .hero .dotfield{ inset:auto -10% -30% -10%; height:70%; }
  .hero-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; position:relative; }
  @media (max-width:920px){ .hero-grid{ grid-template-columns:1fr; gap:36px; } }
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'IBM Plex Mono'; font-size:.72rem; font-weight:600; letter-spacing:.09em; text-transform:uppercase;
    color:var(--accent-strong); background:var(--accent-tint); border-radius:999px; padding:6px 12px; margin-bottom:18px;
  }
  .hero h1{ font-size:clamp(2.1rem, 4.4vw, 3.15rem); }
  .hero-sub{ margin-top:18px; max-width:52ch; color:var(--ink-soft); font-size:1.09rem; }
  .hero-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
  .hero-note{ margin-top:18px; font-size:.86rem; color:var(--ink-faint); max-width:54ch; }

  .hero-visual{ position:relative; }
  .plan-card{
    background:var(--surface-raised); border:1px solid var(--border); border-radius:var(--radius-l);
    box-shadow:var(--shadow-lg); padding:26px; position:relative;
  }
  .plan-card-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
  .plan-card-top .mono{ font-size:.72rem; color:var(--ink-faint); letter-spacing:.06em; text-transform:uppercase; }
  .plan-pill{ background:var(--accent-tint); color:var(--accent-strong); font-family:'IBM Plex Mono'; font-size:.72rem; font-weight:600; padding:4px 10px; border-radius:999px; }
  .plan-row{ display:flex; align-items:flex-start; gap:12px; padding:11px 0; border-top:1px solid var(--border-soft); }
  .plan-row:first-of-type{ border-top:none; }
  .plan-check{ width:20px; height:20px; border-radius:6px; background:var(--accent-tint); color:var(--accent-strong); display:flex; align-items:center; justify-content:center; flex:none; margin-top:2px; }
  .plan-check svg{ width:12px; height:12px; }
  .plan-row-title{ font-weight:600; font-size:.94rem; color:var(--ink); }
  .plan-row-sub{ font-size:.83rem; color:var(--ink-faint); margin-top:2px; }
  .plan-float{
    position:absolute; right:-16px; bottom:-18px; background:var(--whatsapp-tint); border:1px solid var(--border);
    border-radius:var(--radius-m); box-shadow:var(--shadow); padding:12px 16px; display:flex; align-items:center; gap:10px;
  }
  @media (max-width:460px){ .plan-float{ right:0; bottom:-14px; } }
  .plan-float svg{ width:22px; height:22px; color:var(--whatsapp-ink); }
  .plan-float span{ font-size:.82rem; font-weight:600; color:var(--whatsapp-ink); }

  /* ---------- section shell ---------- */
  .section{ padding:64px 0; }
  .section.soft{ background:var(--bg-soft); }
  .section-head{ max-width:62ch; margin-bottom:38px; }
  .section-head .eyebrow{ margin-bottom:14px; }
  .section-head h2{ font-size:clamp(1.6rem,3vw,2.1rem); }
  .section-head p{ margin-top:12px; color:var(--ink-soft); font-size:1.02rem; }

  /* ---------- services ---------- */
  .service-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
  @media (max-width:940px){ .service-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:560px){ .service-grid{ grid-template-columns:1fr; } }
  .service-card{
    background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-m);
    padding:24px; box-shadow:var(--shadow);
  }
  .service-icon{ width:42px; height:42px; border-radius:12px; background:var(--accent-tint); color:var(--accent-strong); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
  .service-icon svg{ width:22px; height:22px; }
  .service-card h3{ font-size:1.06rem; font-weight:600; font-family:'Source Sans 3'; }
  .service-card p{ margin-top:8px; font-size:.92rem; color:var(--ink-soft); }

  /* ---------- directory ---------- */
  .directory-toolbar{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:26px; }
  .search-box{
    flex:1 1 260px; display:flex; align-items:center; gap:10px; background:var(--surface);
    border:1.5px solid var(--border); border-radius:999px; padding:10px 16px;
  }
  .search-box:focus-within{ border-color:var(--accent); }
  .search-box svg{ width:18px; height:18px; color:var(--ink-faint); flex:none; }
  .search-box input{ border:0; outline:0; background:none; width:100%; font-size:.96rem; color:var(--ink); font-family:inherit; }
  .search-box input::placeholder{ color:var(--ink-faint); }
  .filter-row{ display:flex; flex-wrap:wrap; gap:8px; }
  .chip-filter{
    border:1.5px solid var(--border); background:var(--surface); color:var(--ink-soft);
    border-radius:999px; padding:8px 15px; font-size:.85rem; font-weight:600; cursor:pointer;
  }
  .chip-filter[aria-pressed="true"]{ background:var(--accent); border-color:var(--accent); color:#fff; }
  .result-count{ font-size:.85rem; color:var(--ink-faint); margin-bottom:16px; }

  .cat-block{ margin-bottom:8px; }
  .cat-title{ font-size:.78rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-faint); margin:26px 0 14px; font-family:'IBM Plex Mono'; }
  .cat-title:first-child{ margin-top:0; }

  .exam-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  @media (max-width:940px){ .exam-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:640px){ .exam-grid{ grid-template-columns:1fr; } }

  .exam-card{
    background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-m);
    padding:20px; display:flex; flex-direction:column; gap:12px; box-shadow:var(--shadow);
  }
  .exam-card-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .exam-abbr{ font-family:'IBM Plex Mono'; font-size:.72rem; font-weight:600; background:var(--chip-bg); color:var(--ink-soft); padding:4px 9px; border-radius:7px; letter-spacing:.02em; }
  .exam-badge{ font-size:.68rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--accent-strong); }
  .exam-card h4{ font-family:'Source Sans 3'; font-size:1.02rem; font-weight:700; line-height:1.32; }
  .exam-card p{ font-size:.87rem; color:var(--ink-soft); flex:1; }
  .exam-card-actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:2px; }

  .cert-issuer{ margin-bottom:22px; }
  .cert-issuer-head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
  .cert-issuer-head h4{ font-family:'Source Sans 3'; font-size:.98rem; font-weight:700; }
  .cert-issuer-head span{ font-size:.8rem; color:var(--ink-faint); }
  .cert-list{ display:flex; flex-direction:column; border:1px solid var(--border); border-radius:var(--radius-m); overflow:hidden; background:var(--surface); }
  .cert-row{ display:flex; align-items:center; gap:12px; padding:12px 16px; border-top:1px solid var(--border-soft); }
  .cert-row:first-child{ border-top:none; }
  .cert-row .exam-abbr{ min-width:88px; text-align:center; }
  .cert-row-name{ flex:1; font-size:.89rem; color:var(--ink); }
  .cert-row-name b{ font-weight:600; }
  .no-results{ padding:40px 0; text-align:center; color:var(--ink-faint); font-size:.95rem; }

  /* ---------- process ---------- */
  .process-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; position:relative; }
  @media (max-width:820px){ .process-row{ grid-template-columns:1fr; gap:18px; } }
  .process-step{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-m); padding:26px 22px; box-shadow:var(--shadow); }
  .process-num{ font-family:'Newsreader'; font-style:italic; font-size:2.1rem; color:var(--accent); line-height:1; margin-bottom:14px; }
  .process-step h3{ font-family:'Source Sans 3'; font-size:1.04rem; font-weight:700; margin-bottom:8px; }
  .process-step p{ font-size:.9rem; color:var(--ink-soft); }

  /* ---------- faq ---------- */
  .faq-list{ max-width:760px; }
  .faq-item{ border-bottom:1px solid var(--border); }
  .faq-item:first-child{ border-top:1px solid var(--border); }
  .faq-q{
    width:100%; text-align:left; background:none; border:0; cursor:pointer; text-decoration:none;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding:17px 2px; font-size:1rem; font-weight:600; color:var(--ink);
  }
  .faq-q:hover{ color:var(--accent-strong); }
  .faq-q:hover .faq-hint{ color:var(--accent-strong); }
  .faq-q-text{ flex:1; }
  .faq-hint{ display:flex; align-items:center; gap:6px; flex:none; font-family:'IBM Plex Mono'; font-size:.72rem; font-weight:600; color:var(--ink-faint); white-space:nowrap; }
  .faq-hint svg{ width:16px; height:16px; color:var(--whatsapp-ink); flex:none; }

  /* ---------- final cta ---------- */
  .final-cta{ text-align:center; padding:64px 0; position:relative; overflow:hidden; }
  .final-cta .dotfield{ opacity:.06; }
  .final-cta h2{ font-size:clamp(1.7rem,3.4vw,2.3rem); max-width:22ch; margin:0 auto; }
  .final-cta p{ margin:14px auto 0; max-width:52ch; color:var(--ink-soft); }
  .final-cta .hero-actions{ justify-content:center; margin-top:26px; }

  /* ---------- footer ---------- */
  footer.site{ border-top:1px solid var(--border-soft); background:var(--bg-soft); padding:48px 0 118px; }
  .footer-grid{ display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:32px; }
  @media (max-width:760px){ .footer-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:480px){ .footer-grid{ grid-template-columns:1fr; } }
  .footer-grid h5{ font-family:'IBM Plex Mono'; font-size:.72rem; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:14px; font-weight:600; }
  .footer-grid li{ margin-bottom:9px; }
  .footer-grid button, .footer-grid a{ background:none; border:0; padding:0; cursor:pointer; font-size:.9rem; color:var(--ink-soft); text-align:left; text-decoration:none; }
  .footer-grid button:hover, .footer-grid a:hover{ color:var(--accent-strong); }
  .soon-badge{ font-size:.62rem; font-family:'IBM Plex Mono'; background:var(--chip-bg); color:var(--ink-faint); padding:2px 6px; border-radius:5px; margin-left:6px; vertical-align:1px; }
  .disclaimer{ margin-top:38px; padding-top:26px; border-top:1px solid var(--border); font-size:.8rem; color:var(--ink-faint); line-height:1.6; max-width:90ch; }
  .footer-bottom{ margin-top:22px; display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; font-size:.8rem; color:var(--ink-faint); }

  /* ---------- floating whatsapp (desktop) ---------- */
  .wa-fab{
    position:fixed; right:24px; bottom:24px; z-index:50;
    width:60px; height:60px; border-radius:50%; background:var(--whatsapp);
    display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow-lg);
    border:0; cursor:pointer; color:#06301f;
  }
  .wa-fab svg{ width:29px; height:29px; }
  .wa-fab:hover{ filter:brightness(1.06); }
  @media (max-width:640px){ .wa-fab{ display:none; } }

  /* ---------- mobile bottom bar ---------- */
  .wa-bar{
    display:none; position:fixed; left:0; right:0; bottom:0; z-index:50;
    background:var(--whatsapp); padding:12px 18px; align-items:center; justify-content:center; gap:10px;
    box-shadow:0 -6px 20px rgba(0,0,0,.15); text-decoration:none; color:#06301f;
    font-weight:700; font-size:.95rem;
  }
  .wa-bar svg{ width:20px; height:20px; }
  @media (max-width:640px){
    .wa-bar{ display:flex; }
    body{ padding-bottom:64px; }
  }

  /* ---------- breadcrumb ---------- */
  .crumb{ font-family:'IBM Plex Mono'; font-size:.78rem; color:var(--ink-faint); display:flex; gap:6px; align-items:center; padding:20px 0 0; flex-wrap:wrap; }
  .crumb a{ background:none; border:0; padding:0; color:var(--ink-faint); cursor:pointer; font-family:inherit; font-size:inherit; text-decoration:none; }
  .crumb a:hover{ color:var(--accent-strong); }
  .crumb span.sep{ opacity:.5; }
  .crumb span.current{ color:var(--ink-soft); }

  /* ---------- exam page ---------- */
  .exam-hero{ padding:22px 0 48px; }
  .exam-hero h1{ font-size:clamp(1.9rem,4vw,2.6rem); max-width:20ch; }
  .exam-hero .hero-sub{ margin-top:16px; }
  .exam-meta-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
  .meta-pill{ display:flex; align-items:center; gap:7px; background:var(--surface); border:1px solid var(--border); border-radius:999px; padding:7px 13px; font-size:.82rem; color:var(--ink-soft); }
  .meta-pill svg{ width:14px; height:14px; color:var(--accent-strong); }

  .content-grid{ display:grid; grid-template-columns:1fr 300px; gap:48px; align-items:start; }
  @media (max-width:940px){ .content-grid{ grid-template-columns:1fr; } }

  .prose h2{ font-size:1.4rem; margin-bottom:14px; }
  .prose h3{ font-family:'Source Sans 3'; font-size:1.06rem; font-weight:700; margin-bottom:10px; }
  .prose p{ color:var(--ink-soft); margin-bottom:14px; font-size:.98rem; max-width:68ch; }
  .prose section{ margin-bottom:42px; }
  .subject-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:6px; }
  @media (max-width:520px){ .subject-grid{ grid-template-columns:1fr; } }
  .subject-item{ display:flex; align-items:center; gap:10px; border:1px solid var(--border); background:var(--surface); border-radius:var(--radius-s); padding:12px 14px; font-size:.9rem; font-weight:600; }
  .subject-item .dot{ width:8px; height:8px; border-radius:50%; background:var(--accent); flex:none; }
  .step-list{ display:flex; flex-direction:column; gap:16px; }
  .step-list li{ display:flex; gap:14px; }
  .step-num{ font-family:'IBM Plex Mono'; font-weight:600; font-size:.82rem; color:var(--accent-strong); background:var(--accent-tint); width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex:none; }
  .step-body b{ display:block; font-size:.94rem; margin-bottom:2px; }
  .step-body span{ font-size:.87rem; color:var(--ink-soft); }
  .format-table{ border:1px solid var(--border); border-radius:var(--radius-m); overflow:hidden; background:var(--surface); }
  .format-row{ display:grid; grid-template-columns:150px 1fr; gap:14px; padding:14px 18px; border-top:1px solid var(--border-soft); font-size:.9rem; }
  .format-row:first-child{ border-top:none; }
  .format-row b{ color:var(--ink); }
  .format-row span{ color:var(--ink-soft); }
  .related-row{ display:flex; flex-wrap:wrap; gap:10px; }
  .related-chip{ border:1px solid var(--border); background:var(--surface); border-radius:999px; padding:9px 16px; font-size:.87rem; font-weight:600; color:var(--ink-soft); cursor:pointer; }
  .related-chip:hover{ border-color:var(--accent); color:var(--accent-strong); }
  .official-link{ display:inline-flex; align-items:center; gap:7px; color:var(--accent-strong); font-weight:600; font-size:.92rem; text-decoration:none; border-bottom:1.5px solid var(--accent-tint); padding-bottom:1px; }
  .official-link:hover{ border-color:var(--accent-strong); }
  .official-link svg{ width:14px; height:14px; }

  /* ---------- sidebar inquiry card ---------- */
  .inquiry-card{
    position:sticky; top:92px; background:var(--surface); border:1px solid var(--border);
    border-radius:var(--radius-l); padding:24px; box-shadow:var(--shadow);
  }
  .inquiry-card h3{ font-family:'Source Sans 3'; font-size:1.06rem; font-weight:700; margin-bottom:5px; }
  .inquiry-card > p{ font-size:.85rem; color:var(--ink-soft); margin-bottom:18px; }
  .field{ margin-bottom:14px; }
  .field label{ display:block; font-size:.8rem; font-weight:600; color:var(--ink-soft); margin-bottom:6px; }
  .field input, .field select{
    width:100%; border:1.5px solid var(--border); border-radius:9px; padding:9px 11px;
    font-family:inherit; font-size:.92rem; background:var(--bg); color:var(--ink);
  }
  .field input:focus, .field select:focus{ border-color:var(--accent); outline:0; }
  .field-hint{ font-size:.74rem; color:var(--ink-faint); margin-top:5px; }
  .inquiry-preview{ background:var(--bg-soft); border:1px dashed var(--border); border-radius:9px; padding:10px 12px; font-size:.79rem; color:var(--ink-soft); margin:14px 0; max-height:110px; overflow-y:auto; }
  .inquiry-note{ font-size:.76rem; color:var(--ink-faint); margin-top:10px; line-height:1.5; }
  .inquiry-card .btn{ width:100%; }

  .toast{
    position:fixed; left:50%; bottom:96px; transform:translate(-50%,12px); z-index:60;
    background:var(--ink); color:var(--bg); font-size:.87rem; font-weight:600;
    padding:11px 18px; border-radius:999px; box-shadow:var(--shadow-lg); opacity:0; pointer-events:none;
    transition:opacity .18s ease, transform .18s ease;
  }
  .toast.show{ opacity:1; transform:translate(-50%,0); }
  @media (max-width:640px){ .toast{ bottom:82px; } }

  @media (prefers-reduced-motion: reduce){
    *{ transition:none !important; animation:none !important; }
  }


  /* ---------- mobile menu toggle + panel (multi-page site addition) ---------- */
  .menu-toggle{
    display:none; align-items:center; justify-content:center;
    width:40px; height:40px; border-radius:10px; border:1.5px solid var(--border);
    background:var(--surface); color:var(--ink); cursor:pointer; flex:none;
  }
  .menu-toggle svg{ width:20px; height:20px; }
  .menu-toggle:hover{ border-color:var(--accent); color:var(--accent-strong); }
  @media (max-width:900px){ .menu-toggle{ display:flex; } }

  .mobile-nav{
    position:fixed; inset:0; z-index:70; background:var(--bg);
    display:flex; flex-direction:column; gap:4px; padding:18px 22px 28px;
    transform:translateX(100%); transition:transform .22s ease;
    overflow-y:auto;
  }
  .mobile-nav.open{ transform:translateX(0); }
  .mobile-nav-top{ display:flex; align-items:center; justify-content:space-between; padding:6px 0 18px; border-bottom:1px solid var(--border-soft); margin-bottom:10px; }
  .mobile-nav-close{
    display:flex; align-items:center; justify-content:center;
    width:38px; height:38px; border-radius:10px; border:1.5px solid var(--border);
    background:var(--surface); color:var(--ink); cursor:pointer;
  }
  .mobile-nav a{
    text-decoration:none; color:var(--ink); font-size:1.06rem; font-weight:600;
    padding:14px 4px; border-bottom:1px solid var(--border-soft);
  }
  .mobile-nav a[aria-current="page"]{ color:var(--accent-strong); }
  .mobile-nav .btn{ margin-top:20px; width:100%; }

  /* ---------- resources / article cards (multi-page site addition) ---------- */
  .article-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
  @media (max-width:760px){ .article-grid{ grid-template-columns:1fr; } }
  .article-card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-m); padding:24px; box-shadow:var(--shadow); text-decoration:none; display:flex; flex-direction:column; gap:10px; }
  .article-card:hover{ border-color:var(--accent); }
  .article-card .eyebrow{ margin-bottom:0; }
  .article-card h3{ font-size:1.15rem; font-family:'Newsreader'; }
  .article-card p{ font-size:.92rem; color:var(--ink-soft); }
  .article-card span.read-more{ font-family:'IBM Plex Mono'; font-size:.78rem; font-weight:600; color:var(--accent-strong); margin-top:auto; }

  /* ---------- misc utility ---------- */
  .visually-hidden{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }