/* ── indicative rate card (hero) ─────────────────────────────── */
/* ── glossary-linked jargon ──────────────────────────────────── */
a.gl{ color:inherit; text-decoration:none; border-bottom:1px dotted currentColor; opacity:.95; cursor:help; }
a.gl:hover{ border-bottom-style:solid; color:var(--teal-cream); }
/* ── deep-dive / glossary page shell ─────────────────────────── */
.pagehead{ background:var(--green); color:var(--cream); padding:clamp(7rem,12vw,10rem) 0 clamp(3rem,6vw,4.5rem); }
.pagehead .eyebrow{ color:var(--amber); }
.pagehead h1{ font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:clamp(2.5rem,5.6vw,4.4rem); line-height:1.0; margin:.6rem 0 1.1rem; color:var(--cream); }
.pagehead p{ max-width:62ch; font-size:clamp(1.02rem,1.5vw,1.2rem); line-height:1.6; color:var(--ink-soft); margin:0; }
.prose{ max-width:68ch; margin:0 auto; }
.prose h2{ font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:clamp(1.75rem,3.4vw,2.5rem); line-height:1.06; color:var(--green); margin:3.2rem 0 1rem; }
.prose h2:first-child{ margin-top:0; }
.prose h3{ font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:clamp(1.25rem,2.2vw,1.6rem); color:var(--green); margin:2.2rem 0 .7rem; }
.prose p{ font-size:1.03rem; line-height:1.72; color:var(--body); margin:0 0 1.15rem; }
.prose ul{ margin:0 0 1.3rem; padding-left:1.1rem; }
.prose li{ font-size:1.0rem; line-height:1.68; color:var(--body); margin-bottom:.55rem; }
.prose .pull{ border-left:3px solid var(--amber); padding:.2rem 0 .2rem 1.3rem; margin:2rem 0; font-family:'Barlow Condensed',sans-serif; font-size:clamp(1.3rem,2.4vw,1.75rem); font-weight:700; line-height:1.16; color:var(--green); }
.prose table{ width:100%; border-collapse:collapse; margin:1.4rem 0 1.9rem; font-size:.94rem; }
.prose th{ text-align:left; font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; color:#6b6b6b; font-weight:700; padding:0 .8rem .6rem 0; border-bottom:1px solid var(--divider); }
.prose td{ padding:.8rem .8rem .8rem 0; border-bottom:1px solid rgba(216,208,188,.7); vertical-align:top; color:var(--body); }
.prose td:first-child{ font-weight:600; color:var(--green); white-space:nowrap; }
.backlink{ display:inline-flex; align-items:center; gap:.5rem; margin-top:3.2rem; font-size:.9rem; font-weight:700; color:var(--green); text-decoration:none; border-bottom:2px solid var(--amber); padding-bottom:2px; }
.tocbar{ background:var(--card); border-top:1px solid var(--divider); border-bottom:1px solid var(--divider); padding:1.1rem 0; }
.tocbar ul{ display:flex; flex-wrap:wrap; gap:.5rem 1.6rem; list-style:none; margin:0; padding:0; }
.tocbar a{ font-size:.85rem; font-weight:600; color:var(--green); text-decoration:none; border-bottom:1px solid transparent; }
.tocbar a:hover{ border-bottom-color:var(--amber); }
/* ── glossary ────────────────────────────────────────────────── */
.gl-list{ max-width:72ch; margin:0 auto; }
.gl-item{ padding:1.5rem 0; border-bottom:1px solid var(--divider); scroll-margin-top:110px; }
.gl-item dt{ font-family:'Barlow Condensed',sans-serif; font-size:1.45rem; font-weight:800; color:var(--green); margin-bottom:.35rem; line-height:1.1; }
.gl-item dd{ margin:0; font-size:1rem; line-height:1.7; color:var(--body); }
.gl-item dd + dd{ margin-top:.55rem; font-size:.92rem; color:#5c5c5c; }
.gl-jump{ display:flex; flex-wrap:wrap; gap:.45rem; margin:0 auto 3rem; max-width:72ch; }
.gl-jump a{ font-size:.82rem; font-weight:700; letter-spacing:.04em; color:var(--green); background:var(--card); border:1px solid var(--divider); border-radius:999px; padding:.42rem .95rem; text-decoration:none; }
.gl-jump a:hover{ border-color:var(--amber); background:#fff; }
@media(max-width:820px){.ratecard{margin-top:2.2rem}}
/* hero mechanism card */
/* questions link block */
/* rates table on the calculator page */
/* ═══ header: larger targets, full-width mega panel ═══ */
nav.top{ padding:1.05rem 1.4rem; }
@media (min-width:960px){
  nav.top{ padding:1.1rem 2.5rem; }
}
.nav-links{ gap:1.75rem; font-size:0.95rem; }
.nav-links > a{ padding:0.55rem 0; font-weight:600; }
.nav-dd-trigger{ font-size:0.95rem; font-weight:600; padding:0.55rem 0; }
.nav-dd-trigger .chev{ width:14px; height:14px; }
/* the dropdown becomes a full-width panel anchored to the header */
.nav-dd{ position:static; }
.nav-dd-menu{ position:absolute; left:0; right:0; top:100%; width:auto; min-width:0; max-width:none; transform:translateY(10px); background:var(--cream); border:0; border-top:1px solid var(--divider); border-radius:0 0 22px 22px; box-shadow:0 34px 80px rgba(10,30,26,.26); padding:2.1rem clamp(1.4rem,4vw,2.5rem) 2.2rem; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:0.35rem 1.6rem; align-content:start; }
.nav-dd:hover .nav-dd-menu, .nav-dd.open .nav-dd-menu{ transform:translateY(0); }
.nav-dd--end .nav-dd-menu, .nav-dd--end:hover .nav-dd-menu, .nav-dd--end.open .nav-dd-menu{ left:0; right:0; transform:translateY(0); }
.nav-dd--end .nav-dd-menu{ transform:translateY(10px); }
.nav-dd-menu a{ padding:0.72rem 0.85rem; }
.nav-dd-menu .mi-t{ font-size:0.98rem; }
.nav-dd::after{ left:0; right:0; height:1.2rem; }
/* header buttons: bigger, higher contrast, always reachable */
.nav-cta-group{ gap:0.7rem; }
.nav-cta-group .cta{ font-size:0.95rem; font-weight:800; padding:0.85rem 1.7rem; border-radius:999px; }
.nav-cta-group .cta:not(.cta-ghost){ background:var(--amber); color:var(--green-deep); box-shadow:0 8px 22px rgba(255,192,31,.28); }
.nav-cta-group .cta:not(.cta-ghost):hover{ background:var(--amber-2); transform:translateY(-1px); }
.nav-cta-group .cta-ghost{ padding:0.8rem 1.35rem; font-weight:700; }
@media (max-width:959px){
  .nav-cta-group .cta{ font-size:0.9rem; padding:0.78rem 1.35rem; }
  .nav-cta-group .cta-ghost{ display:none; }
}
.nav-links > a, .nav-dd-trigger{ white-space:nowrap; }
.nav-cta-group .cta{ white-space:nowrap; }
@media (min-width:960px) and (max-width:1500px){
  .nav-links{ gap:1.25rem; font-size:0.9rem; }
  .nav-dd-trigger{ font-size:0.9rem; }
  nav.top{ padding:1.05rem 1.6rem; }
}
.nav-dd-menu{ grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width:1200px){
  .nav-dd-menu{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (min-width:960px) and (max-width:1379px){
  .nav-links{ gap:0.95rem; font-size:0.85rem; }
  .nav-dd-trigger{ font-size:0.85rem; }
  .nav-cta-group .cta{ font-size:0.86rem; padding:0.72rem 1.2rem; }
  .nav-cta-group .cta-ghost{ padding:0.68rem 1rem; }
  nav.top{ padding:0.95rem 1.2rem; }
}