/* Shoulder & Elbow Club - shared static-page stylesheet (v13, 10 June 2026).
   Extracted from the identical inline <style> blocks on all 31 static pages.
   Page-specific .cond-infographic max-width overrides remain inline on condition pages.
   Version the filename (site-14.css etc.) if this file changes, and update the <link> on every page. */

/* ================================================================
   SHOULDER & ELBOW CLUB - v3 - bright palette + photography
   CONDITIONS array at bottom drives all 6 condition pages.
   To add a 7th: copy any object in CONDITIONS and fill in fields.
   ================================================================ */
:root {
  --ink:    #0d1f2d;
  --ocean:  #0077b6;
  --sky:    #00b4d8;
  --mint:   #06d6a0;
  --coral:  #ff6b6b;
  --amber:  #ffd166;
  --cream:  #f8f9fa;
  --cloud:  #eef4f7;
  --border: #d4e4ec;
  --muted:  #5a7a8a;
  --white:  #ffffff;
  --serif:  'Fraunces', Georgia, serif;
  --sans:   'Plus Jakarta Sans', system-ui, sans-serif;
  --radius: 14px;
  --shadow: 0 4px 24px rgba(0,80,120,0.10);
  --shadow-lg: 0 12px 48px rgba(0,80,120,0.16);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);font-size:15px;line-height:1.6;min-height:100vh;}
img{display:block;width:100%;height:100%;object-fit:cover;}

