/* ============================================================
   Bluegrass Medicare Help — shared site chrome
   Single source of truth for the header, footer nav, and the
   accessibility baseline. Linked from every page.
   ============================================================ */
:root{
  --cream:#f4efe7; --cream2:#faf6ef; --warm:#efe6d6; --ink:#2a2620; --dark:#1f1d1a;
  --coral:#d05528; --coral-d:#b3431d; --mute:#5f594f; --faint:#938c80;
  --line:#e2d9c8; --white:#fff; --green:#3a7d52; --green-d:#2f6844;
  --serif:'Fraunces',Georgia,serif; --sans:'Source Sans 3',-apple-system,sans-serif;
  --hand:'Caveat',cursive;
}

/* ---------- accessibility baseline ---------- */
.skip-link{position:absolute;left:8px;top:-60px;z-index:200;background:var(--ink);color:#fff;
  font-weight:700;font-size:15px;padding:11px 18px;border-radius:0 0 10px 10px;
  transition:top .15s ease;text-decoration:none;}
.skip-link:focus{top:0;}
:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-radius:4px;}
a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
/* phone icon used in every Call control — scales with the button's font size */
.cta-ico{width:1.05em;height:1.05em;flex-shrink:0;}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important;}
}

/* ---------- thin utility strip (scrolls away) ---------- */
.ustrip{background:var(--dark);color:var(--cream);font-size:13px;letter-spacing:.3px;}
.ustrip .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px;}
.ustrip strong{color:#fff;font-weight:600;}
.ustrip .rate{display:flex;align-items:center;gap:7px;white-space:nowrap;}
.ustrip .rate .stars{color:#e8a13a;letter-spacing:1px;}
@media(max-width:680px){ .ustrip .wrap{justify-content:center;} .ustrip .rate{display:none;} }

/* ---------- sticky nav ---------- */
.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:saturate(1.3) blur(6px);backdrop-filter:saturate(1.3) blur(6px);
  border-bottom:1px solid var(--line);}
.nav .wrap{position:relative;display:flex;align-items:center;gap:16px;padding:11px max(24px,env(safe-area-inset-right)) 11px max(24px,env(safe-area-inset-left));}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.brand .mark{width:38px;height:38px;border-radius:50%;background:var(--coral);color:#fff;
  font-family:var(--serif);font-weight:600;font-size:21px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(208,85,40,.3);}
.brand .wm{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.04;color:var(--ink);}
.brand .wm small{display:block;font-family:var(--sans);font-weight:600;font-size:10.5px;letter-spacing:1.2px;
  text-transform:uppercase;color:var(--coral);margin-top:1px;}
/* real logo (falls back to the monogram wordmark if the file isn't present yet) */
.brand-logo{height:46px;width:auto;display:block;}
.brand-fallback{display:none;align-items:center;gap:11px;}
.navlinks{display:flex;align-items:center;gap:24px;margin-left:auto;}
.navlinks a{color:var(--ink);font-weight:600;font-size:15.5px;transition:color .15s;-webkit-tap-highlight-color:transparent;}
.navlinks a:hover,.navlinks a.active,.navlinks a[aria-current="page"]{color:var(--coral);}
.navcta{display:inline-flex;align-items:center;gap:7px;background:var(--green);color:#fff;font-weight:700;font-size:14.5px;
  line-height:1;padding:10px 18px;border-radius:10px;white-space:nowrap;margin-left:24px;box-shadow:0 6px 16px rgba(58,125,82,.32);
  transition:background .15s,transform .08s,box-shadow .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.navcta:hover{background:var(--green-d);transform:translateY(-1px);box-shadow:0 10px 22px rgba(58,125,82,.40);}
.navcta:active{transform:scale(.96);}
.navtog{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);
  border-radius:9px;background:var(--cream2);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
@media(max-width:860px){
  .brand .wm small{display:none;}
  .brand-logo{height:40px;}
  .navlinks{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:4px 0;
    background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(80,60,30,.12);display:none;}
  .navlinks.open{display:flex;}
  .navlinks a{padding:15px 24px;font-size:17px;border-top:1px solid var(--line);}
  .navlinks a:first-child{border-top:none;}
  .navcta{margin-left:auto;padding:9px 15px;font-size:15px;}
  .navtog{display:inline-flex;}
}

/* ---------- universal footer nav (no dead ends) ---------- */
.fnav{background:var(--cream2);border-top:1px solid var(--line);padding:30px 0 32px;}
.fnav .wrap{display:flex;flex-direction:column;align-items:center;gap:18px;
  padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));}
.fnav-logo{display:block;}
.fnav-logo img{height:54px;width:auto;display:block;}
.fnav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 26px;}
.fnav-links a{color:var(--ink);font-weight:600;font-size:15.5px;-webkit-tap-highlight-color:transparent;transition:color .15s;}
.fnav-links a:hover{color:var(--coral);}
.fcall{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;font-weight:700;font-size:15.5px;
  padding:12px 22px;border-radius:10px;box-shadow:0 6px 16px rgba(58,125,82,.32);-webkit-tap-highlight-color:transparent;touch-action:manipulation;
  transition:background .15s,transform .06s,box-shadow .15s;}
.fcall:hover{background:var(--green-d);transform:translateY(-1px);box-shadow:0 10px 22px rgba(58,125,82,.40);}
.fcall:active{transform:scale(.97);}

/* clear the iPhone home indicator at the very bottom of the page */
body .foot{padding-bottom:max(36px,env(safe-area-inset-bottom));}

/* ---------- article: quick recap + knowledge check ---------- */
.recap{background:var(--cream2);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:12px;padding:22px 24px;margin:36px 0;}
.recap h2{font-family:var(--serif);font-weight:600;font-size:20px;margin:0 0 12px;color:var(--ink);}
.recap-item{position:relative;padding-left:30px;margin-bottom:10px;font-size:16px;color:var(--ink);line-height:1.5;}
.recap-item:last-child{margin-bottom:0;}
.recap-item::before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:800;}
.kcheck{margin:36px 0 10px;}
.kcheck h2{font-family:var(--serif);font-weight:600;font-size:24px;letter-spacing:-.3px;margin:0 0 4px;}
.kcheck .kc-sub{color:var(--mute);font-size:15.5px;margin:0 0 18px;}
.kc-q{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:16px;}
.kcheck .kc-qt{font-weight:700;font-size:17px;color:var(--ink);margin:0 0 14px;line-height:1.4;}
.kc-opts{display:flex;flex-direction:column;gap:10px;}
.kc-opt{text-align:left;background:var(--cream2);border:2px solid var(--line);border-radius:10px;padding:13px 16px;font-family:var(--sans);font-size:16px;color:var(--ink);cursor:pointer;transition:border-color .12s,background .12s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.kc-opt:hover:not(:disabled){border-color:var(--coral);}
.kc-opt:disabled{cursor:default;}
.kc-opt.right{border-color:var(--green);background:rgba(58,125,82,.13);font-weight:700;}
.kc-opt.wrong{border-color:#c0392b;background:rgba(192,57,43,.10);}
.kcheck .kc-why{font-size:15px;color:var(--mute);line-height:1.55;margin:14px 2px 4px;}
.kcheck .kc-why b{color:var(--ink);}
.kc-result{background:var(--warm);border-radius:12px;padding:24px;text-align:center;}
.kc-result .kc-score{font-family:var(--serif);font-weight:600;font-size:24px;color:var(--ink);margin-bottom:6px;}
.kcheck .kc-result p{color:var(--mute);font-size:16px;margin:6px 0 0;}
.kc-result a{font-weight:700;}