/* UpperCervicalDoctors.com — site-wide custom CSS */

/* ---------- Homepage (v2 redesign) ---------- */

  @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

  *{box-sizing:border-box;}
  .ucd-home-page{background:#F5F4F0;font-family:'Inter',sans-serif;color:#16233A;overflow-x:hidden;}
  .ucd-home-wrap{max-width:1200px;margin:0 auto;padding:0 1.5rem;}

  .topbar{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;background:#fff;border-bottom:1px solid #E5E3DC;position:sticky;top:0;z-index:50;}
  .topbar-logo{font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:0.85rem;letter-spacing:0.04em;color:#16233A;}
  .topbar-nav{display:flex;gap:2rem;font-size:0.88rem;font-weight:500;color:#3A4759;}

  .hero{position:relative;background:#16233A;overflow:hidden;}
  .hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;align-items:stretch;min-height:640px;}
  .hero-text-col{display:flex;flex-direction:column;justify-content:center;padding:4rem 3.5rem 4rem 1.5rem;max-width:640px;margin-left:auto;position:relative;z-index:2;}
  .hero-text-col .hero-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:0.76rem;letter-spacing:0.1em;text-transform:uppercase;color:#E7B75E !important;margin-bottom:1.1rem;display:flex;align-items:center;gap:0.5rem;}
  .hero-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#8FBFB9;display:inline-block;animation:pulse-dot 2.4s ease-in-out infinite;}
  @keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(1.3);}}
  .hero-text-col .hero-h1{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.14;color:#F5F6F2 !important;margin:0 0 1.1rem;text-wrap:balance;}
  .hero-text-col .hero-sub{font-size:1.08rem;line-height:1.65;color:rgba(240,242,237,0.78) !important;margin:0 0 2rem;max-width:52ch;}

  .picker{background:#fff;border-radius:8px;padding:0.6rem;display:flex;gap:0.4rem;box-shadow:0 24px 60px -20px rgba(0,0,0,0.55);}
  .picker-field{flex:1;display:flex;flex-direction:column;text-align:left;padding:0.55rem 1rem;border-right:1px solid #ECEAE3;}
  .picker-field:last-of-type{border-right:none;}
  .picker-field label{font-family:'IBM Plex Mono',monospace;font-size:0.64rem;letter-spacing:0.06em;text-transform:uppercase;color:#8A8F87;margin-bottom:0.15rem;}
  .picker-field select,.picker-field input{border:none;outline:none;font-family:'Inter',sans-serif;font-size:0.95rem;font-weight:600;color:#16233A;background:transparent;padding:0;width:100%;}
  .picker-btn{background:#B98A3D;color:#fff;border:none;border-radius:5px;padding:0 1.7rem;font-weight:700;font-size:0.94rem;cursor:pointer;white-space:nowrap;transition:background .15s ease;}
  .picker-btn:hover{background:#A57A32;}

  .hero-trust{margin-top:1.5rem;display:flex;gap:1.4rem;flex-wrap:wrap;font-family:'IBM Plex Mono',monospace;font-size:0.72rem;letter-spacing:0.04em;color:rgba(240,242,237,0.7);}
  .hero-trust span::before{content:"✓ ";color:#8FBFB9;}

  .hero-photo-col{position:relative;overflow:hidden;background:linear-gradient(155deg,#1E4F4B 0%,#16233A 60%,#0F1A2C 100%);}
  .hero-photo-col::before{
    content:"";
    position:absolute; inset:0;
    background-image:
      linear-gradient(rgba(240,242,237,0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(240,242,237,0.05) 1px, transparent 1px);
    background-size:34px 34px;
  }
  .hero-photo-fallback-mark{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    color:rgba(240,242,237,0.14); z-index:0; pointer-events:none;
  }
  .hero-photo-col img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; animation:ken-burns 22s ease-in-out infinite alternate;}
  @keyframes ken-burns{0%{ transform:scale(1) translate(0,0); }100%{ transform:scale(1.09) translate(-1%,-1%); }}
  .hero-photo-col::after{content:"";position:absolute; inset:0;background:linear-gradient(90deg, #16233A 0%, rgba(22,35,58,0.15) 30%, rgba(22,35,58,0.05) 100%);}
  .hero-photo-caption{position:absolute; bottom:1.4rem; right:1.4rem; z-index:3;font-family:'IBM Plex Mono',monospace; font-size:0.66rem; letter-spacing:0.04em;color:rgba(255,255,255,0.65); background:rgba(22,35,58,0.4); backdrop-filter:blur(4px);padding:0.35rem 0.7rem; border-radius:100px;}

  @media (max-width:920px){
    .hero-grid{grid-template-columns:1fr; min-height:auto;}
    .hero-text-col{margin-left:0; max-width:100%; padding:3rem 1.5rem 2.5rem;}
    .hero-photo-col{height:280px;}
  }

  .stat-band{background:#0F1A2C;padding:2.2rem 0;}
  .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center;}
  .stat-item strong{display:block;font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:2.1rem;color:#E7B75E;font-variant-numeric:tabular-nums;}
  .stat-item span{font-family:'IBM Plex Mono',monospace;font-size:0.68rem;letter-spacing:0.05em;text-transform:uppercase;color:rgba(240,242,237,0.6);}
  @media (max-width:700px){ .stat-grid{grid-template-columns:repeat(2,1fr);gap:1.6rem;} }

  .ucd-home-section{padding:4.5rem 0;}
  .ucd-home-section-head{max-width:600px;margin:0 auto 2.5rem;text-align:center;}
  .ucd-home-section-head .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:#2B6E68;margin-bottom:0.6rem;}
  .ucd-home-section-head h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.9rem;color:#16233A;margin:0 0 0.6rem;}
  .ucd-home-section-head p{color:rgba(22,35,58,0.6);font-size:1rem;margin:0;}

  .cond-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
  .cond-tile{background:#fff;border:1px solid #E5E3DC;border-radius:10px;padding:1.6rem 1.3rem;text-decoration:none;display:flex;flex-direction:column;gap:0.7rem;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s ease;}
  .cond-tile:hover{transform:translateY(-6px);box-shadow:0 20px 40px -18px rgba(22,35,58,0.22);}
  .cond-tile .mark{color:#2B6E68;transition:transform .3s ease;width:52px;height:52px;border-radius:12px;background:linear-gradient(155deg,#EAF2F1 0%,#F5F4F0 100%);display:flex;align-items:center;justify-content:center;}
  .cond-tile:hover .mark{transform:scale(1.1) rotate(-3deg);background:linear-gradient(155deg,#2B6E68 0%,#1E4F4B 100%);color:#fff;}
  .cond-tile .name{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.05rem;}
  .cond-tile .count{font-family:'IBM Plex Mono',monospace;font-size:0.7rem;color:rgba(22,35,58,0.45);}
  @media (max-width:860px){ .cond-grid{grid-template-columns:repeat(2,1fr);} }

  .proof-section{background:#fff;padding:5rem 0;}
  .proof-grid{display:grid;grid-template-columns:0.95fr 1.05fr;gap:3.5rem;align-items:center;}
  .proof-photo{border-radius:14px;overflow:hidden;aspect-ratio:4/3.1;position:relative;box-shadow:0 30px 70px -30px rgba(22,35,58,0.35);}
  .proof-photo img{width:100%;height:100%;object-fit:cover;transition:transform 8s ease;}
  .proof-photo:hover img{transform:scale(1.06);}
  .proof-text .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;color:#2B6E68;margin-bottom:0.6rem;}
  .proof-text h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.8rem;color:#16233A;margin:0 0 1rem;line-height:1.22;}
  .proof-text p{color:rgba(22,35,58,0.65);font-size:1rem;line-height:1.7;margin:0 0 1.2rem;}
  .proof-list{list-style:none;padding:0;margin:0;}
  .proof-list li{display:flex;gap:0.7rem;align-items:flex-start;font-size:0.95rem;color:#16233A;margin-bottom:0.7rem;}
  .proof-list li::before{content:"✓";color:#2B6E68;font-weight:700;}
  @media (max-width:860px){ .proof-grid{grid-template-columns:1fr;} }

  .doc-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
  .doc-mini{background:#fff;border:1px solid #E5E3DC;border-radius:10px;overflow:hidden;display:flex;gap:1rem;align-items:center;padding:1.1rem;transition:box-shadow .2s ease;}
  .doc-mini:hover{box-shadow:0 14px 30px -16px rgba(22,35,58,0.18);}
  .doc-mini .photo{width:60px;height:60px;border-radius:8px;flex-shrink:0;background:linear-gradient(155deg,#16233A,#2B3D5C);}
  .doc-mini .name{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:0.95rem;}
  .doc-mini .loc{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;color:rgba(22,35,58,0.5);}
  .verified-dot{display:inline-flex;align-items:center;gap:4px;font-size:0.68rem;color:#1E4F4B;font-weight:600;margin-top:0.2rem;}
  @media (max-width:860px){ .doc-row{grid-template-columns:1fr;} }

  .state-grid{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:center;}
  .state-chip{background:#fff;border:1px solid #E5E3DC;border-radius:100px;padding:0.6rem 1.2rem;font-size:0.86rem;font-weight:600;color:#16233A;text-decoration:none;transition:all .18s ease;}
  .state-chip:hover{border-color:#2B6E68;color:#1E4F4B;background:#F0F5F4;}

  .cta-band{background:linear-gradient(155deg,#16233A 0%,#233450 100%);border-radius:16px;padding:3.2rem 2.5rem;text-align:center;margin:3rem 0 4.5rem;position:relative;overflow:hidden;}
  .cta-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%, rgba(231,183,94,0.12) 0%, transparent 45%);}
  .cta-band h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.6rem;color:#fff;margin:0 0 0.6rem;position:relative;}
  .cta-band p{color:rgba(240,242,237,0.72);margin:0 0 1.5rem;position:relative;}
  .cta-band a{background:#B98A3D;color:#fff;text-decoration:none;font-weight:700;padding:0.9rem 1.9rem;border-radius:6px;display:inline-block;position:relative;}

  .reveal{opacity:1;transform:none;}
  html.reveal-ready .reveal.reveal-pending{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1);}
  html.reveal-ready .reveal.reveal-pending.is-visible{opacity:1;transform:none;}

  /* ============ MOBILE ============ */
  @media (max-width: 780px){
    .topbar{flex-direction:column;align-items:flex-start;gap:0.6rem;padding:1rem 1.25rem;}
    .topbar-nav{flex-wrap:wrap;gap:0.9rem;row-gap:0.4rem;font-size:0.82rem;}

    .hero-text-col{padding:2.5rem 1.5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;}
    .hero-eyebrow{justify-content:center;}
    .hero-h1{font-size:1.6rem;}
    .hero-sub{max-width:38ch;}
    .picker{flex-direction:column;padding:0.8rem;gap:0.65rem;width:100%;}
    .picker-field{border-right:none;border-bottom:1px solid #ECEAE3;padding:0.4rem 0.2rem 0.65rem;text-align:center;align-items:center;}
    .picker-field:last-of-type{border-bottom:none;}
    .picker-btn{padding:0.85rem;min-height:48px;}
    .hero-photo-caption{display:none;}
    .hero-trust{justify-content:center;}

    .stat-grid{grid-template-columns:repeat(2,1fr);gap:1.6rem;}
    .doc-row{grid-template-columns:1fr;}
    .proof-grid{grid-template-columns:1fr;gap:1.75rem;}
    .ucd-home-section-head h2{font-size:1.5rem;}
  }


/* ---------- Condition pages, hub, states, guides ---------- */
.ucd-cond-page{background:#F0F2ED;font-family:'Inter',sans-serif;color:#16233A;}
  .ucd-cond-page *{box-sizing:border-box;}
  .ucd-cond-wrap{max-width:1180px;margin:0 auto;padding:0 1.5rem;}

  .ucd-cond-hero-band{padding:4rem 0 0;background:linear-gradient(180deg, #E9EDE6 0%, #F0F2ED 100%);background-image:linear-gradient(180deg, #E9EDE6 0%, #F0F2ED 100%),linear-gradient(rgba(22,35,58,0.025) 1px, transparent 1px),linear-gradient(90deg, rgba(22,35,58,0.025) 1px, transparent 1px);background-size:auto, 28px 28px, 28px 28px;}
  .ucd-cond-hero{display:grid;grid-template-columns:1.1fr 0.9fr;gap:3rem;align-items:center;min-height:420px;padding-bottom:3rem;}
  .ucd-cond-hero-text .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:0.75rem;letter-spacing:0.09em;text-transform:uppercase;color:#1E4F4B;margin-bottom:0.6rem;}
  .ucd-cond-hero-text h1{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(2.1rem,3.8vw,2.8rem);line-height:1.08;margin:0 0 1.1rem;max-width:16ch;}
  .ucd-cond-hero-text p{font-size:1.08rem;color:rgba(22,35,58,0.62);max-width:52ch;line-height:1.65;margin:0;}
  .ucd-cond-hero-photo{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:4/3.4;box-shadow:0 30px 60px -28px rgba(22,35,58,0.35);}
  .ucd-cond-hero-photo img{width:100%;height:100%;object-fit:cover;display:block;}
  .ucd-cond-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg, rgba(22,35,58,0.18) 0%, transparent 40%);}
  @media (max-width:860px){.ucd-cond-hero{grid-template-columns:1fr;min-height:auto;}}

  .ucd-cond-trust-panel{background:#16233A;border-radius:4px;padding:0.9rem 1.4rem;margin:0 0 3rem;display:flex;gap:1.3rem;flex-wrap:wrap;font-family:'IBM Plex Mono',monospace;font-size:0.7rem;letter-spacing:0.06em;text-transform:uppercase;color:rgba(240,242,237,0.82);}
  .ucd-cond-trust-panel span::before{content:"✓ ";color:#8FBFB9;}

  .ucd-cond-browse{padding:0 0 4rem;}
  .ucd-cond-browse-head{text-align:left;max-width:640px;margin:0 0 1.75rem;}
  .ucd-cond-browse-head .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:#2B6E68;margin-bottom:0.5rem;}
  .ucd-cond-browse-head h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.6rem;color:#16233A;margin:0 0 0.4rem;}
  .ucd-cond-browse-head p{color:rgba(22,35,58,0.6);font-size:0.95rem;margin:0;}
  .ucd-cond-view-all{color:#2B6E68;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(43,110,104,0.4);}
  .ucd-cond-view-all:hover{color:#1E4F4B;border-color:#1E4F4B;}

  .ucd-cond-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
  .ucd-cond-tile{background:#fff;border:1px solid #D7DBD4;border-radius:6px;padding:1.5rem 1.4rem;text-decoration:none;display:flex;flex-direction:column;gap:0.7rem;position:relative;overflow:hidden;transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;}
  .ucd-cond-tile::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2B6E68,#B98A3D);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(0.22,1,0.36,1);}
  .ucd-cond-tile:hover{border-color:#2B6E68;transform:translateY(-3px);box-shadow:0 16px 32px -18px rgba(22,35,58,0.25);}
  .ucd-cond-tile:hover::before{transform:scaleX(1);}
  .ucd-cond-tile.is-current{background:#16233A;border-color:#16233A;}
  .ucd-cond-tile.is-current .ucd-cond-tile-name,.ucd-cond-tile.is-current .ucd-cond-tile-desc{color:#F0F2ED;}
  .ucd-cond-tile.is-current .ucd-cond-tile-mark{color:#E7B75E;}
  .ucd-cond-tile-mark{color:#2B6E68;}
  .ucd-cond-tile-name{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.08rem;color:#16233A;display:flex;align-items:center;justify-content:space-between;gap:0.5rem;}
  .ucd-cond-tile-name span:last-child{color:#2B6E68;font-size:1.1rem;flex-shrink:0;}
  .ucd-cond-tile.is-current .ucd-cond-tile-name span:last-child{color:#E7B75E;}
  .ucd-cond-tile-desc{font-size:0.85rem;color:rgba(22,35,58,0.58);line-height:1.5;}
  .ucd-cond-tile-count{font-family:'IBM Plex Mono',monospace;font-size:0.68rem;letter-spacing:0.04em;color:rgba(22,35,58,0.45);margin-top:0.2rem;}
  .ucd-cond-tile.is-current .ucd-cond-tile-count{color:rgba(240,242,237,0.6);}

  .ucd-cond-mechanism{background:#fff;border:1px solid #D7DBD4;border-radius:6px;padding:2rem;margin-bottom:3rem;display:grid;grid-template-columns:64px 1fr;gap:1.3rem;position:relative;overflow:hidden;}
  .ucd-cond-mechanism::before{content:"";position:absolute;top:-40%;right:-10%;width:280px;height:280px;background:radial-gradient(circle, rgba(43,110,104,0.06) 0%, transparent 70%);}
  .ucd-cond-mechanism h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.3rem;margin:0 0 0.7rem;grid-column:2;position:relative;}
  .ucd-cond-mechanism p{grid-column:2;color:rgba(22,35,58,0.62);font-size:0.97rem;line-height:1.65;margin:0 0 0.9rem;position:relative;}
  .ucd-cond-mechanism-mark{color:#2B6E68;position:relative;}

  .ucd-cond-cta{background:linear-gradient(155deg,#16233A 0%,#233450 100%);border-radius:8px;padding:3rem 2.5rem;text-align:center;margin-bottom:4rem;position:relative;overflow:hidden;}
  .ucd-cond-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(240,242,237,0.04) 1px, transparent 1px),linear-gradient(90deg, rgba(240,242,237,0.04) 1px, transparent 1px);background-size:26px 26px;}
  .ucd-cond-cta-inner{position:relative;}
  .ucd-cond-cta h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.5rem;color:#fff;margin:0 0 0.7rem;}
  .ucd-cond-cta p{color:rgba(240,242,237,0.72);font-size:0.98rem;max-width:46ch;margin:0 auto 1.5rem;line-height:1.6;}
  .ucd-cond-cta-buttons{display:flex;gap:0.8rem;justify-content:center;flex-wrap:wrap;}
  .ucd-cond-cta-btn{padding:0.8rem 1.6rem;border-radius:4px;font-weight:700;font-size:0.9rem;text-decoration:none;}
  .ucd-cond-cta-btn.primary{background:#B98A3D;color:#fff;}
  .ucd-cond-cta-btn.outline{background:transparent;color:#fff;border:1px solid rgba(240,242,237,0.35);}

  .ucd-cond-page .reveal, .ucd-cond-page .reveal-stagger .ucd-cond-tile{opacity:1;clip-path:none;transform:none;}
  html.ucd-reveal-ready .ucd-cond-page .reveal.reveal-pending{clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path 0.9s cubic-bezier(0.65,0,0.35,1), opacity 0.4s ease;}
  html.ucd-reveal-ready .ucd-cond-page .reveal.reveal-pending.is-visible{clip-path:inset(0 0% 0 0);opacity:1;}
  html.ucd-reveal-ready .ucd-cond-page .reveal-stagger.reveal-pending .ucd-cond-tile{opacity:0;transform:translateY(14px);transition:opacity 0.6s ease, transform 0.6s cubic-bezier(0.22,1,0.36,1);}
  html.ucd-reveal-ready .ucd-cond-page .reveal-stagger.is-visible .ucd-cond-tile{opacity:1;transform:translateY(0);}
  .ucd-cond-page .reveal-stagger .ucd-cond-tile:nth-child(1){transition-delay:0.05s;}
  .ucd-cond-page .reveal-stagger .ucd-cond-tile:nth-child(2){transition-delay:0.12s;}
  .ucd-cond-page .reveal-stagger .ucd-cond-tile:nth-child(3){transition-delay:0.19s;}
  .ucd-cond-page .reveal-stagger .ucd-cond-tile:nth-child(4){transition-delay:0.26s;}
  .ucd-cond-page .reveal-stagger .ucd-cond-tile:nth-child(5){transition-delay:0.33s;}
  .ucd-cond-page .reveal-stagger .ucd-cond-tile:nth-child(6){transition-delay:0.40s;}

  @media (prefers-reduced-motion: reduce){
    html.ucd-reveal-ready .ucd-cond-page .reveal.reveal-pending,
    html.ucd-reveal-ready .ucd-cond-page .reveal-stagger.reveal-pending .ucd-cond-tile{clip-path:none !important;opacity:1 !important;transform:none !important;transition:none !important;}
  }
  @media (max-width:860px){.ucd-cond-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.ucd-cond-grid{grid-template-columns:1fr;}}

  /* SEO-driven mobile pass: Google's mobile-first indexing means this is
     what actually gets evaluated for ranking, not the desktop layout.
     Content is never hidden here, only reflowed. Tap targets ~44px min. */
  @media (max-width: 780px){
    .ucd-cond-hero{ grid-template-columns:1fr; min-height:auto; padding-bottom:2rem; gap:1.75rem; }
    .ucd-cond-hero-band{ padding:2.5rem 0 0; }
    .ucd-cond-hero-text h1{ font-size:1.7rem; max-width:100%; }
    .ucd-cond-hero-photo{ aspect-ratio:16/10; }
    .ucd-cond-trust-panel{ gap:0.7rem 1rem; padding:0.85rem 1.1rem; margin-bottom:2rem; }
    .ucd-cond-grid{ grid-template-columns:1fr; gap:0.85rem; }
    .ucd-cond-tile{ padding:1.25rem 1.2rem; min-height:44px; }
    .ucd-cond-mechanism{ grid-template-columns:1fr; padding:1.5rem; gap:0.6rem; }
    .ucd-cond-mechanism h2, .ucd-cond-mechanism p{ grid-column:1; }
    .ucd-cond-mechanism-mark{ margin-bottom:0.4rem; }
    .ucd-cond-cta{ padding:2.25rem 1.5rem; }
    .ucd-cond-cta h2{ font-size:1.3rem; }
    .ucd-cond-cta-buttons{ flex-direction:column; }
    .ucd-cond-cta-btn{ width:100%; min-height:48px; display:flex; align-items:center; justify-content:center; }
  }

  .ucd-stat-callout{background:#16233A;border-radius:6px;padding:1.5rem 1.8rem;margin:2rem 0 2.5rem;display:flex;gap:1rem;align-items:flex-start;}
  .ucd-stat-callout-icon{color:#E7B75E;flex-shrink:0;font-family:'IBM Plex Mono',monospace;font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;font-weight:700;padding-top:0.2rem;}
  .ucd-stat-callout p{color:rgba(240,242,237,0.88);font-size:0.98rem;line-height:1.6;margin:0;}

  .ucd-symptom-section{margin:0 0 3rem;}
  .ucd-symptom-section h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.4rem;margin:0 0 1.1rem;}
  .ucd-symptom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;}
  .ucd-symptom-item{background:#fff;border:1px solid #D7DBD4;border-radius:5px;padding:0.9rem 1.1rem;font-size:0.9rem;color:#16233A;display:flex;gap:0.6rem;align-items:flex-start;line-height:1.5;}
  .ucd-symptom-item::before{content:"";width:6px;height:6px;border-radius:50%;background:#B98A3D;flex-shrink:0;margin-top:0.5rem;}

  .ucd-faq-section{margin:0 0 3rem;}
  .ucd-faq-section h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.4rem;margin:0 0 1.1rem;}
  .ucd-faq-list{display:flex;flex-direction:column;gap:0.6rem;}
  .ucd-faq-item{background:#fff;border:1px solid #D7DBD4;border-radius:5px;overflow:hidden;}
  .ucd-faq-item summary{cursor:pointer;list-style:none;padding:1rem 1.2rem;font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:0.98rem;color:#16233A;display:flex;justify-content:space-between;align-items:center;gap:1rem;}
  .ucd-faq-item summary::-webkit-details-marker{display:none;}
  .ucd-faq-item summary::after{content:"+";font-family:'Inter',sans-serif;font-weight:400;font-size:1.3rem;color:#2B6E68;flex-shrink:0;transition:transform 0.15s ease;}
  .ucd-faq-item[open] summary::after{transform:rotate(45deg);}
  .ucd-faq-answer{padding:0 1.2rem 1.1rem;font-size:0.9rem;line-height:1.6;color:rgba(22,35,58,0.62);}

  .ucd-state-city-list{display:flex;flex-direction:column;gap:0.6rem;}
  .ucd-state-city-item{background:#fff;border:1px solid #D7DBD4;border-radius:5px;padding:1rem 1.3rem;display:flex;justify-content:space-between;align-items:center;text-decoration:none;transition:border-color .2s ease;}
  .ucd-state-city-item:hover{border-color:#2B6E68;}
  .ucd-state-city-name{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1rem;color:#16233A;}
  .ucd-state-city-count{font-family:'IBM Plex Mono',monospace;font-size:0.78rem;color:#2B6E68;font-weight:600;}

  .ucd-guide-article{background:#fff;border:1px solid #D7DBD4;border-radius:6px;padding:2.25rem 2.5rem;margin-bottom:3rem;max-width:74ch;}
  .ucd-guide-article h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.35rem;color:#16233A;margin:2rem 0 0.9rem;}
  .ucd-guide-article h2:first-child{margin-top:0;}
  .ucd-guide-article p{font-size:0.98rem;line-height:1.7;color:rgba(22,35,58,0.72);margin:0 0 1rem;}
  .ucd-guide-article ul{margin:0 0 1.25rem;padding-left:1.4rem;}
  .ucd-guide-article li{font-size:0.96rem;line-height:1.65;color:rgba(22,35,58,0.72);margin-bottom:0.5rem;}
  .ucd-guide-article strong{color:#16233A;}
  @media (max-width: 780px){
    .ucd-guide-article{padding:1.5rem 1.4rem;}
  }

  @media (max-width: 780px){
    .ucd-symptom-grid{grid-template-columns:1fr;}
  }

  .ucd-state-hero-simple{padding-bottom:2.5rem;max-width:640px;}
  .ucd-state-hero-simple .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:0.75rem;letter-spacing:0.09em;text-transform:uppercase;color:#1E4F4B;margin-bottom:0.6rem;}
  .ucd-state-hero-simple h1{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(2rem,3.6vw,2.6rem);line-height:1.1;margin:0 0 1rem;}
  .ucd-state-hero-simple p{font-size:1.05rem;color:rgba(22,35,58,0.62);line-height:1.6;margin:0;}

  .ucd-state-city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.85rem;}
  .ucd-state-city-card{background:#fff;border:1px solid #D7DBD4;border-radius:5px;padding:1.1rem 1.2rem;text-decoration:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.3rem 0.6rem;transition:border-color .2s ease, transform .2s ease;}
  .ucd-state-city-card:hover{border-color:#2B6E68;transform:translateY(-2px);}
  .ucd-state-city-name{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:0.98rem;color:#16233A;flex:1;min-width:120px;}
  .ucd-state-city-count{font-family:'IBM Plex Mono',monospace;font-size:0.7rem;color:rgba(22,35,58,0.5);}
  .ucd-state-city-arrow{color:#2B6E68;font-size:1rem;}

  @media (max-width:860px){ .ucd-state-city-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .ucd-state-city-grid{grid-template-columns:1fr;} }


  /* ---------- Claim Your Profile: form + success states ---------- */
  .ucd-claim-form-card, .ucd-claim-success-card{
    max-width:640px; margin:3.5rem auto; background:#fff; border:1px solid #D7DBD4;
    border-radius:14px; padding:3.25rem 3rem; box-shadow:0 30px 70px -35px rgba(22,35,58,0.3);
    position:relative; overflow:hidden;
  }
  .ucd-claim-form-card .eyebrow, .ucd-claim-success-card .eyebrow{
    font-family:'IBM Plex Mono',monospace; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase;
    color:#2B6E68; margin-bottom:0.7rem; position:relative;
  }
  .ucd-claim-form-card h1, .ucd-claim-success-card h1{
    font-family:'Fraunces',Georgia,serif; font-weight:600; font-size:1.6rem; color:#16233A; margin:0 0 0.9rem; line-height:1.25; position:relative;
  }
  .ucd-claim-intro{ color:rgba(22,35,58,0.62); font-size:0.98rem; line-height:1.65; margin:0 0 2rem; }

  .ucd-claim-field{ margin-bottom:1.3rem; }
  .ucd-claim-row{ display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; }
  .ucd-claim-field label{
    display:block; font-size:0.86rem; font-weight:600; color:#16233A; margin-bottom:0.4rem;
  }
  .ucd-claim-hint{ font-weight:400; color:rgba(22,35,58,0.5); font-size:0.82rem; }
  .ucd-claim-field input, .ucd-claim-field select, .ucd-claim-field textarea{
    width:100%; border:1px solid #D7DBD4; border-radius:6px; padding:0.7rem 0.9rem;
    font-family:'Inter',sans-serif; font-size:0.95rem; color:#16233A; background:#fff;
    transition:border-color .15s ease; box-sizing:border-box;
  }
  .ucd-claim-field input:focus, .ucd-claim-field select:focus, .ucd-claim-field textarea:focus{
    outline:none; border-color:#2B6E68;
  }
  .ucd-claim-submit{ width:100%; text-align:center; border:none; cursor:pointer; margin-top:0.5rem; font-size:0.98rem; }

  /* Success state: a genuine "closing" moment, not just the form's
     empty-shell styling reused. Textured background, a glowing icon
     with a soft pulse ring, and more breathing room between elements
     for better flow toward the two exit actions. */
  .ucd-claim-success-card{
    text-align:center;
    background:
      linear-gradient(180deg, #FBFAF7 0%, #ffffff 55%),
      linear-gradient(rgba(22,35,58,0.02) 1px, transparent 1px),
      linear-gradient(90deg, rgba(22,35,58,0.02) 1px, transparent 1px);
    background-size:auto, 24px 24px, 24px 24px;
  }
  .ucd-claim-success-icon{
    width:72px; height:72px; border-radius:50%; background:linear-gradient(155deg,#2B6E68 0%,#1E4F4B 100%);
    color:#fff; display:flex; align-items:center; justify-content:center; margin:0 auto 1.75rem;
    position:relative; box-shadow:0 12px 30px -8px rgba(43,110,104,0.5);
    animation:ucd-claim-icon-in 0.6s cubic-bezier(0.22,1,0.36,1);
  }
  .ucd-claim-success-icon::after{
    content:""; position:absolute; inset:-8px; border-radius:50%;
    border:1.5px solid rgba(43,110,104,0.35);
    animation:ucd-claim-pulse-ring 2.2s ease-out infinite;
  }
  @keyframes ucd-claim-icon-in{
    0%{ transform:scale(0.6); opacity:0; }
    100%{ transform:scale(1); opacity:1; }
  }
  @keyframes ucd-claim-pulse-ring{
    0%{ transform:scale(1); opacity:0.6; }
    100%{ transform:scale(1.35); opacity:0; }
  }
  .ucd-claim-success-card .eyebrow{ text-align:center; }
  .ucd-claim-success-card h1{ max-width:34ch; margin-left:auto; margin-right:auto; }
  .ucd-claim-success-card p{ color:rgba(22,35,58,0.62); font-size:0.98rem; line-height:1.7; max-width:44ch; margin:0 auto 1.1rem; position:relative; }
  .ucd-claim-success-divider{
    width:64px; height:2px; margin:2rem auto; position:relative;
    background:linear-gradient(90deg, transparent, #B98A3D, transparent);
  }
  .ucd-claim-success-note{ font-size:0.9rem !important; color:rgba(22,35,58,0.5) !important; }
  .ucd-claim-success-actions{ display:flex; gap:0.9rem; justify-content:center; flex-wrap:wrap; margin-top:1.75rem; position:relative; }
  .ucd-claim-success-actions .ucd-cond-cta-btn{ padding:0.85rem 1.7rem; }
  .ucd-claim-success-actions .ucd-cond-cta-btn.outline{ color:#16233A; border-color:#D7DBD4; background:#fff; }
  .ucd-claim-success-actions .ucd-cond-cta-btn.outline:hover{ border-color:#2B6E68; color:#1E4F4B; }

  @media (max-width:640px){
    .ucd-claim-form-card, .ucd-claim-success-card{ margin:1.5rem 1rem; padding:2.5rem 1.75rem; }
    .ucd-claim-row{ grid-template-columns:1fr; }
    .ucd-claim-success-icon{ width:60px; height:60px; }
  }

/* ---------- Real doctor listings on condition pages ---------- */
.ucd-cond-doctor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.85rem;}
.ucd-cond-doctor-card{
  background:#fff;border:1px solid #D7DBD4;border-radius:8px;padding:1.1rem 1.2rem;
  text-decoration:none;display:block;transition:box-shadow .2s ease, border-color .2s ease;
  position:relative;
}
.ucd-cond-doctor-card.is-premium{border-color:#B98A3D;}
.ucd-cond-doctor-premium-tag{
  position:absolute;top:0.7rem;right:0.7rem;font-family:'IBM Plex Mono',monospace;font-size:0.62rem;
  letter-spacing:0.05em;text-transform:uppercase;color:#93692C;background:#FBF3E5;
  padding:0.2rem 0.5rem;border-radius:100px;font-weight:600;
}
.ucd-cond-doctor-card:hover{border-color:#2B6E68;box-shadow:0 14px 30px -18px rgba(22,35,58,0.25);}
.ucd-cond-doctor-card .name{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1rem;color:#16233A;margin-bottom:0.2rem;}
.ucd-cond-doctor-card .loc{font-family:'IBM Plex Mono',monospace;font-size:0.74rem;color:rgba(22,35,58,0.5);margin-bottom:0.5rem;}
.ucd-cond-doctor-card .verified-dot{font-size:0.76rem;color:#1E4F4B;font-weight:600;}
.ucd-cond-doctor-card .ucd-cond-doctor-view{font-size:0.8rem;color:#2B6E68;font-weight:600;}
@media (max-width:780px){
  .ucd-cond-doctor-grid{grid-template-columns:1fr;}
}