/* ── NAV ─────────────────────────────────────────────── */
.nav{background:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 36px;height:64px;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px rgba(0,0,0,0.25);}
.nav-logo{display:flex;align-items:center;gap:12px;cursor:pointer;}
.nav-mark{width:46px;height:46px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.nav-mark img{width:100%;height:100%;object-fit:cover;display:block;}
.nav-mark svg{width:20px;height:20px;}
.nav-name{color:#fff;font-size:15px;font-weight:700;font-family:var(--sans);}
.nav-sub{color:#7eb8cc;font-size:10px;display:block;font-weight:400;}
.nav-links{display:flex;gap:2px;list-style:none;}
.nav-links a{color:#b0cdd8;font-size:13px;text-decoration:none;padding:7px 16px;border-radius:24px;transition:all 0.2s;cursor:pointer;font-weight:500;}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,0.1);}
.nav-links a.active{color:var(--mint);background:rgba(6,214,160,0.12);}
.nav-cta{background:linear-gradient(135deg,var(--ocean),var(--sky));color:#fff;border:none;border-radius:24px;padding:9px 20px;font-size:13px;font-family:var(--sans);cursor:pointer;font-weight:600;transition:opacity 0.2s;}
.nav-cta:hover{opacity:0.9;}

/* ── PAGES ───────────────────────────────────────────── */
.page{display:none;}.page.active{display:block;}

/* ── HERO ────────────────────────────────────────────── */
.hero{position:relative;min-height:520px;overflow:hidden;display:flex;align-items:center;}
.hero-left{position:relative;z-index:2;padding:72px 52px;display:flex;flex-direction:column;justify-content:center;max-width:560px;}
.hero-left::before{content:'';position:absolute;bottom:-60px;left:-40px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(0,180,216,0.12),transparent 65%);pointer-events:none;}
.hero-left::after{content:'';position:absolute;top:-20px;right:40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(6,214,160,0.1),transparent 65%);pointer-events:none;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(6,214,160,0.15);color:var(--mint);font-size:11px;border-radius:6px;padding:5px 12px;margin-bottom:20px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;width:fit-content;border:1px solid rgba(6,214,160,0.25);}
.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}
.hero h1{font-family:var(--serif);color:#fff;font-size:44px;line-height:1.12;margin-bottom:16px;font-weight:700;letter-spacing:-0.5px;}
.hero h1 span{color:var(--mint);}
.hero-desc{color:rgba(255,255,255,0.72);font-size:15px;line-height:1.75;margin-bottom:32px;max-width:360px;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
.btn-primary{background:var(--mint);color:#0a2540;border:none;border-radius:8px;padding:13px 26px;font-size:14px;font-family:var(--sans);cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:transform 0.15s,box-shadow 0.15s;box-shadow:0 4px 20px rgba(6,214,160,0.35);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(6,214,160,0.45);}
.btn-secondary{background:rgba(255,255,255,0.08);color:#fff;border:1.5px solid rgba(255,255,255,0.22);border-radius:8px;padding:13px 26px;font-size:14px;font-family:var(--sans);cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all 0.2s;}
.btn-secondary:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.4);}

/* Single full-bleed consultation photo - full hero background */
.hero-right{position:absolute;inset:0;z-index:0;}
.hero-right img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:contrast(1.05) saturate(1.05);display:block;}
.hero-right-overlay{position:absolute;inset:0;background:linear-gradient(to right,#0a2540 0%,#0a2540 26%,rgba(10,37,64,0.9) 36%,rgba(10,37,64,0.6) 50%,rgba(10,37,64,0.2) 66%,transparent 82%);}
.hero-right-caption{position:absolute;bottom:22px;right:28px;display:flex;align-items:center;gap:8px;background:rgba(6,10,20,0.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.14);padding:8px 16px;border-radius:6px;}
.hero-right-caption-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);flex-shrink:0;}
.hero-right-caption span{font-size:12px;color:#fff;font-weight:600;letter-spacing:0.02em;}
/* SVG fallback fills hero-right when image fails */
.hero-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}

/* ── TRUST BAR ───────────────────────────────────────── */
.trust-bar{background:var(--ink);border-bottom:1px solid rgba(255,255,255,0.08);padding:12px 36px;display:flex;align-items:center;gap:36px;}
.trust-item{display:flex;align-items:center;gap:9px;font-size:12px;color:rgba(255,255,255,0.65);font-weight:500;}
.trust-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.trust-icon.ocean{background:linear-gradient(135deg,var(--ocean),var(--sky));}
.trust-icon.mint{background:linear-gradient(135deg,var(--mint),#04b589);}
.trust-icon svg{width:14px;height:14px;}

/* ── SECTION ─────────────────────────────────────────── */
.section{padding:56px 36px;}.section-sm{padding:36px 36px;}
.section-bg{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.section-cloud{background:var(--cloud);}
.eyebrow{font-size:11px;color:var(--ocean);letter-spacing:0.08em;text-transform:uppercase;font-weight:700;margin-bottom:8px;}
.section-title{font-family:var(--serif);font-size:32px;color:var(--ink);margin-bottom:8px;font-weight:700;}
.section-sub{font-size:14px;color:var(--muted);margin-bottom:32px;max-width:520px;}

/* ── SURGERY LANDING PAGE ────────────────────────────── */
.surgery-landing-hero{position:relative;overflow:hidden;background:#0a2540;display:flex;align-items:center;min-height:280px;}
.surgery-landing-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:contrast(1.05) saturate(1.05);}
.surgery-landing-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,#0a2540 0%,#0a2540 35%,rgba(10,37,64,0.85) 50%,rgba(10,37,64,0.35) 70%,rgba(10,37,64,0.0) 88%);}
.surgery-landing-hero-content{position:relative;z-index:2;padding:56px 48px;}
.surgery-landing-hero h1{font-family:var(--serif);color:#fff;font-size:46px;font-weight:700;margin-bottom:12px;line-height:1.15;}
.surgery-landing-hero p{color:rgba(255,255,255,0.75);font-size:15px;line-height:1.75;max-width:480px;}

.surgery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.surgery-tile{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:26px 24px;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s,transform 0.15s;box-shadow:0 2px 8px rgba(0,80,120,0.05);display:flex;flex-direction:column;gap:14px;}
.surgery-tile:hover{border-color:var(--ocean);box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.surgery-tile-header{display:flex;align-items:center;gap:14px;}
.surgery-tile-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.surgery-tile-icon.sh{background:linear-gradient(135deg,#d0eafa,#b8dff5);}
.surgery-tile-icon.el{background:linear-gradient(135deg,#ccf2e4,#a8e6cc);}
.surgery-tile-icon svg{width:26px;height:26px;}
.surgery-tile-icon.has-img{background:none;border-radius:50%;overflow:hidden;width:54px;height:54px;}
.surgery-tile-icon.has-img img{width:100%;height:100%;display:block;object-fit:cover;}
.surgery-tile-meta{display:flex;flex-direction:column;gap:3px;}
.surgery-tile-badge{font-size:10px;font-weight:700;padding:2px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:0.04em;width:fit-content;}
.surgery-tile-badge.sh{background:rgba(0,119,182,0.1);color:var(--ocean);}
.surgery-tile-badge.el{background:rgba(6,180,140,0.1);color:#049a74;}
.surgery-tile h3{font-size:22px;font-weight:700;color:var(--ink);margin:0;line-height:1.25;}
.surgery-tile-proc{font-size:16px;color:var(--ocean);font-weight:600;}
.surgery-tile p{font-size:13px;color:var(--muted);line-height:1.6;margin:0;}
.surgery-tile-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);}
.surgery-tile-stats{display:flex;gap:18px;}
.surgery-stat{display:flex;flex-direction:column;gap:2px;}
.surgery-stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;}
.surgery-stat-val{font-size:13px;font-weight:700;color:var(--ink);}
.surgery-tile-arrow{font-size:13px;color:var(--ocean);font-weight:600;display:flex;align-items:center;gap:4px;}
.condition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.condition-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:18px 20px;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s,transform 0.15s;box-shadow:0 2px 8px rgba(0,80,120,0.05);display:flex;flex-direction:column;gap:10px;}
.condition-card:hover{border-color:var(--ocean);box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.cc-header{display:flex;align-items:center;gap:12px;}
.cc-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cc-icon-wrap.sh{background:linear-gradient(135deg,#d0eafa,#b8dff5);}
.cc-icon-wrap.el{background:linear-gradient(135deg,#ccf2e4,#a8e6cc);}
.cc-icon-wrap svg{width:22px;height:22px;}
.cc-icon-wrap.has-img{background:none;border-radius:50%;overflow:hidden;width:46px;height:46px;}
.cc-icon-wrap.has-img img{width:100%;height:100%;display:block;object-fit:cover;}
.cc-badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:2px;}
.cc-badge.sh{background:rgba(0,119,182,0.1);color:var(--ocean);}
.cc-badge.el{background:rgba(6,180,140,0.1);color:#049a74;}
.condition-card h3{font-size:22px;font-weight:700;color:var(--ink);margin:0;line-height:1.25;}
.condition-card p{font-size:12px;color:var(--muted);line-height:1.55;margin:0;}
.cc-link{font-size:12px;color:var(--ocean);font-weight:600;display:flex;align-items:center;gap:4px;margin-top:2px;}

/* ── SURGERY BANNER ──────────────────────────────────── */
.surgery-section{background:linear-gradient(135deg,var(--ink) 0%,#0a3352 100%);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1fr 340px;margin:0 36px;box-shadow:var(--shadow-lg);}
.sb-left{padding:44px 48px;}
.sb-tag{display:inline-block;background:rgba(6,214,160,0.2);color:var(--mint);font-size:10px;border-radius:6px;padding:5px 14px;margin-bottom:14px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;}
.sb-left h2{font-family:var(--serif);color:#fff;font-size:28px;margin-bottom:12px;font-weight:700;}
.sb-left p{color:#8db9cc;font-size:14px;line-height:1.75;margin-bottom:24px;max-width:440px;}
.btn-mint{background:var(--mint);color:var(--ink);border:none;border-radius:8px;padding:13px 26px;font-size:14px;font-family:var(--sans);cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:opacity 0.2s;}
.btn-mint:hover{opacity:0.9;}
.sb-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px;}
.sb-step{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.06);border-radius:10px;padding:10px 16px;}
.sb-num{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--ocean),var(--mint));color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sb-txt{font-size:12px;font-weight:500;color:#c8dde5;}
.sb-right{position:relative;overflow:hidden;}
.sb-right img{height:100%;object-fit:cover;opacity:0.6;}
.sb-right-overlay{position:absolute;inset:0;background:linear-gradient(to right,var(--ink),transparent 40%);}

/* ── CHATBOT ─────────────────────────────────────────── */
.chatbot-wrap{max-width:560px;margin:0 auto;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);}
.cb-header{background:linear-gradient(135deg,var(--ink),#0a3352);padding:16px 20px;display:flex;align-items:center;gap:12px;}
.cb-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--ocean),var(--mint));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cb-avatar svg{width:18px;height:18px;}
.cb-name{color:#fff;font-size:14px;font-weight:700;}
.cb-status{color:var(--mint);font-size:11px;font-weight:500;}
.cb-messages{padding:20px;display:flex;flex-direction:column;gap:12px;}
.msg-bot{align-self:flex-start;max-width:82%;background:var(--cloud);color:var(--ink);font-size:13px;line-height:1.65;padding:11px 15px;border-radius:16px 16px 16px 4px;}
.msg-user{align-self:flex-end;max-width:82%;background:linear-gradient(135deg,var(--ocean),var(--sky));color:#fff;font-size:13px;line-height:1.65;padding:11px 15px;border-radius:16px 16px 4px 16px;}
.cb-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 16px;}
.cb-chip{background:var(--cloud);color:var(--ocean);font-size:12px;border-radius:24px;padding:6px 14px;cursor:pointer;border:1.5px solid var(--border);font-family:var(--sans);font-weight:500;transition:all 0.15s;}
.cb-chip:hover{background:var(--ocean);color:#fff;border-color:var(--ocean);}
.cb-input-row{border-top:1.5px solid var(--border);padding:14px 20px;display:flex;align-items:center;gap:10px;}
.cb-input{flex:1;border:1.5px solid var(--border);border-radius:28px;padding:10px 18px;font-size:13px;color:var(--muted);background:var(--cloud);font-family:var(--sans);}
.cb-send{width:38px;height:38px;background:linear-gradient(135deg,var(--ocean),var(--sky));border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.cb-send svg{width:16px;height:16px;}

/* ── SOCIAL PROOF / STATS ─────────────────────────────── */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 36px 0;}
.stat-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:20px 22px;box-shadow:0 2px 8px rgba(0,80,120,0.05);display:flex;align-items:flex-start;gap:14px;}
.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.stat-icon svg{width:22px;height:22px;}
.stat-body{display:flex;flex-direction:column;gap:2px;}
.stat-num{font-family:var(--serif);font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--ocean),var(--mint));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;}
.stat-label{font-size:13px;color:var(--ink);font-weight:600;margin-top:1px;}
.stat-sub{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.4;}

/* ── TEAM STRIP ──────────────────────────────────────── */
.team-strip{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;border-radius:20px;margin:0 36px;box-shadow:var(--shadow-lg);}
.team-left{position:relative;overflow:hidden;min-height:280px;}
.team-left img{position:absolute;inset:0;}
.team-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,31,45,0.7),transparent);}
.team-text{position:relative;z-index:2;padding:40px;}
.team-text h3{font-family:var(--serif);color:#fff;font-size:26px;margin-bottom:10px;font-weight:700;}
.team-text p{color:#8db9cc;font-size:14px;line-height:1.7;}
.team-right{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.team-photo{overflow:hidden;position:relative;}
.team-photo img{transition:transform 0.5s;}
.team-photo:hover img{transform:scale(1.06);}

/* ── FOOTER ──────────────────────────────────────────── */
.footer{background:var(--ink);padding:20px 36px;display:flex;align-items:center;justify-content:space-between;}
.footer-note{font-size:11px;color:#5a7a8a;max-width:540px;line-height:1.55;}
.footer-links{display:flex;gap:20px;}
.footer-links a{font-size:11px;color:#5a7a8a;text-decoration:none;transition:color 0.15s;}
.footer-links a:hover{color:var(--mint);}

/* ── CONDITION PAGE ──────────────────────────────────── */
.cond-hero{background:var(--ink);padding:0;overflow:hidden;position:relative;}
.cond-hero-inner{display:grid;grid-template-columns:1fr 420px;}
.cond-hero-left{padding:44px 48px;position:relative;z-index:2;}
.cond-hero-left::before{content:'';position:absolute;bottom:-60px;left:-40px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(0,119,182,0.25),transparent 70%);pointer-events:none;}
.breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:18px;}
.breadcrumb a{font-size:12px;color:#7eb8cc;text-decoration:none;cursor:pointer;transition:color 0.15s;}
.breadcrumb a:hover{color:var(--mint);}
.breadcrumb span{font-size:12px;color:#4a7080;}
.breadcrumb-sep{color:#3a5a68;font-size:12px;}
.cond-tag{display:inline-block;font-size:11px;border-radius:24px;padding:5px 14px;margin-bottom:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;}
.cond-tag.sh{background:rgba(0,119,182,0.2);color:var(--sky);}
.cond-tag.el{background:rgba(6,214,160,0.2);color:var(--mint);}
.cond-hero-left h1{font-family:var(--serif);color:#fff;font-size:44px;line-height:1.15;margin-bottom:12px;font-weight:700;}
.cond-desc{color:#8db9cc;font-size:14px;line-height:1.78;margin-bottom:20px;}
.cond-stats{display:flex;gap:28px;flex-wrap:wrap;}
.stat-lbl{font-size:10px;color:#5a7a8a;display:block;margin-bottom:3px;text-transform:uppercase;letter-spacing:0.05em;}
.stat-val{font-size:15px;font-weight:700;color:var(--mint);}
.cond-hero-right{position:relative;overflow:hidden;min-height:340px;}
.cond-hero-right img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;}
.cond-hero-right-overlay{position:absolute;inset:0;background:linear-gradient(to right,var(--ink) 0%,transparent 35%);}
.review-byline{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);border-radius:999px;padding:5px 16px 5px 5px;margin:0 0 16px;max-width:100%;}
.review-byline .rb-text{display:inline-flex;align-items:center;gap:7px;min-width:0;}
@media(max-width:640px){
  .review-byline{display:flex;align-items:flex-start;border-radius:18px;padding:12px 16px;white-space:normal;gap:11px;}
  .review-byline .rb-text{flex-wrap:wrap;gap:3px 7px;}
  .review-byline .rb-name{flex-basis:100%;}
}
.refs-section{margin-top:32px;padding-top:24px;border-top:1.5px solid var(--border);}
.refs-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;}
.refs-list li{font-size:12px;color:var(--muted);line-height:1.55;display:flex;gap:8px;}
.refs-list li .refs-num{flex-shrink:0;font-weight:700;color:var(--ocean);min-width:18px;}
.refs-list li a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--border);}
.refs-list li a:hover{color:var(--ocean);text-decoration-color:var(--ocean);}
.refs-note{font-size:11px;color:var(--muted);font-style:italic;margin-top:14px;line-height:1.55;}.review-byline .rb-photo{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.85);flex-shrink:0;}.review-byline .rb-lab{font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--sky);}.review-byline .rb-tick{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--mint);color:#053b2d;font-size:9px;font-weight:900;flex-shrink:0;}.review-byline .rb-name{font-size:13px;font-weight:600;color:#eaf4f9;}.review-byline .rb-date{font-size:12px;color:#8db9cc;}

/* ── COND SUBNAV ─────────────────────────────────────── */
.cond-subnav{background:#fff;border-bottom:1.5px solid var(--border);display:flex;padding:0 36px;overflow-x:auto;box-shadow:0 2px 8px rgba(0,80,120,0.05);position:sticky;top:64px;z-index:90;}
.cond-subnav-item{padding:14px 18px;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:2.5px solid transparent;white-space:nowrap;transition:color 0.15s,border-color 0.15s;font-weight:500;}
.cond-subnav-item:hover{color:var(--ink);}
.cond-subnav-item.active{color:var(--ocean);border-bottom-color:var(--ocean);font-weight:700;}

/* ── COND BODY ───────────────────────────────────────── */
.cond-body{display:grid;grid-template-columns:1fr 260px;}
.cond-main{padding:36px 40px;border-right:1.5px solid var(--border);}
.cond-side{padding:24px 20px;background:var(--cloud);}
.prose-sec{margin-bottom:32px;}
.prose-sec h2{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:14px;padding-bottom:10px;border-bottom:1.5px solid var(--border);font-weight:700;}
.prose-sec p{font-size:14px;color:#3d5a66;line-height:1.82;margin-bottom:10px;}
.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}
.type-card{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:16px;}
.type-head{display:flex;align-items:center;gap:9px;margin-bottom:7px;}
.type-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;}
.type-card h4{font-size:13px;font-weight:700;color:var(--ink);}
.type-card p{font-size:12px;color:var(--muted);line-height:1.6;}
.sym-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.sym-list li{display:flex;align-items:flex-start;gap:11px;font-size:14px;color:#3d5a66;line-height:1.65;}
.sym-dot{width:8px;height:8px;border-radius:50%;background:var(--ocean);flex-shrink:0;margin-top:8px;}
.treatment-track{position:relative;padding-left:32px;display:flex;flex-direction:column;gap:0;margin-top:14px;}
.treatment-track::before{content:'';position:absolute;left:11px;top:14px;bottom:14px;width:2px;background:var(--border);}
.t-step{position:relative;padding-bottom:22px;}
.t-step:last-child{padding-bottom:0;}
.t-dot{position:absolute;left:-24px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--ocean);border:2.5px solid var(--cream);box-shadow:0 0 0 2px var(--ocean);}
.t-dot.surg{background:var(--coral);box-shadow:0 0 0 2px var(--coral);}
.t-tag{display:inline-block;font-size:10px;background:rgba(0,119,182,0.1);color:var(--ocean);border-radius:20px;padding:2px 10px;margin-bottom:5px;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;}
.t-tag.surg{background:rgba(255,107,107,0.1);color:var(--coral);}
.t-step h4{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.t-step p{font-size:13px;color:var(--muted);line-height:1.65;}
.video-card{border-radius:12px;overflow:hidden;margin-top:14px;box-shadow:var(--shadow);}
.video-thumb{height:130px;background:linear-gradient(135deg,var(--ink),#0a3352);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;}
.video-play{width:52px;height:52px;background:rgba(6,214,160,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s,transform 0.15s;}
.video-thumb:hover .video-play{background:var(--mint);transform:scale(1.08);}
.video-play svg{width:22px;height:22px;margin-left:3px;}
.video-dur{font-size:10px;color:#5a7a8a;position:absolute;bottom:10px;left:14px;font-weight:600;}
.video-info{background:var(--ink);padding:14px 18px 16px;}
.video-info p{font-size:13px;color:#8db9cc;}

/* ── SIDEBAR ─────────────────────────────────────────── */
.side-cta{background:linear-gradient(135deg,var(--ocean),var(--sky));border-radius:var(--radius);padding:18px;margin-bottom:16px;}
.side-cta h4{color:#fff;font-size:14px;font-weight:700;margin-bottom:7px;}
.side-cta p{font-size:12px;color:rgba(255,255,255,0.85);margin-bottom:14px;line-height:1.55;}
.side-btn{background:#fff;color:var(--ocean);border:none;border-radius:24px;padding:9px 16px;font-size:12px;font-family:var(--sans);cursor:pointer;width:100%;font-weight:700;transition:opacity 0.2s;}
.side-btn:hover{opacity:0.9;}
.side-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;}
.side-card h4{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px;display:flex;align-items:center;gap:7px;}
.side-icon{font-size:16px;}
.side-list{list-style:none;display:flex;flex-direction:column;gap:7px;}
.side-list li{font-size:12px;color:var(--muted);display:flex;align-items:flex-start;gap:8px;}
.side-check{color:var(--ocean);font-weight:700;flex-shrink:0;}
.side-links{list-style:none;display:flex;flex-direction:column;gap:7px;}
.side-links li a{font-size:12px;color:var(--ocean);text-decoration:none;font-weight:500;}
.side-links li a:hover{text-decoration:underline;}

/* ── SURGERY PREP ────────────────────────────────────── */
.sp-hero{background:var(--ink);overflow:hidden;}
.sp-hero-inner{display:grid;grid-template-columns:1fr 360px;}
.sp-hero-left{padding:44px 48px;position:relative;}
.sp-hero-right{position:relative;overflow:hidden;min-height:280px;}
.sp-hero-right img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;opacity:0.65;}
.sp-hero-right-overlay{position:absolute;inset:0;background:linear-gradient(to right,var(--ink),transparent 40%);}
.sp-tabs{background:#fff;border-bottom:1.5px solid var(--border);display:flex;padding:0 36px;overflow-x:auto;}
.sp-tab{padding:14px 18px;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:2.5px solid transparent;white-space:nowrap;transition:color 0.15s,border-color 0.15s;font-weight:500;}
.sp-tab:hover{color:var(--ink);}
.sp-tab.active{color:var(--ocean);border-bottom-color:var(--ocean);font-weight:700;}
.sp-body{display:grid;grid-template-columns:210px 1fr;}
.sp-nav{border-right:1.5px solid var(--border);padding:22px 16px;background:var(--cloud);}
.sp-nav-group{font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px;padding:0 6px;}
.sp-nav-group.mt{margin-top:18px;}
.sp-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;margin-bottom:4px;cursor:pointer;transition:background 0.15s;}
.sp-nav-item:hover{background:rgba(0,119,182,0.07);}
.sp-nav-item.active{background:rgba(0,119,182,0.12);}
.sp-nav-num{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--ocean),var(--sky));color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sp-nav-num.dim{background:#d4e4ec;color:var(--muted);}
.sp-nav-txt{font-size:12px;color:var(--muted);font-weight:500;}
.sp-nav-txt.active{color:var(--ocean);font-weight:700;}
.sp-main{padding:32px 36px;}
.sp-main h2{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:16px;padding-bottom:10px;border-bottom:1.5px solid var(--border);font-weight:700;}
.sp-main p{font-size:14px;color:#3d5a66;line-height:1.82;margin-bottom:16px;}
.info-box{background:#e8f8f3;border:1.5px solid #a8dfc9;border-radius:10px;padding:14px 18px;margin-bottom:18px;}
.info-box p{font-size:13px;color:#085041;line-height:1.65;margin:0;}
.warn-box{background:#fff8e8;border:1.5px solid #f5c07a;border-radius:10px;padding:14px 18px;margin-bottom:18px;}
.warn-box p{font-size:13px;color:#7a4400;line-height:1.65;margin:0;}
.checklist{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;}
.chk-item{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:#fff;border:1.5px solid var(--border);border-radius:12px;}
.chk-ball{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:13px;font-weight:700;}
.chk-ball.ok{background:linear-gradient(135deg,var(--ocean),var(--mint));color:#fff;}
.chk-ball.warn{background:#fff0cc;color:#b45309;}
.chk-txt h4{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px;}
.chk-txt p{font-size:13px;color:var(--muted);line-height:1.6;}
.sublabel{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:14px;}
.sp-timeline{position:relative;padding-left:34px;display:flex;flex-direction:column;gap:0;margin-bottom:24px;}
.sp-timeline::before{content:'';position:absolute;left:11px;top:14px;bottom:14px;width:2px;background:var(--border);}
.tl-item{position:relative;padding-bottom:20px;}
.tl-item:last-child{padding-bottom:0;}
.tl-dot{position:absolute;left:-25px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--ocean);border:2.5px solid var(--cream);box-shadow:0 0 0 2px var(--ocean);}
.tl-dot.dark{background:var(--coral);box-shadow:0 0 0 2px var(--coral);}
.tl-time{font-size:10px;color:var(--ocean);font-weight:700;margin-bottom:3px;text-transform:uppercase;letter-spacing:0.04em;}
.tl-item h4{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.tl-item p{font-size:13px;color:var(--muted);line-height:1.65;}
.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}
.qa-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:16px;}
.qa-card h4{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.qa-card p{font-size:12px;color:var(--muted);line-height:1.65;}
/* ══════════════════════════════════════════════════
   MOBILE RESPONSIVE - 768px and below
   ══════════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* NAV */
  .nav{padding:0 16px;height:56px;gap:8px;}
  .nav-name{font-size:13px;}.nav-sub{display:none;}
  .nav-links{gap:0;}.nav-links a{font-size:12px;padding:6px 10px;}
  .nav-cta{font-size:12px;padding:7px 14px;}

  /* HERO */
  .hero{display:flex;flex-direction:column;min-height:auto;}
  .hero-left{padding:36px 20px 28px;order:1;}
  .hero h1{font-size:28px;}
  .hero-desc{font-size:14px;max-width:100%;}
  .hero-btns{flex-direction:column;gap:10px;}
  .btn-primary,.btn-secondary{width:100%;justify-content:center;padding:13px 20px;}
  .hero-right{order:2;height:300px;position:relative;overflow:hidden;width:100%;}
  .hero-right img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;}
  .hero-right-overlay{background:linear-gradient(to top,rgba(10,37,64,0.45) 0%,transparent 55%);}
  .hero-right-caption{bottom:12px;right:12px;}

  /* TRUST BAR */
  .trust-bar{padding:10px 16px;gap:16px;flex-wrap:wrap;}
  .trust-item{font-size:11px;}

  /* STATS */
  .section,.section-sm{padding:28px 16px;}
  .stats-row{grid-template-columns:1fr 1fr;gap:10px;margin:0 16px;}
  .stat-card{padding:14px;}
  .stat-num{font-size:22px;}
  .stat-sub{display:none;}

  /* CONDITIONS GRID */
  .condition-grid{grid-template-columns:1fr;gap:12px;}
  #conditions-section{padding:28px 16px;}

  /* SURGERY BANNER */
  .surgery-section{grid-template-columns:1fr;margin:0 16px;border-radius:14px;}
  .sb-left{padding:28px 22px;}
  .sb-left h2{font-size:20px;}
  .sb-steps{grid-template-columns:1fr;gap:7px;margin-top:20px;}
  .sb-right{display:none;}

  /* TEAM STRIP */
  .team-strip{grid-template-columns:1fr;border-radius:14px;margin:0 16px;}
  .team-right{display:none;}
  .team-text{padding:24px;}
  .team-text h3{font-size:20px;}

  /* CHATBOT PREVIEW */
  .chatbot-wrap{margin:0;}
  .cb-chips{flex-wrap:wrap;gap:6px;}

  /* FOOTER */
  .footer{flex-direction:column;gap:12px;padding:16px;text-align:center;}
  .footer-links{justify-content:center;}

  /* CONDITION PAGE */
  .cond-hero-inner{grid-template-columns:1fr;}
  .cond-hero-right{display:none;}
  .cond-hero-left{padding:24px 20px;}
  .cond-hero-left h1{font-size:32px;}
  .cond-stats{flex-direction:column;gap:10px;}
  .cond-subnav{padding:0 12px;top:56px;}
  .cond-subnav-item{padding:12px 12px;font-size:12px;}
  .cond-body{grid-template-columns:1fr;}
  .cond-side{display:none;}
  .cond-main{padding:20px 16px;}
  .type-grid{grid-template-columns:1fr;}
  .qa-grid{grid-template-columns:1fr;}

  /* SURGERY PREP */
  .sp-hero-inner{grid-template-columns:1fr;}
  .sp-hero-right{display:none;}
  .sp-hero-left{padding:24px 20px;}
  .sp-tabs{padding:0 12px;top:56px;}
  .sp-tab{padding:12px 12px;font-size:12px;}
  .sp-body{grid-template-columns:1fr;}
  .sp-nav{display:none;}
  .sp-main{padding:20px 16px;}
  .qa-grid{grid-template-columns:1fr;}

  /* SURGERY LANDING */
  .surgery-landing-hero-content{padding:36px 20px;}
  .surgery-landing-hero h1{font-size:26px;}
  .surgery-grid{grid-template-columns:1fr;gap:12px;}
  .surgery-tile{padding:18px 16px;}

  /* PATIENT HUB */
  .hub-header{padding:20px 16px;flex-direction:column;align-items:flex-start;gap:12px;}
  .hub-patient-name{font-size:18px;}
  .hub-tabs{padding:0 12px;top:56px;}
  .hub-tab{padding:12px 12px;font-size:12px;}
  .hub-tab span{display:none;}
  .hub-body{grid-template-columns:1fr;}
  .hub-sidebar{display:none;}
  .hub-main{padding:20px 16px;}
  .hub-info-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .hub-contact-grid{grid-template-columns:1fr;}
  .hub-timeline-full{padding-left:28px;}

  /* CHATBOT PAGE */
  .chat-messages{padding:16px;}
  .chat-input-area{padding:12px 16px;}
  .chat-header{padding:16px;}
  .chat-disclaimer{padding:8px 16px;}
  .chat-chips-row{padding:0 16px 10px;}
  .chat-bubble{max-width:90%;}
}

/* MEDIUM - tablet adjustments */
@media (max-width:1024px) and (min-width:769px) {
  .hero h1{font-size:34px;}
  .condition-grid{grid-template-columns:1fr 1fr;}
  .stats-row{grid-template-columns:1fr 1fr;margin:0 20px;}
  .hub-body{grid-template-columns:200px 1fr;}
  .hub-info-grid{grid-template-columns:1fr 1fr;}
  .hub-contact-grid{grid-template-columns:1fr 1fr;}
  .cond-body{grid-template-columns:1fr 220px;}
  .surgery-grid{grid-template-columns:1fr 1fr;}
  .surgery-section{grid-template-columns:1fr 240px;}
  .sp-body{grid-template-columns:180px 1fr;}
}


/* ── PATIENT HUB ─────────────────────────────────────── */
.hub-header{background:linear-gradient(135deg,#0a2540 0%,#0d3358 100%);padding:32px 36px;display:flex;align-items:center;justify-content:space-between;}
.hub-patient-info{display:flex;align-items:center;gap:16px;}
.hub-avatar{width:52px;height:52px;background:linear-gradient(135deg,var(--ocean),var(--mint));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;font-weight:700;color:#fff;flex-shrink:0;}
.hub-patient-name{font-family:var(--serif);color:#fff;font-size:22px;font-weight:700;}
.hub-patient-sub{color:#8db9cc;font-size:13px;margin-top:2px;}
.hub-header-right{display:flex;align-items:center;gap:12px;}
.hub-badge{background:rgba(6,214,160,0.15);border:1px solid rgba(6,214,160,0.3);color:var(--mint);font-size:11px;font-weight:700;padding:6px 14px;border-radius:6px;letter-spacing:0.04em;}
.hub-alert-btn{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:#fff;font-size:12px;padding:8px 16px;border-radius:6px;cursor:pointer;font-family:var(--sans);display:flex;align-items:center;gap:7px;transition:background 0.15s;}
.hub-alert-btn:hover{background:rgba(255,255,255,0.14);}

.hub-tabs{background:#fff;border-bottom:1.5px solid var(--border);display:flex;padding:0 36px;overflow-x:auto;position:sticky;top:64px;z-index:90;}
.hub-tab{padding:14px 20px;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:2.5px solid transparent;white-space:nowrap;transition:all 0.15s;font-weight:500;display:flex;align-items:center;gap:7px;}
.hub-tab:hover{color:var(--ink);}
.hub-tab.active{color:var(--ocean);border-bottom-color:var(--ocean);font-weight:700;}
.hub-tab-icon{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;}

.hub-body{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 180px);}
.hub-sidebar{border-right:1.5px solid var(--border);background:var(--cloud);padding:24px 20px;}
.hub-sidebar-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:18px;margin-bottom:14px;box-shadow:0 1px 4px rgba(0,80,120,0.05);}
.hub-sidebar-card h4{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:12px;}
.hub-sidebar-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;}
.hub-sidebar-item:last-child{margin-bottom:0;}
.hub-sidebar-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px;}
.hub-sidebar-lbl{font-size:11px;color:var(--muted);}
.hub-sidebar-val{font-size:13px;font-weight:600;color:var(--ink);}
.hub-progress-bar{background:var(--border);border-radius:4px;height:6px;margin-top:4px;overflow:hidden;}
.hub-progress-fill{height:100%;border-radius:4px;background:linear-gradient(to right,var(--ocean),var(--mint));}
.hub-next-card{background:linear-gradient(135deg,var(--ocean),var(--sky));border-radius:12px;padding:18px;margin-bottom:14px;}
.hub-next-card h4{color:rgba(255,255,255,0.75);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px;}
.hub-next-date{color:#fff;font-size:18px;font-weight:700;font-family:var(--serif);margin-bottom:2px;}
.hub-next-detail{color:rgba(255,255,255,0.8);font-size:12px;line-height:1.5;}
.hub-add-btn{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);color:#fff;font-size:11px;padding:6px 12px;border-radius:6px;cursor:pointer;font-family:var(--sans);margin-top:10px;font-weight:600;}

.hub-main{padding:32px 36px;}
.hub-section{margin-bottom:36px;}
.hub-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.hub-section-title{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:10px;}
.hub-section-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hub-section-action{font-size:12px;color:var(--ocean);font-weight:600;cursor:pointer;}
.hub-section-action:hover{text-decoration:underline;}

.hub-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.hub-info-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 1px 4px rgba(0,80,120,0.05);}
.hub-info-card-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;font-weight:700;margin-bottom:6px;}
.hub-info-card-val{font-size:15px;font-weight:700;color:var(--ink);}
.hub-info-card-sub{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4;}

.hub-timeline-full{position:relative;padding-left:36px;}
.hub-timeline-full::before{content:'';position:absolute;left:12px;top:12px;bottom:12px;width:2px;background:var(--border);}
.hub-tl-item{position:relative;padding-bottom:24px;}
.hub-tl-item:last-child{padding-bottom:0;}
.hub-tl-dot{position:absolute;left:-27px;top:4px;width:16px;height:16px;border-radius:50%;border:2.5px solid var(--cream);box-shadow:0 0 0 2px var(--ocean);}
.hub-tl-dot.done{background:var(--mint);box-shadow:0 0 0 2px var(--mint);}
.hub-tl-dot.current{background:var(--ocean);box-shadow:0 0 0 2px var(--ocean);animation:pulse-dot 2s infinite;}
.hub-tl-dot.upcoming{background:#fff;box-shadow:0 0 0 2px var(--border);}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 2px var(--ocean)}50%{box-shadow:0 0 0 5px rgba(0,119,182,0.2)}}
.hub-tl-phase{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;font-weight:700;margin-bottom:3px;}
.hub-tl-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px;}
.hub-tl-desc{font-size:13px;color:var(--muted);line-height:1.6;}
.hub-tl-badge{display:inline-block;font-size:10px;padding:2px 8px;border-radius:4px;font-weight:700;margin-left:8px;vertical-align:middle;}
.hub-tl-badge.done{background:#e0f8f0;color:#049a74;}
.hub-tl-badge.current{background:rgba(0,119,182,0.1);color:var(--ocean);}
.hub-tl-badge.upcoming{background:var(--cloud);color:var(--muted);}

.hub-task-list{display:flex;flex-direction:column;gap:10px;}
.hub-task{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:14px 18px;transition:border-color 0.15s;}
.hub-task:hover{border-color:var(--ocean);}
.hub-task.done{opacity:0.6;}
.hub-task-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;cursor:pointer;transition:all 0.15s;}
.hub-task-check.checked{background:var(--mint);border-color:var(--mint);}
.hub-task-check.checked svg{display:block;}
.hub-task-check svg{display:none;width:12px;height:12px;}
.hub-task-content h4{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:2px;}
.hub-task-content p{font-size:12px;color:var(--muted);line-height:1.5;}
.hub-task-meta{font-size:11px;color:var(--ocean);font-weight:600;margin-top:4px;}
.hub-task-urgency{width:6px;border-radius:3px;flex-shrink:0;align-self:stretch;}
.hub-task-urgency.high{background:var(--coral);}
.hub-task-urgency.med{background:var(--amber);}
.hub-task-urgency.low{background:var(--mint);}

.hub-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.hub-contact-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;}
.hub-contact-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;font-family:var(--serif);color:#fff;flex-shrink:0;}
.hub-contact-name{font-size:14px;font-weight:700;color:var(--ink);}
.hub-contact-role{font-size:12px;color:var(--muted);}
.hub-contact-actions{display:flex;gap:8px;margin-top:4px;}
.hub-contact-btn{flex:1;text-align:center;font-size:12px;font-weight:600;padding:7px 0;border-radius:6px;border:1.5px solid var(--border);color:var(--ocean);cursor:pointer;font-family:var(--sans);background:#fff;transition:all 0.15s;}
.hub-contact-btn:hover{background:var(--ocean);color:#fff;border-color:var(--ocean);}
.hub-contact-btn.primary{background:var(--ocean);color:#fff;border-color:var(--ocean);}
.hub-contact-btn.primary:hover{opacity:0.9;}

.hub-doc-list{display:flex;flex-direction:column;gap:10px;}
.hub-doc{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:14px 18px;}
.hub-doc-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;}
.hub-doc-info{flex:1;}
.hub-doc-info h4{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:2px;}
.hub-doc-info p{font-size:12px;color:var(--muted);}
.hub-doc-download{font-size:12px;color:var(--ocean);font-weight:600;cursor:pointer;white-space:nowrap;}

/* ── CHATBOT PAGE ────────────────────────────────────── */
.chat-page{display:flex;flex-direction:column;height:calc(100vh - 64px);}
.chat-header{background:linear-gradient(135deg,#1a3a4e,#1e4d65);padding:20px 36px;display:flex;align-items:center;gap:16px;flex-shrink:0;}
.chat-avatar-lg{width:48px;height:48px;background:linear-gradient(135deg,var(--ocean),var(--mint));border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.chat-avatar-lg svg{width:26px;height:26px;}
.chat-header-text h2{font-family:var(--serif);color:#fff;font-size:20px;font-weight:700;margin-bottom:2px;}
.chat-header-text p{color:#8db9cc;font-size:13px;}
.chat-status{display:flex;align-items:center;gap:6px;margin-top:4px;}
.chat-status-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:blink 2s infinite;}
.chat-status span{font-size:12px;color:var(--mint);font-weight:500;}
.chat-disclaimer{background:#fff8e8;border-bottom:1px solid #f5c07a;padding:10px 36px;font-size:12px;color:#7a4400;display:flex;align-items:center;gap:8px;flex-shrink:0;}
.chat-disclaimer svg{width:15px;height:15px;flex-shrink:0;color:#b45309;}
.chat-messages{flex:1;overflow-y:auto;padding:24px 36px;display:flex;flex-direction:column;gap:16px;background:var(--cream);}
.chat-msg-row{display:flex;gap:10px;align-items:flex-end;}
.chat-msg-row.user{flex-direction:row-reverse;}
.chat-msg-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.chat-msg-avatar.bot{background:linear-gradient(135deg,var(--ocean),var(--sky));}
.chat-msg-avatar.user{background:linear-gradient(135deg,#e8f4f8,#d0eafa);}
.chat-msg-avatar svg{width:16px;height:16px;}
.chat-bubble{max-width:68%;padding:13px 16px;border-radius:18px;font-size:14px;line-height:1.65;}
.chat-bubble.bot{background:#fff;color:var(--ink);border-bottom-left-radius:4px;box-shadow:0 2px 8px rgba(0,80,120,0.08);}
.chat-bubble.user{background:linear-gradient(135deg,var(--ocean),var(--sky));color:#fff;border-bottom-right-radius:4px;}
.chat-bubble p{margin:0 0 8px;}
.chat-bubble p:last-child{margin:0;}
.chat-bubble strong{font-weight:700;}
.chat-bubble ul,.chat-bubble ol{margin:8px 0 8px 18px;}
.chat-bubble li{margin-bottom:4px;}
.chat-typing{display:flex;align-items:center;gap:5px;padding:14px 16px;}
.chat-typing span{width:7px;height:7px;border-radius:50%;background:var(--muted);display:inline-block;animation:typing 1.2s infinite;}
.chat-typing span:nth-child(2){animation-delay:0.2s;}
.chat-typing span:nth-child(3){animation-delay:0.4s;}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:0.4}30%{transform:translateY(-5px);opacity:1}}
.chat-chips-row{display:flex;flex-wrap:wrap;gap:8px;padding:0 36px 12px;}
.chat-input-area{background:#fff;border-top:1.5px solid var(--border);padding:16px 36px;display:flex;gap:12px;align-items:flex-end;flex-shrink:0;}
.chat-input{flex:1;border:1.5px solid var(--border);border-radius:14px;padding:12px 16px;font-size:14px;font-family:var(--sans);color:var(--ink);resize:none;outline:none;min-height:48px;max-height:120px;line-height:1.5;transition:border-color 0.15s;}
.chat-input:focus{border-color:var(--ocean);box-shadow:0 0 0 3px rgba(0,119,182,0.1);}
.chat-send-btn{width:48px;height:48px;background:linear-gradient(135deg,var(--ocean),var(--sky));border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity 0.2s,transform 0.1s;}
.chat-send-btn:hover{opacity:0.9;transform:translateY(-1px);}
.chat-send-btn:disabled{opacity:0.4;cursor:not-allowed;transform:none;}
.chat-send-btn svg{width:20px;height:20px;}

/* ── HAMBURGER NAV ─────────────────────────────────────────── */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:rgba(255,255,255,0.12);border:1.5px solid rgba(255,255,255,0.2);border-radius:8px;cursor:pointer;flex-shrink:0;margin-left:auto;}
.nav-hamburger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:all 0.2s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.nav-mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:198;}
.nav-mobile-overlay.open{display:block;}
.nav-mobile-drawer{display:none;position:fixed;top:0;right:0;bottom:0;width:280px;background:#fff;z-index:199;box-shadow:-4px 0 24px rgba(0,0,0,0.18);transform:translateX(100%);transition:transform 0.25s ease;overflow-y:auto;}
.nav-mobile-drawer.open{display:block;transform:translateX(0);}
.nav-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border);background:var(--cloud);}
.nav-mobile-links{display:flex;flex-direction:column;padding:12px 0;}
.nav-mobile-links a{display:flex;align-items:center;padding:14px 20px;font-size:15px;font-family:var(--sans);color:var(--ink);font-weight:600;border-bottom:1px solid var(--border);cursor:pointer;transition:background 0.15s;}
.nav-mobile-links a:hover,.nav-mobile-links a.active{background:rgba(0,119,182,0.06);color:var(--ocean);}
/* ── GLOBAL FOOTER ─────────────────────────────────────────── */
.footer{background:var(--ink);padding:20px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.footer-note{font-size:12px;color:rgba(255,255,255,0.5);line-height:1.6;max-width:600px;}
.footer-links{display:flex;gap:20px;}
.footer-links a{font-size:12px;color:rgba(255,255,255,0.4);text-decoration:none;}
.footer-links a:hover{color:#fff;}
/* ── PROMS ─────────────────────────────────────────────────── */
.proms-hero{background:linear-gradient(135deg,#0a2540 0%,#0d3358 100%);padding:56px 36px;}
.proms-hero h1{font-family:var(--serif);color:#fff;font-size:36px;font-weight:700;margin-bottom:10px;}
.proms-hero p{color:rgba(255,255,255,0.72);font-size:15px;line-height:1.75;max-width:540px;}
.proms-body{padding:36px 36px;}
.proms-selector{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;}
.prom-select-card{background:#fff;border:2px solid var(--border);border-radius:14px;padding:22px 24px;cursor:pointer;transition:all 0.2s;}
.prom-select-card:hover,.prom-select-card.active{border-color:var(--ocean);box-shadow:0 0 0 4px rgba(0,119,182,0.08);}
.prom-select-card.active{background:rgba(0,119,182,0.04);}
.prom-select-card h3{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.prom-select-card p{font-size:13px;color:var(--muted);}
.prom-select-badge{display:inline-block;font-size:10px;font-weight:700;padding:3px 9px;border-radius:6px;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.04em;}
.prom-select-badge.oss{background:rgba(0,119,182,0.1);color:var(--ocean);}
.prom-select-badge.osis{background:rgba(6,214,160,0.12);color:#049a74;}
.prom-select-badge.oes{background:rgba(184,84,9,0.1);color:#b45309;}
.prom-form{background:#fff;border:1.5px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:32px;}
.prom-form-header{background:linear-gradient(135deg,#0a2540,#0d3358);padding:22px 28px;}
.prom-form-header h2{font-family:var(--serif);color:#fff;font-size:20px;font-weight:700;margin-bottom:4px;}
.prom-form-header p{color:#8db9cc;font-size:13px;}
.prom-name-field{margin-bottom:0;padding:14px 28px 0;}
.prom-name-field label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.prom-name-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-family:var(--sans);color:var(--ink);background:#fff;box-sizing:border-box;}
.prom-name-input:focus{outline:none;border-color:var(--ocean);}
.prom-disclaimer{background:#fff8e8;border-bottom:1px solid #f5c07a;padding:11px 28px;font-size:12px;color:#7a4400;margin-top:14px;}
.prom-questions{padding:24px 28px;}
.prom-question{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border);}
.prom-question:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.prom-q-num{font-size:11px;color:var(--ocean);font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:5px;}
.prom-q-text{font-size:15px;font-weight:600;color:var(--ink);line-height:1.5;margin-bottom:12px;}
.prom-options{display:flex;flex-direction:column;gap:7px;}
.prom-option{display:flex;align-items:center;gap:12px;padding:10px 15px;border:1.5px solid var(--border);border-radius:9px;cursor:pointer;transition:all 0.15s;}
.prom-option:hover{border-color:var(--ocean);background:rgba(0,119,182,0.03);}
.prom-option.selected{border-color:var(--ocean);background:rgba(0,119,182,0.06);}
.prom-option input[type=radio]{width:16px;height:16px;accent-color:var(--ocean);flex-shrink:0;cursor:pointer;}
.prom-option-text{font-size:13px;color:var(--ink);}
.prom-footer{padding:18px 28px;border-top:1.5px solid var(--border);background:var(--cloud);display:flex;align-items:center;justify-content:space-between;gap:16px;}
.prom-submit-btn{background:linear-gradient(135deg,var(--ocean),var(--sky));color:#fff;border:none;border-radius:8px;padding:12px 28px;font-size:14px;font-family:var(--sans);font-weight:700;cursor:pointer;}
.prom-progress{flex:1;}
.prom-progress-label{font-size:11px;color:var(--muted);margin-bottom:4px;}
.prom-progress-bar{background:var(--border);border-radius:4px;height:6px;overflow:hidden;}
.prom-progress-fill{height:100%;background:linear-gradient(to right,var(--ocean),var(--mint));border-radius:4px;transition:width 0.3s;}
.prom-result{background:#fff;border:1.5px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);}
.prom-result-top{background:linear-gradient(135deg,#0a2540,#0d3358);padding:28px;text-align:center;}
.prom-result-top h2{font-family:var(--serif);color:#fff;font-size:22px;font-weight:700;margin-bottom:4px;}
.prom-result-top p{color:#8db9cc;font-size:13px;}
.prom-score-display{padding:32px;text-align:center;border-bottom:1px solid var(--border);}
.prom-score-num{font-family:var(--serif);font-size:72px;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--ocean),var(--mint));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.prom-score-denom{font-size:20px;color:var(--muted);margin-top:4px;}
.prom-score-band{display:inline-block;font-size:13px;font-weight:700;padding:6px 18px;border-radius:20px;margin-top:12px;}
.prom-score-band.excellent{background:#e0f8f0;color:#049a74;}
.prom-score-band.good{background:#e8f4fd;color:var(--ocean);}
.prom-score-band.moderate{background:#fff8e8;color:#b45309;}
.prom-score-band.poor{background:#fff0f0;color:#dc2626;}
.prom-result-body{padding:24px 28px;}
.prom-history h3{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--ink);margin-bottom:14px;}
.prom-history-table{width:100%;border-collapse:collapse;font-size:13px;}
.prom-history-table th{background:var(--cloud);padding:9px 14px;text-align:left;font-weight:700;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:0.04em;}
.prom-history-table td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--ink);}
.prom-history-table tr:last-child td{border-bottom:none;}
.prom-delta-up{color:#049a74;font-weight:700;}
.prom-delta-down{color:#dc2626;font-weight:700;}
.prom-email-btn{padding:11px 20px;border:1.5px solid var(--ocean);border-radius:8px;background:#fff;color:var(--ocean);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:all 0.15s;}
.prom-email-btn:hover{background:var(--ocean);color:#fff;}
/* ── INJURIES SECTION ──────────────────────────────────────── */
.section-divider{display:flex;align-items:center;gap:16px;margin-bottom:24px;}
.section-divider-line{flex:1;height:1.5px;background:var(--border);}
.section-divider-badge{background:linear-gradient(135deg,#ff6b6b,#ff8f5a);color:#fff;font-size:11px;font-weight:700;padding:5px 14px;border-radius:6px;text-transform:uppercase;letter-spacing:0.06em;white-space:nowrap;}
/* ── MOBILE PAGE NAV ───────────────────────────────────────── */
.mobile-page-nav{display:none;padding:32px 20px;background:var(--cloud);border-top:1px solid var(--border);}
.mobile-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.mobile-nav-btn{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:22px 18px;text-align:left;cursor:pointer;font-family:var(--sans);transition:border-color 0.15s;display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.mobile-nav-btn:hover{border-color:var(--ocean);}
.mobile-nav-icon{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mobile-nav-label{font-size:18px;font-weight:700;color:var(--ink);}
.mobile-nav-sub{font-size:13px;color:var(--muted);line-height:1.4;}
/* ── PHYSIO PAGE ───────────────────────────────────────────── */
.physio-hero{position:relative;overflow:hidden;background:#0a2540;display:flex;align-items:center;min-height:280px;padding:0;}
.physio-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:contrast(1.05) saturate(1.05);}
.physio-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,#0a2540 0%,#0a2540 32%,rgba(10,37,64,0.85) 48%,rgba(10,37,64,0.35) 68%,rgba(10,37,64,0.0) 88%);}
.physio-hero-content{position:relative;z-index:2;padding:56px 36px;max-width:600px;}
.physio-hero h1{font-family:var(--serif);color:#fff;font-size:36px;font-weight:700;margin-bottom:10px;}
.physio-hero p{color:rgba(255,255,255,0.82);font-size:15px;line-height:1.78;max-width:520px;}
.physio-body{padding:40px 36px;}
.physio-tabs{display:flex;gap:0;background:var(--cloud);border-radius:12px;padding:4px;margin-bottom:32px;overflow-x:auto;}
.physio-tab{flex:1;padding:10px 16px;border-radius:9px;border:none;background:transparent;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all 0.2s;white-space:nowrap;text-align:center;}
.physio-tab.active{background:#fff;color:var(--ocean);box-shadow:0 2px 8px rgba(0,80,120,0.12);}
.physio-section{display:none;}
.physio-section.active{display:block;}
.physio-terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;}
.physio-term-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:18px 20px;}
.physio-term{font-size:14px;font-weight:700;color:var(--ocean);margin-bottom:6px;}
.physio-term-def{font-size:12px;color:#3d5a66;line-height:1.65;}
.physio-ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.physio-ex-card{background:#fff;border:1.5px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);}
.physio-ex-header{padding:16px 20px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:12px;}
.physio-ex-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.physio-ex-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px;}
.physio-ex-meta{font-size:11px;color:var(--muted);}
.physio-ex-body{padding:16px 20px;}
.physio-ex-purpose{font-size:12px;color:var(--ocean);font-weight:600;margin-bottom:8px;}
.physio-ex-steps{list-style:none;display:flex;flex-direction:column;gap:6px;}
.physio-ex-steps li{display:flex;gap:9px;font-size:12px;color:#3d5a66;line-height:1.55;}
.physio-ex-num{width:18px;height:18px;border-radius:50%;background:var(--ocean);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.physio-ex-caution{background:#fff8e8;border-left:3px solid var(--amber);padding:9px 12px;border-radius:0 7px 7px 0;font-size:11px;color:#7a4400;margin-top:12px;line-height:1.5;}
.physio-stages{display:flex;flex-direction:column;gap:0;}
.physio-stage{display:flex;gap:20px;padding-bottom:24px;position:relative;}
.physio-stage:last-child{padding-bottom:0;}
.physio-stage-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:48px;}
.physio-stage-num{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:18px;font-weight:700;color:#fff;flex-shrink:0;}
.physio-stage-line{width:2px;flex:1;background:var(--border);margin-top:6px;}
.physio-stage:last-child .physio-stage-line{display:none;}
.physio-stage-content{padding-top:6px;flex:1;}
.physio-stage-title{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.physio-stage-time{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px;}
.physio-stage-body{font-size:13px;color:#3d5a66;line-height:1.78;margin-bottom:12px;}
.physio-stage-goals{display:flex;flex-wrap:wrap;gap:7px;}
.physio-stage-goal{font-size:11px;padding:4px 10px;border-radius:6px;font-weight:600;}
.physio-redflags{background:linear-gradient(135deg,#fff0f0,#ffe8e8);border:1.5px solid rgba(220,38,38,0.2);border-radius:14px;padding:24px 28px;margin-bottom:24px;}
.physio-redflag-title{font-family:var(--serif);font-size:17px;font-weight:700;color:#dc2626;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.physio-redflag-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.physio-redflag-item{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#7a1f1f;line-height:1.55;}
.physio-redflag-dot{width:7px;height:7px;border-radius:50%;background:#dc2626;flex-shrink:0;margin-top:5px;}
.physio-tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.physio-tip-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:18px 20px;}
.physio-tip-icon{font-size:24px;margin-bottom:8px;}
.physio-tip-title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.physio-tip-text{font-size:12px;color:#3d5a66;line-height:1.65;}
/* ── RESEARCH PAGE ─────────────────────────────────────────── */
.research-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0a2540 0%,#0d3358 60%,#0a3d6b 100%);padding:60px 36px;}
.research-hero-inner{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:center;}
.research-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(255,209,102,0.15);color:var(--amber);font-size:11px;border-radius:6px;padding:5px 12px;margin-bottom:16px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;border:1px solid rgba(255,209,102,0.25);}
.research-hero h1{font-family:var(--serif);color:#fff;font-size:36px;font-weight:700;line-height:1.15;margin-bottom:12px;}
.research-hero h1 span{color:var(--mint);}
.research-hero p{color:rgba(255,255,255,0.72);font-size:15px;line-height:1.78;margin-bottom:24px;max-width:480px;}
.research-status-card{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.15);border-radius:14px;padding:22px;backdrop-filter:blur(6px);}
.research-status-card h3{color:#fff;font-size:14px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.research-status-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);animation:blink 2s infinite;}
.research-meta-row{display:flex;flex-direction:column;gap:9px;}
.research-meta-item{display:flex;flex-direction:column;gap:2px;}
.research-meta-label{font-size:10px;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.06em;font-weight:700;}
.research-meta-val{font-size:13px;color:#fff;font-weight:600;}
.research-body{padding:40px 36px;}
.research-section{margin-bottom:40px;}
.research-section-title{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--ink);margin-bottom:18px;padding-bottom:10px;border-bottom:1.5px solid var(--border);display:flex;align-items:center;gap:10px;}
.research-section-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.research-card{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:24px;box-shadow:var(--shadow);margin-bottom:16px;}
.research-card-accent{border-left:4px solid var(--ocean);}
.research-card-accent-mint{border-left:4px solid var(--mint);}
.research-card h3{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:8px;}
.research-card p{font-size:14px;color:#3d5a66;line-height:1.8;}
.research-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.research-three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.research-stat-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:20px;text-align:center;}
.research-stat-num{font-family:var(--serif);font-size:36px;font-weight:700;background:linear-gradient(135deg,var(--ocean),var(--mint));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;}
.research-stat-label{font-size:13px;color:var(--ink);font-weight:600;margin-top:4px;}
.research-stat-sub{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.4;}
.research-flow{display:flex;flex-direction:column;gap:0;}
.research-flow-item{display:flex;gap:16px;padding-bottom:24px;position:relative;}
.research-flow-item:last-child{padding-bottom:0;}
.research-flow-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;}
.research-flow-num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--ocean),var(--sky));color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.research-flow-line{width:2px;flex:1;background:var(--border);margin-top:6px;}
.research-flow-item:last-child .research-flow-line{display:none;}
.research-flow-content{padding-top:6px;}
.research-flow-content h4{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.research-flow-content p{font-size:13px;color:var(--muted);line-height:1.65;}
.research-flow-content .research-flow-time{font-size:11px;color:var(--ocean);font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:0.04em;}
.research-criteria-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.research-criteria-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:18px;}
.research-criteria-card.include{border-top:3px solid var(--mint);}
.research-criteria-card.exclude{border-top:3px solid var(--coral);}
.research-criteria-card h4{font-size:13px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:7px;}
.research-criteria-list{list-style:none;display:flex;flex-direction:column;gap:7px;}
.research-criteria-list li{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);line-height:1.55;}
.criteria-dot-in{width:7px;height:7px;border-radius:50%;background:var(--mint);flex-shrink:0;margin-top:5px;}
.criteria-dot-ex{width:7px;height:7px;border-radius:50%;background:var(--coral);flex-shrink:0;margin-top:5px;}
.research-participate-banner{background:linear-gradient(135deg,#0a2540,#0d3358);border-radius:16px;padding:36px 40px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;}
.research-participate-banner h2{font-family:var(--serif);color:#fff;font-size:24px;font-weight:700;margin-bottom:8px;}
.research-participate-banner p{color:#8db9cc;font-size:14px;line-height:1.7;max-width:480px;}
.research-participate-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0;}
.research-participate-btn{background:var(--mint);color:var(--ink);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-family:var(--sans);font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity 0.2s;}
.research-participate-btn:hover{opacity:0.9;}
.research-participate-btn.outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,0.3);}
.research-proms-link{background:linear-gradient(135deg,rgba(0,119,182,0.08),rgba(0,180,216,0.06));border:1.5px solid rgba(0,119,182,0.2);border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:border-color 0.2s;}
.research-proms-link:hover{border-color:var(--ocean);}
.research-proms-link-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--ocean),var(--sky));display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.research-proms-link h4{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px;}
.research-proms-link p{font-size:13px;color:var(--muted);}
/* ── PATIENT CLUB ───────────────────────────────────────────── */
.pc-hero{background:linear-gradient(135deg,#049a74 0%,#06d6a0 60%,#00b4d8 100%);padding:56px 36px;}
.pc-hero h1{font-family:var(--serif);color:#fff;font-size:36px;font-weight:700;margin-bottom:10px;}
.pc-hero p{color:rgba(255,255,255,0.85);font-size:15px;line-height:1.78;max-width:560px;}
.pc-body{padding:40px 36px;}
.pc-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px;}
.pc-intro-card{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:20px;text-align:center;box-shadow:var(--shadow);}
.pc-intro-icon{font-size:28px;margin-bottom:10px;}
.pc-intro-card h3{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.pc-intro-card p{font-size:12px;color:var(--muted);line-height:1.6;}
.pc-session{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start;}
.pc-sidebar{position:sticky;top:80px;}
.pc-topic-card{background:#fff;border:1.5px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:16px;}
.pc-topic-header{padding:16px 18px;background:linear-gradient(135deg,#0a2540,#12345e);}
.pc-topic-header h3{font-family:var(--serif);color:#fff;font-size:16px;font-weight:700;margin-bottom:4px;}
.pc-topic-header p{color:#8db9cc;font-size:12px;}
.pc-topic-list{padding:10px 8px;}
.pc-topic-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left;font-family:var(--sans);font-size:13px;color:var(--ink);transition:background 0.15s;}
.pc-topic-btn:hover{background:rgba(0,119,182,0.06);}
.pc-topic-btn.active{background:rgba(0,119,182,0.1);color:var(--ocean);font-weight:700;}
.pc-topic-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:var(--cloud);}
.pc-disclaimer-card{background:#fff8e8;border:1.5px solid #f5c07a;border-radius:12px;padding:14px 16px;font-size:12px;color:#7a4400;line-height:1.6;}
.pc-teams-wrap{background:#1a1a2e;border-radius:14px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.45);border:1px solid rgba(255,255,255,0.08);}
.pc-teams-topbar{background:#201e3d;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.07);}
.pc-teams-rec{background:#e74c3c;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;animation:blink 2s infinite;}
.pc-teams-timer{font-size:12px;color:#fff;font-variant-numeric:tabular-nums;background:rgba(255,255,255,0.08);padding:3px 9px;border-radius:5px;}
.pc-teams-stage{display:grid;grid-template-columns:1fr 160px 240px;height:340px;}
.pc-teams-main-tile{position:relative;border-right:1px solid rgba(255,255,255,0.05);}
.pc-teams-video-bg{position:absolute;inset:0;overflow:hidden;}
.pc-teams-avatar-large{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:22px;font-weight:700;color:#fff;}
.pc-teams-speaking-indicator{background:rgba(6,214,160,0.2);border:1px solid rgba(6,214,160,0.5);color:#06d6a0;font-size:11px;padding:4px 12px;border-radius:20px;}
.pc-teams-slide-preview{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.85));padding:14px 14px 12px;}
.pc-teams-tile-label{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,0.6);color:#fff;font-size:11px;padding:3px 8px;border-radius:5px;}
.pc-teams-side-strip{display:flex;flex-direction:column;gap:2px;background:#111129;border-right:1px solid rgba(255,255,255,0.05);overflow:hidden;}
.pc-teams-side-tile{position:relative;flex:1;min-height:0;border-bottom:1px solid rgba(255,255,255,0.05);}
.pc-teams-tile-label-sm{position:absolute;bottom:3px;left:5px;background:rgba(0,0,0,0.55);color:rgba(255,255,255,0.8);font-size:9px;padding:2px 5px;border-radius:3px;}
.pc-teams-more-pill{background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.5);font-size:10px;text-align:center;padding:6px 0;font-weight:600;}
.pc-teams-chat{background:#16162a;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid rgba(255,255,255,0.07);}
.pc-teams-chat-header{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,0.07);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.pc-teams-messages{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px;}
.pc-teams-msg{display:flex;gap:7px;align-items:flex-start;}
.pc-teams-msg.host .pc-teams-msg-text{background:rgba(75,83,188,0.2);border-left:2px solid #7b83eb;}
.pc-teams-msg-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0;margin-top:1px;}
.pc-teams-msg-body{flex:1;min-width:0;}
.pc-teams-msg-name{font-size:10px;font-weight:700;color:rgba(255,255,255,0.7);margin-bottom:3px;display:flex;align-items:center;gap:5px;}
.pc-teams-msg-name span{color:rgba(255,255,255,0.35);font-weight:400;}
.pc-teams-host-tag{background:#7b83eb;color:#fff;font-size:8px;padding:1px 5px;border-radius:3px;font-weight:700;}
.pc-teams-msg-text{font-size:11px;color:rgba(255,255,255,0.85);line-height:1.55;background:rgba(255,255,255,0.05);border-radius:0 8px 8px 8px;padding:7px 9px;}
.pc-teams-typing{display:flex;align-items:center;gap:4px;padding:7px 9px;background:rgba(255,255,255,0.05);border-radius:0 8px 8px 8px;}
.pc-typing-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:pc-bounce 1.2s infinite;}
.pc-typing-dot:nth-child(2){animation-delay:0.2s;}
.pc-typing-dot:nth-child(3){animation-delay:0.4s;}
@keyframes pc-bounce{0%,60%,100%{transform:translateY(0);}30%{transform:translateY(-6px);}}
.pc-teams-input-area{display:flex;gap:7px;padding:8px 10px;border-top:1px solid rgba(255,255,255,0.07);background:#1e1e35;flex-shrink:0;}
.pc-teams-input{flex:1;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:7px 12px;font-size:11px;color:#fff;font-family:var(--sans);outline:none;}
.pc-teams-input::placeholder{color:rgba(255,255,255,0.35);}
.pc-teams-send{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#7b83eb,#4b53bc);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pc-teams-controls{background:#201e3d;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid rgba(255,255,255,0.07);}
.pc-teams-ctrl-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 12px;border-radius:8px;cursor:pointer;color:rgba(255,255,255,0.7);font-size:9px;transition:background 0.15s;min-width:54px;}
.pc-teams-ctrl-btn:hover{background:rgba(255,255,255,0.1);color:#fff;}
.pc-teams-ctrl-btn.active{background:rgba(123,131,235,0.2);color:#9fa8ff;}
.pc-teams-ctrl-btn.muted{color:rgba(255,100,100,0.8);}
.pc-teams-ctrl-btn.leave{color:#e74c3c;}
.pc-schedule{background:#fff;border:1.5px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);}
.pc-schedule-header{background:linear-gradient(135deg,#0a2540,#12345e);padding:18px 22px;}
.pc-schedule-header h3{font-family:var(--serif);color:#fff;font-size:17px;font-weight:700;margin-bottom:4px;}
.pc-schedule-header p{color:#8db9cc;font-size:12px;}
.pc-session-item{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border);}
.pc-session-item:last-child{border-bottom:none;}
.pc-session-date{color:#fff;border-radius:10px;padding:8px 12px;text-align:center;flex-shrink:0;min-width:52px;}
.pc-session-date-day{font-family:var(--serif);font-size:22px;font-weight:700;line-height:1;}
.pc-session-date-mon{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;opacity:0.85;}
.pc-session-info h4{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px;}
.pc-session-info p{font-size:12px;color:var(--muted);line-height:1.5;}
.pc-session-badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;margin-top:5px;}
.pc-session-badge.live{background:#e0f8f0;color:#049a74;}
.pc-session-badge.upcoming{background:#e8f4fd;color:var(--ocean);}
.pc-session-badge.recorded{background:var(--cloud);color:var(--muted);}
.pc-suggested{margin-top:14px;}
.pc-suggested p{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:8px;}
.pc-suggested-row{display:flex;flex-wrap:wrap;gap:7px;}
.pc-suggested-btn{background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:6px 13px;font-size:12px;color:var(--ink);cursor:pointer;font-family:var(--sans);transition:all 0.15s;}
.pc-suggested-btn:hover{border-color:var(--mint);color:#049a74;}
/* ── EVIDENCE SECTION ────────────────────────────────────────── */
.evidence-section{background:linear-gradient(135deg,#f0f8e8,#e8f5e0);border:1.5px solid #c5e0b0;border-radius:12px;padding:22px 24px;margin-top:20px;}
.evidence-section h3{font-size:15px;font-weight:700;color:#2d5a1b;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.evidence-item{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,0.07);}
.evidence-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.evidence-item-label{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;padding:2px 8px;border-radius:4px;margin-bottom:5px;}
.evidence-item-label.rct{background:rgba(0,119,182,0.12);color:#005f92;}
.evidence-item-label.sr{background:rgba(6,214,160,0.15);color:#047a5a;}
.evidence-item-label.cohort{background:rgba(255,209,102,0.25);color:#7a5a00;}
.evidence-item-label.rct-meta{background:rgba(130,40,200,0.12);color:#6a00c8;}
.evidence-item p{font-size:12px;color:#3a4a35;line-height:1.65;margin:0;}
.evidence-item cite{font-size:11px;color:#6a7a65;display:block;margin-top:4px;font-style:italic;}
.evidence-grade{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(0,0,0,0.07);font-size:11px;color:#5a6a55;}
.evidence-grade-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
/* ── MOBILE ─────────────────────────────────────────────────── */
@media(max-width:768px){
  .nav-hamburger{display:flex;}
  .nav-links{display:none !important;}
  .mobile-page-nav{display:block;}
  .proms-selector,.research-two-col,.research-three-col,.research-criteria-grid,.research-participate-banner,.pc-intro-grid,.pc-session,.physio-terms-grid,.physio-ex-grid,.physio-tips-grid,.physio-redflag-list,.research-hero-inner{grid-template-columns:1fr !important;}
  .pc-teams-stage{grid-template-columns:1fr;height:auto;}
  .pc-teams-main-tile{height:220px;position:relative;}
  .pc-teams-side-strip{display:none;}
  .pc-teams-chat{height:200px;border-left:none;border-top:1px solid rgba(255,255,255,0.07);}
  .pc-teams-controls{flex-wrap:wrap;gap:2px;}
  .pc-teams-ctrl-btn{min-width:44px;font-size:8px;}
  .research-body,.proms-body,.pc-body,.physio-body{padding:20px 16px;}
  .research-hero,.proms-hero,.pc-hero{padding:32px 16px;}
  .physio-hero-content{padding:32px 20px;}
  .physio-hero{min-height:220px;}
  .research-hero h1,.proms-hero h1,.pc-hero h1,.physio-hero h1{font-size:26px;}
  .research-status-card{display:none;}
  .physio-tabs{flex-wrap:wrap;}
  .physio-tab{flex:none;font-size:12px;padding:8px 12px;}
  .cond-subnav{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .cond-subnav::-webkit-scrollbar{display:none;}
  .cond-subnav-cta{display:none;}
  .footer{padding:16px;flex-direction:column;text-align:center;}
  .footer-links{justify-content:center;}
  .prom-footer{flex-direction:column;}
  .prom-submit-btn{width:100%;}
}
@media(max-width:480px){
  .physio-tabs{gap:4px;}
  .pc-teams-controls{gap:2px;padding:4px;}

  .hero-right{height:240px;}
}


/* ══════════════════════════════════════════════════
   PRIVACY & ACCESSIBILITY PAGES
   ══════════════════════════════════════════════════ */
.policy-hero{background:linear-gradient(135deg,#0a2540 0%,#0d3358 100%);padding:48px 36px;}
.policy-hero h1{font-family:var(--serif);color:#fff;font-size:34px;font-weight:700;margin-bottom:8px;}
.policy-hero p{color:rgba(255,255,255,0.65);font-size:14px;}
.policy-body{padding:40px 36px;max-width:820px;}
.policy-section{margin-bottom:36px;}
.policy-section h2{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--ink);margin-bottom:12px;padding-bottom:8px;border-bottom:1.5px solid var(--border);}
.policy-section h3{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:8px;margin-top:16px;}
.policy-section p{font-size:14px;color:#3d5a66;line-height:1.85;margin-bottom:10px;}
.policy-section ul{padding-left:20px;margin-bottom:10px;}
.policy-section ul li{font-size:14px;color:#3d5a66;line-height:1.75;margin-bottom:4px;}
.policy-contact-card{background:var(--cloud);border:1.5px solid var(--border);border-radius:12px;padding:20px 24px;margin-top:16px;}
.policy-contact-card h3{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:8px;}
.policy-contact-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.7;}
.policy-updated{font-size:12px;color:var(--muted);margin-bottom:28px;padding:8px 14px;background:var(--cloud);border-radius:6px;display:inline-block;}
.access-rating{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:1.5px solid var(--border);border-radius:10px;margin-bottom:12px;}
.access-rating-icon{font-size:24px;flex-shrink:0;}
.access-rating-label{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:2px;}
.access-rating-sub{font-size:12px;color:var(--muted);}
.access-status{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:0.05em;}
.access-status.met{background:#e0f8f0;color:#049a74;}
.access-status.partial{background:#fff8e8;color:#b45309;}
.access-status.planned{background:#e8f4fd;color:var(--ocean);}
@media(max-width:768px){
  .policy-hero{padding:32px 16px;}
  .policy-hero h1{font-size:26px;}
  .policy-body{padding:20px 16px;}
}

/* ══════════════════════════════════════════════════
   CONSENT PAGE STYLES
   ══════════════════════════════════════════════════ */
.sp-consent-intro{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:8px;padding:14px 18px;background:var(--cloud);border-radius:8px;border-left:3px solid var(--ocean);}
.con-section{margin-bottom:28px;}
.con-section h3{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);margin-bottom:12px;padding-bottom:8px;border-bottom:1.5px solid var(--border);}
.con-procedure-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0a2540,#0d3358);border-radius:10px;padding:16px 20px;margin-bottom:4px;}
.con-proc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.55);flex-shrink:0;}
.con-proc-name{font-family:var(--serif);font-size:16px;font-weight:700;color:#fff;}
.con-alt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.con-alt-item{background:var(--cloud);border:1.5px solid var(--border);border-radius:8px;padding:14px 16px;}
.con-alt-item h4{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.con-alt-item p{font-size:12px;color:var(--muted);line-height:1.65;margin:0;}
.con-risk-info{font-size:13px;color:var(--muted);background:#fff8e8;border:1px solid #e8c84a;border-radius:8px;padding:10px 14px;margin-bottom:12px;line-height:1.6;}
.con-risks{display:flex;flex-direction:column;gap:8px;}
.con-risk-row{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:start;background:#fff;border:1.5px solid var(--border);border-radius:8px;padding:12px 16px;}
.con-risk-row.serious{border-left:3px solid var(--coral);}
.con-risk-row.frequent{border-left:3px solid var(--ocean);}
.con-risk-left{display:flex;flex-direction:column;gap:4px;}
.con-risk-name{font-size:13px;font-weight:700;color:var(--ink);line-height:1.3;}
.con-risk-rate{font-size:11px;font-weight:700;color:var(--coral);background:rgba(255,107,107,0.1);padding:2px 7px;border-radius:4px;display:inline-block;}
.con-risk-detail{font-size:13px;color:var(--muted);line-height:1.65;margin:0;}
.con-risk-group{margin-top:18px;}
.con-risk-group:first-child{margin-top:0;}
.con-risk-group-label{font-size:12px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px;padding:7px 12px;background:var(--cloud);border-radius:6px;border-left:3px solid var(--ocean);}

/* Frequency sub-grouping inside a timing band */
.con-freq-group{display:grid;grid-template-columns:170px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);}
.con-freq-group:last-child{border-bottom:none;}
.con-freq-label{display:flex;flex-direction:column;gap:2px;padding-top:6px;}
.con-freq-label .freq-name{font-size:13px;font-weight:700;color:var(--ink);}
.con-freq-label .freq-thresh{font-size:11px;color:var(--muted);font-weight:500;}
.con-freq-group.common .freq-name{color:var(--coral);}
.con-freq-group.less_common .freq-name{color:var(--ocean);}
.con-freq-group.rare .freq-name{color:var(--mint-dark, #049a74);}
.con-freq-risks{display:flex;flex-direction:column;gap:8px;}
.con-risk-expected{display:inline-block;font-size:10px;font-weight:700;color:var(--mint-dark, #049a74);background:rgba(6,214,160,0.12);padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:0.05em;margin-left:8px;vertical-align:middle;}
@media (max-width:720px){
  .con-freq-group{grid-template-columns:1fr;gap:8px;}
  .con-freq-label{flex-direction:row;align-items:baseline;gap:8px;padding-top:0;}
}
.con-risk-row.immediate{border-left:3px solid var(--coral);}
.con-risk-row.early{border-left:3px solid var(--amber, #f5a623);}
.con-risk-row.late{border-left:3px solid var(--ocean);}
.con-no-surgery{background:#fff5f5;border-radius:10px;padding:16px 20px;border:1.5px solid rgba(255,107,107,0.2);}
.con-no-surgery h3{border-color:rgba(255,107,107,0.2);}
.con-footer-note{display:flex;align-items:flex-start;gap:12px;background:var(--cloud);border-radius:8px;padding:16px 18px;margin-top:4px;}
.con-footer-icon{font-size:20px;flex-shrink:0;margin-top:2px;}
.con-footer-note p{font-size:13px;color:var(--muted);line-height:1.7;margin:0;}
@media(max-width:768px){
  .con-alt-grid{grid-template-columns:1fr;}
  .con-risk-row{grid-template-columns:1fr;}
}
@media(min-width:1025px){
  .con-alt-grid{grid-template-columns:1fr 1fr;}
}

/* ══ RECOVERY CALENDAR TAB ═══════════════════════════════════ */
.rc-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;}
.rc-milestone{background:var(--cloud);border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;}
.rc-milestone-icon{font-size:22px;margin-bottom:6px;}
.rc-milestone-week{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--ocean);margin-bottom:3px;}
.rc-milestone-label{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.rc-milestone-detail{font-size:12px;color:var(--muted);line-height:1.5;}
.rc-calendar{display:flex;flex-direction:column;gap:10px;}
.rc-period{border-radius:10px;padding:14px 18px;border:1.5px solid var(--border);}
.rc-period-label{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:8px;white-space:pre-line;}
.rc-period-items{display:flex;flex-direction:column;gap:5px;}
.rc-period-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--muted);line-height:1.5;}
.rc-period-item::before{content:'→';color:var(--ocean);flex-shrink:0;font-weight:700;margin-top:1px;}
/* ══ IN NUMBERS TAB ══════════════════════════════════════════ */
.inn-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px;}
.inn-stat{background:linear-gradient(135deg,var(--cloud),#fff);border:1.5px solid var(--border);border-radius:12px;padding:20px 18px;text-align:center;}
.inn-stat-num{font-family:var(--serif);font-size:32px;font-weight:700;color:var(--ocean);line-height:1;margin-bottom:4px;}
.inn-stat-label{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:3px;}
.inn-stat-sub{font-size:11px;color:var(--muted);}
.inn-evidence{background:var(--cloud);border-radius:10px;padding:18px 20px;}
.inn-evidence-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--ocean);margin-bottom:12px;}
.inn-evidence-items{display:flex;flex-direction:column;gap:9px;}
.inn-evidence-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);line-height:1.6;}
.inn-evidence-dot{width:6px;height:6px;border-radius:50%;background:var(--ocean);flex-shrink:0;margin-top:7px;}
@media(max-width:768px){
  .rc-milestones{grid-template-columns:1fr 1fr;}
  .inn-stats{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .rc-milestones{grid-template-columns:1fr;}
  .inn-stats{grid-template-columns:1fr;}
}
@media(min-width:1025px){
  .inn-stats{grid-template-columns:repeat(4,1fr);}
}

/* ══ RECOVERY CALENDAR ═══════════════════════════════════════ */
.rc-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;}
.rc-milestone{background:var(--cloud);border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;}
.rc-milestone-icon{font-size:22px;margin-bottom:6px;}
.rc-milestone-week{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--ocean);margin-bottom:3px;}
.rc-milestone-label{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.rc-milestone-detail{font-size:12px;color:var(--muted);line-height:1.5;}
.rc-calendar{display:flex;flex-direction:column;gap:10px;}
.rc-period{border-radius:10px;padding:14px 18px;border:1.5px solid var(--border);}
.rc-period-label{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:8px;white-space:pre-line;}
.rc-period-items{display:flex;flex-direction:column;gap:5px;}
.rc-period-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--muted);line-height:1.5;}
.rc-period-item::before{content:'→';color:var(--ocean);flex-shrink:0;font-weight:700;margin-top:1px;}
/* ══ IN NUMBERS ══════════════════════════════════════════════ */
.inn-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px;}
.inn-stat{background:linear-gradient(135deg,var(--cloud),#fff);border:1.5px solid var(--border);border-radius:12px;padding:20px 18px;text-align:center;}
.inn-stat-num{font-family:var(--serif);font-size:32px;font-weight:700;color:var(--ocean);line-height:1;margin-bottom:4px;}
.inn-stat-label{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:3px;}
.inn-stat-sub{font-size:11px;color:var(--muted);}
.inn-evidence{background:var(--cloud);border-radius:10px;padding:18px 20px;}
.inn-evidence-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--ocean);margin-bottom:12px;}
.inn-evidence-items{display:flex;flex-direction:column;gap:9px;}
.inn-evidence-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);line-height:1.6;}
.inn-evidence-dot{width:6px;height:6px;border-radius:50%;background:var(--ocean);flex-shrink:0;margin-top:7px;}
@media(max-width:768px){.rc-milestones{grid-template-columns:1fr 1fr;}.inn-stats{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.rc-milestones{grid-template-columns:1fr;}.inn-stats{grid-template-columns:1fr;}}
@media(min-width:1025px){.inn-stats{grid-template-columns:repeat(4,1fr);}}

/* ══ PHYSIO PAGE | EXERCISES ═════════════════════════════════ */
.ex-cat-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px;}
.ex-cat-btn{padding:8px 16px;border-radius:50px;border:1.5px solid var(--border);background:#fff;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all 0.2s;}
.ex-cat-btn:hover{border-color:var(--ocean);color:var(--ocean);}
.ex-cat-btn.active{background:var(--ocean);border-color:var(--ocean);color:#fff;}
.ex-category{display:none;}
.ex-category.active{display:block;}
.ex-cat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--ocean);margin-bottom:8px;}
.ex-cat-intro{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:20px;max-width:740px;}
.ex-grid{display:flex;flex-direction:column;gap:20px;}
.ex-card{display:flex;gap:24px;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:22px;align-items:flex-start;}
.ex-diagram{flex-shrink:0;width:160px;background:var(--cloud);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:12px;}
.ex-diagram svg{width:136px;height:auto;}
.ex-content{flex:1;}
.ex-name{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);margin-bottom:3px;}
.ex-phase{font-size:11px;font-weight:700;color:var(--ocean);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px;}
.ex-desc{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:12px;}
.ex-steps{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;}
.ex-step{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--ink);}
.ex-step span{width:20px;height:20px;border-radius:50%;background:var(--ocean);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.ex-tip{background:rgba(255,209,102,0.12);border:1px solid rgba(255,209,102,0.4);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--ink);line-height:1.5;}
/* ══ PHYSIO PAGE | STAGES ════════════════════════════════════ */
.stages-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:28px;}
.stage-card{display:flex;gap:20px;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:22px;align-items:flex-start;}
.stage-num{width:44px;height:44px;border-radius:50%;background:var(--ocean);color:#fff;font-family:var(--serif);font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.stage-body{flex:1;}
.stage-name{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);margin-bottom:2px;}
.stage-time{font-size:11px;font-weight:700;color:var(--ocean);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px;}
.stage-body p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:12px;}
.stage-goals{background:var(--cloud);border-radius:8px;padding:12px 16px;margin-bottom:10px;}
.stage-goals-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin-bottom:6px;}
.stage-goal-item{font-size:13px;color:var(--ink);padding:2px 0;}
.stage-exercises{font-size:12px;color:var(--ocean);font-weight:600;}
/* ══ PHYSIO PAGE | TERMS ══════════════════════════════════════ */
.terms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.term-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:18px 20px;}
.term-name{font-size:14px;font-weight:700;color:var(--ocean);margin-bottom:6px;}
.term-def{font-size:13px;color:var(--muted);line-height:1.65;}
/* ══ PHYSIO PAGE | TIPS ══════════════════════════════════════ */
.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.tip-card{display:flex;gap:14px;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:18px 20px;align-items:flex-start;}
.tip-icon{font-size:24px;flex-shrink:0;}
.tip-body{}
.tip-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.tip-body p{font-size:13px;color:var(--muted);line-height:1.65;}
/* ══ PHYSIO PAGE | RED FLAGS ══════════════════════════════════ */
.redflags-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;}
.redflag-card{border-radius:14px;padding:20px 22px;border:1.5px solid;}
.redflag-card.urgent{background:#fff5f5;border-color:rgba(220,38,38,0.3);}
.redflag-card.prompt{background:#fffbf0;border-color:rgba(245,158,11,0.4);}
.redflag-card.physio{background:#f0f8ff;border-color:rgba(0,119,182,0.3);}
.redflag-card.info{background:#f0fff8;border-color:rgba(6,214,160,0.3);}
.redflag-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.redflag-icon{font-size:20px;}
.redflag-title{font-size:14px;font-weight:700;color:var(--ink);}
.redflag-items{display:flex;flex-direction:column;gap:7px;}
.redflag-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--muted);line-height:1.5;}
.redflag-item::before{content:'→';color:var(--ocean);flex-shrink:0;font-weight:700;}
.contact-box{background:var(--cloud);border-radius:12px;padding:20px 24px;}
.contact-box-title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:8px;}
.contact-box p{font-size:13px;color:var(--muted);line-height:1.7;}
/* ══ SHARED PHYSIO COMPONENTS ════════════════════════════════ */
.physio-section-intro{margin-bottom:24px;}
.physio-section-title{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--ink);margin-bottom:8px;}
.physio-section-desc{font-size:14px;color:var(--muted);line-height:1.7;max-width:700px;}
.physio-disclaimer{background:#fff8e8;border:1px solid #f5c07a;border-radius:8px;padding:10px 14px;font-size:12px;color:#7a4400;margin-top:14px;}
.image-req-box{display:flex;gap:14px;background:rgba(255,209,102,0.08);border:1.5px solid rgba(255,209,102,0.4);border-radius:12px;padding:18px 20px;margin-top:24px;align-items:flex-start;}
.image-req-icon{font-size:24px;flex-shrink:0;}
.image-req-title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:5px;}
.image-req-desc{font-size:12px;color:var(--muted);line-height:1.6;}
/* ══ PHYSIO RESPONSIVE ════════════════════════════════════════ */
@media(max-width:768px){
  .ex-card{flex-direction:column;}
  .ex-diagram{width:100%;max-width:200px;margin:0 auto;}
  .terms-grid{grid-template-columns:1fr;}
  .tips-grid{grid-template-columns:1fr;}
  .stage-card{flex-direction:column;}
  .stage-num{width:36px;height:36px;font-size:18px;}
  .ex-cat-btn{font-size:12px;padding:6px 12px;}
}

/* ══ WHEN CAN I TABLE ════════════════════════════════════════ */
.wci-section{margin-bottom:4px;}
.wci-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.wci-table{width:100%;border-collapse:collapse;font-size:13px;}
.wci-table thead th{background:var(--ocean);color:#fff;padding:10px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;white-space:nowrap;}
.wci-table thead th:first-child{border-radius:8px 0 0 0;}
.wci-table thead th:last-child{border-radius:0 8px 0 0;}
.wci-table tbody tr{border-bottom:1px solid var(--border);}
.wci-table tbody tr:last-child{border-bottom:none;}
.wci-table tbody tr:nth-child(even){background:var(--cloud);}
.wci-table tbody tr:hover{background:rgba(0,119,182,0.04);}
.wci-activity{padding:10px 14px;font-weight:700;color:var(--ink);white-space:nowrap;}
.wci-timeline{padding:10px 14px;color:var(--ocean);font-weight:600;white-space:nowrap;}
.wci-notes{padding:10px 14px;color:var(--muted);line-height:1.5;}
/* ══ IS THIS NORMAL ══════════════════════════════════════════ */
.itn-section{margin-bottom:4px;}
.itn-list{display:flex;flex-direction:column;gap:6px;}
.itn-item{border:1.5px solid var(--border);border-radius:10px;overflow:hidden;background:#fff;}
.itn-item.open .itn-a{display:block;}
.itn-item.open .itn-chevron{transform:rotate(180deg);}
.itn-q{width:100%;display:flex;align-items:center;gap:10px;padding:13px 16px;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--sans);}
.itn-q:hover{background:var(--cloud);}
.itn-q-text{flex:1;font-size:13px;font-weight:600;color:var(--ink);line-height:1.4;}
.itn-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0;}
.itn-yes{background:rgba(6,214,160,0.12);color:#057a5a;border:1px solid rgba(6,214,160,0.35);}
.itn-discuss{background:rgba(255,209,102,0.15);color:#92600a;border:1px solid rgba(255,209,102,0.5);}
.itn-chevron{color:var(--muted);font-size:12px;flex-shrink:0;transition:transform 0.2s;}
.itn-a{display:none;padding:0 16px 14px 16px;font-size:13px;color:var(--muted);line-height:1.7;border-top:1px solid var(--border);}
@media(max-width:768px){
  .wci-activity,.wci-timeline{font-size:12px;padding:8px 10px;}
  .wci-notes{font-size:12px;padding:8px 10px;}
  .wci-table{table-layout:fixed;}
  .wci-table thead th{white-space:normal;}
  .wci-activity,.wci-timeline{white-space:normal;word-break:break-word;}
  .wci-table thead th:nth-child(1),.wci-activity{width:28%;}
  .wci-table thead th:nth-child(2),.wci-timeline{width:22%;}
  .wci-table thead th:nth-child(3),.wci-notes{width:50%;}
}

/* ══ EXERCISE CARD | WIDE (full-width image) ═════════════════ */
.ex-card-wide{flex-direction:column;}
.ex-card-wide .ex-diagram{width:100%;max-width:100%;padding:0;background:transparent;border-radius:8px;}
.ex-card-wide .ex-diagram-photo{width:100%;padding:0;background:transparent;}
.ex-card-wide .ex-content{width:100%;}

/* ── CONDITION INFOGRAPHIC ────────────────────────────────── */
.cond-infographic { margin: 20px 0; }
.cond-infographic img {
  width: 100% !important;
  height: auto !important;
  object-fit: initial !important;
  object-position: initial !important;
  position: static !important;
  border-radius: 12px;
  display: block;
}

/* ══ COMING SOON BANNER ══════════════════════════════════════ */
.cs-banner{background:linear-gradient(135deg,#0a2540 0%,#0d3d6b 60%,#0a4d6b 100%);padding:40px 36px;position:relative;overflow:hidden;}
.cs-banner::before{content:'';position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:rgba(6,214,160,0.08);}
.cs-banner::after{content:'';position:absolute;bottom:-60px;left:-40px;width:220px;height:220px;border-radius:50%;background:rgba(0,180,216,0.06);}
.cs-banner-inner{display:flex;align-items:flex-start;gap:20px;max-width:760px;margin:0 auto;position:relative;z-index:1;}
.cs-banner-icon{font-size:40px;flex-shrink:0;margin-top:4px;}
.cs-banner-body{flex:1;}
.cs-banner-title{font-family:var(--serif);font-size:24px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.2;}
.cs-banner-desc{font-size:14px;color:rgba(255,255,255,0.72);line-height:1.75;margin-bottom:20px;max-width:580px;}
.cs-banner-actions{display:flex;gap:10px;flex-wrap:wrap;}
.cs-email-input{flex:1;min-width:220px;padding:11px 16px;border-radius:10px;border:1.5px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.08);color:#fff;font-size:14px;font-family:var(--sans);outline:none;transition:border-color 0.2s;}
.cs-email-input::placeholder{color:rgba(255,255,255,0.4);}
.cs-email-input:focus{border-color:var(--mint);}
.cs-notify-btn{padding:11px 24px;border-radius:10px;border:none;background:var(--mint);color:#0a2540;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--sans);transition:opacity 0.2s,transform 0.15s;}
.cs-notify-btn:hover{opacity:0.88;transform:translateY(-1px);}
.cs-banner-note{font-size:13px;color:var(--mint);margin-top:12px;font-weight:600;}
@media(max-width:768px){
  .cs-banner{padding:28px 20px;}
  .cs-banner-inner{flex-direction:column;gap:14px;}
  .cs-banner-icon{font-size:32px;}
  .cs-banner-title{font-size:20px;}
  .cs-email-input{min-width:0;width:100%;}
  .cs-notify-btn{width:100%;}
}

/* ── shared block: faq/accordion ── */

.idx-hero{background:var(--ink);color:#fff;padding:46px 22px 40px}
.idx-hero .in{max-width:1000px;margin:0 auto}
.idx-hero h1{font-family:var(--serif);font-weight:400;font-size:34px;margin:6px 0 10px;line-height:1.12}
.idx-hero p{color:#cfe0e9;font-size:15px;max-width:640px;margin:0}
.idx-wrap{max-width:1000px;margin:0 auto;padding:30px 22px 50px}
.idx-sec-h{font-family:var(--serif);font-weight:400;font-size:24px;margin:34px 0 4px}
.idx-sec-h:first-child{margin-top:0}
.idx-sub{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 0 12px}
.idx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px}
.idx-card{display:flex;flex-direction:column;background:var(--card,#fff);border:1px solid var(--border);border-radius:14px;padding:16px 17px;text-decoration:none;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.03);transition:transform .12s,box-shadow .12s}
.idx-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.idx-card .top{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.idx-ic{width:38px;height:38px;border-radius:9px;flex:none;overflow:hidden;display:grid;place-items:center;background:var(--cream)}
.idx-ic img{width:100%;height:100%;object-fit:cover}
.idx-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
.idx-badge.sh{background:rgba(0,119,182,.12);color:var(--sky,#0077b6)}
.idx-badge.el{background:rgba(6,214,160,.14);color:var(--mint-d,#049a74)}
.idx-card h3{font-size:15.5px;margin:0 0 5px;font-weight:700}
.idx-card p{font-size:13px;color:var(--muted);margin:0 0 12px;line-height:1.5;flex:1}
.idx-go{font-size:13px;font-weight:700;color:var(--sky,#0077b6)}
.idx-crumb{max-width:1000px;margin:0 auto;padding:14px 22px 0;font-size:13px;color:var(--muted)}
.idx-crumb a{color:inherit}

/* ── shared block: content-textsize ── */
body{font-size:16px;}.hero-desc,.surgery-landing-hero p,.proms-hero p,.physio-hero p,.research-hero p,.pc-hero p,.policy-hero p,.cond-desc,.prose-sec p,.sym-list li,.cond-faq-q,.cond-faq-a,.cond-faq-sub,.cond-faq .refs-list li,.sp-main p,.sp-consent-intro,.stage-body p,.ex-desc,.ex-cat-intro,.policy-section p,.policy-section ul li,.research-card p,.research-participate-banner p,.team-text p,.sb-left p,.chat-bubble,.prom-q-text,.side-cta h4,.tl-item h4,.term-name,.tip-title,.redflag-title,.physio-term,.chk-txt h4,.cb-name,.research-flow-content h4,.research-flow-num,.research-status-card h3,.policy-contact-card h3,.pc-intro-card h3,.stat-val,.evidence-section h3,.hub-task-content h4,.hub-tl-title,.hub-doc-info h4,.hub-contact-name,.hub-info-card-val,.cs-banner-desc,#ptools .panel .lede,#ptools .interp,#ptools .extnote,#ptools .fld select,#ptools .fld input[type=number],#ptools header p,#ptools .scoremax,#ptools .linkbtn{font-size:16px;}.info-box p,.contact-box p,.contact-box-title,.side-card h4,.qa-card h4,.tl-item p,.term-def,.tip-body p,.redflag-item,.physio-tip-title,.physio-redflag-item,.type-card h4,.chk-txt p,.con-footer-note p,.cb-input,.research-flow-content p,.research-criteria-card h4,.policy-contact-card p,.prom-select-card p,.inn-evidence-item,.warn-box p,.hub-tl-desc,.hub-sidebar-val,#ptools .tab,#ptools .fld label,#ptools .purpose{font-size:15px;}.side-cta p,.side-list li,.side-links li a,.side-btn,.qa-card p,.physio-term-def,.physio-tip-text,.type-card p,.pc-intro-card p,.pc-disclaimer-card,.cb-chip,.condition-card p,.sb-txt,.inn-evidence-title,.evidence-item p,.stat-label,.surgery-stat-val,.research-stat-label,.inn-stat-label,.cs-banner-note,.hub-task-content p,.hub-doc-info p,.hub-patient-sub,#ptools .pill,#ptools .caveat,#ptools .critique{font-size:14px;}.eyebrow,.hero-eyebrow,.research-eyebrow,.cond-faq-eyebrow,.hero-right-caption span,.physio-ex-purpose,.evidence-grade,.evidence-item cite,.research-flow-content .research-flow-time,.stat-sub,.research-stat-sub,.inn-stat-sub,.footer-links a,.footer-note,.hub-contact-role,.hub-info-card-sub,.hub-next-detail,#ptools .grouplabel,#ptools .cite,#ptools .foot{font-size:13px;}/*sp-harmonise*/.qa-card h4,.qa-card p,.tl-item p,.chk-txt p,.rc-milestone-label,.rc-milestone-detail,.rc-period-item,.con-alt-item h4,.con-alt-item p,.con-risk-name,.con-risk-detail,.con-risk-info,.info-box p,.warn-box p{font-size:16px;}.rc-milestone-week,.rc-period-label,.tl-time,.con-proc-label,.con-risk-group-label{font-size:13px;}/*physio-harmonise*/.physio-section-desc,.physio-ex-title,.physio-ex-purpose,.physio-ex-caution,.physio-stage-body,.physio-term-def,.physio-tip-text,.physio-tip-title,.physio-redflag-item,.physio-disclaimer,.physio-ex-steps li,.ex-step,.ex-tip{font-size:16px;}.ex-cat-label,.ex-phase,.physio-ex-meta,.physio-ex-num,.physio-stage-goal,.physio-stage-time,.ex-step span{font-size:13px;}
/* ── shared block: v12 mobile nav ── */
/*v12-mobile-nav*/
#mobile-nav{display:none;background:var(--ink);padding:4px 16px 12px;box-shadow:0 8px 20px rgba(0,0,0,0.25);}
#mobile-nav.open{display:block;}
#mobile-nav a{display:block;color:#d8e8ef;padding:12px 6px;border-bottom:1px solid rgba(255,255,255,0.08);text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;}
#mobile-nav a:last-child{border-bottom:none;}