:root{
  --med-ink:#122433;
  --med-muted:#5a6c7c;
  --med-line:#d5e0e8;
  --med-soft:#eef5f8;
  --med-teal:#0f6f7c;
  --med-deep:#0b3d4a;
  --med-accent:#0f8a75;
  --med-warn:#9a6400;
  --med-danger:#b4232e;
  --med-ok:#1a7a52;
}
.med-page{background:#f4f8fa;color:var(--med-ink)}
.med-page main{display:block}
.med-hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 86% 16%,rgba(15,138,117,.24),transparent 30%),
    linear-gradient(118deg,#06262f 0%,#0b3d4a 52%,#0f5a63 100%);
  color:#fff;
}
.med-hero-inner{position:relative;z-index:2;max-width:1160px;margin:auto;padding:48px 22px 56px}
.med-hero .breadcrumbs,.med-hero .breadcrumbs a{color:#c5dde3}
.med-hero-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:32px;align-items:center}
.med-kicker{margin:24px 0 9px;color:#9fe0d4;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
.med-hero h1{max-width:820px;margin:0;font-size:clamp(2.15rem,5vw,4rem);line-height:1.05;letter-spacing:-.04em;color:#fff}
.med-hero h1 em{font-style:normal;color:#b8f0e4}
.med-hero h1+p{max-width:760px;margin:18px 0 0;color:#d4e8ec;font-size:1.12rem;line-height:1.65}
.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.hero-pills span{padding:8px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.07);font-size:.82rem;font-weight:800}
.med-visual{
  border:1px solid rgba(255,255,255,.18);border-radius:22px;
  background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));
  padding:22px;box-shadow:0 22px 50px rgba(0,0,0,.28)
}
.med-visual svg{display:block;width:100%;height:auto}
.med-visual-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.med-visual-meta div{padding:10px;border-radius:12px;background:rgba(0,0,0,.22);text-align:center;font-size:.78rem;line-height:1.35}
.med-visual-meta b{display:block;font-size:.92rem;margin-bottom:2px}
.med-subnav{
  position:sticky;top:72px;z-index:90;display:flex;justify-content:center;gap:8px;
  padding:10px 16px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--med-line);
  backdrop-filter:blur(12px);overflow:auto
}
.med-subnav a{white-space:nowrap;padding:9px 12px;border-radius:8px;color:#18424c;font-weight:850;font-size:.9rem}
.med-subnav a:hover,.med-subnav a:focus{background:#e5f5f2;color:#0b5f55}
.med-section{max-width:1160px;margin:auto;padding:46px 22px}
.med-section.compact{padding-top:24px;padding-bottom:24px}
.med-band{background:#e8f1f4;border-block:1px solid #d5e0e8}
.med-band.dark{background:#0b3340;color:#fff;border-color:#164858}
.med-section-head{max-width:820px;margin-bottom:22px}
.med-section-head .eyebrow{margin:0 0 6px;color:var(--med-accent);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem}
.med-section-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.03em}
.med-section-head p{margin:9px 0 0;color:var(--med-muted);line-height:1.62}
.dark .med-section-head .eyebrow{color:#9fe0d4}
.dark .med-section-head p{color:#b7cfd5}
.med-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.med-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.med-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.med-card{
  position:relative;padding:21px;border:1px solid var(--med-line);border-radius:16px;background:#fff;
  box-shadow:0 8px 24px rgba(16,48,82,.07)
}
.med-card h3{margin:0 0 9px}
.med-card p,.med-card li{margin:0 0 10px;color:var(--med-muted);line-height:1.58}
.med-card ul{padding-left:18px;margin:0 0 12px}
.med-card .tag{display:inline-flex;margin-bottom:10px;padding:5px 9px;border-radius:999px;background:#e5f5f2;color:#0b5f55;font-size:.74rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.med-icon{
  width:48px;height:48px;margin-bottom:14px;display:grid;place-items:center;border-radius:12px;
  background:#e5f5f2;color:var(--med-teal);font-size:.95rem;font-weight:900
}
.med-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:11px 16px;
  border:0;border-radius:9px;background:var(--med-deep);color:#fff;font:inherit;font-weight:900;cursor:pointer;text-decoration:none
}
.med-btn:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff}
.med-btn.accent{background:var(--med-accent)}
.med-btn.ghost{background:#fff;color:#18424c;border:1px solid #aebfd0}
.med-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.stat-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#d4e0eb;border:1px solid #d4e0eb;border-radius:15px;overflow:hidden}
.stat{padding:16px 12px;background:#fff;text-align:center}
.stat strong{display:block;font-size:1.05rem;color:var(--med-deep)}
.stat span{display:block;margin-top:3px;color:#5d6b7a;font-size:.78rem}
.goal-chooser{padding:24px;border:1px solid var(--med-line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(15,45,76,.08)}
.choice-row{display:flex;gap:10px;flex-wrap:wrap}
.choice-btn{padding:12px 15px;border:1px solid #aec0d3;border-radius:10px;background:#fff;color:#17324d;font:inherit;font-weight:850;cursor:pointer}
.choice-btn:hover,.choice-btn.active{background:var(--med-accent);border-color:var(--med-accent);color:#fff}
.chooser-result{margin-top:16px;padding:18px;border-radius:12px;background:#eaf7f4;border:1px solid #c5e5de}
.chooser-result h3{margin:0 0 7px}
.chooser-result p{margin:0;color:#355850;line-height:1.55}
.med-note{padding:16px 18px;border-left:5px solid var(--med-ok);border-radius:9px;background:#edf9f4;color:#174b3a;line-height:1.55}
.med-note.warning{border-color:#e4a11b;background:#fff8e9;color:#69450a}
.med-note.danger{border-color:#dd2839;background:#fff0f1;color:#6e1720}
.decision-lab{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.case-card,.case-result{padding:22px;border:1px solid var(--med-line);border-radius:16px;background:#fff}
.case-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e5f5f2;color:#0b5f55;font-weight:900;font-size:.78rem}
.case-vitals{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.case-vitals span{padding:8px 10px;border-radius:9px;background:#eef5f8;color:#354f65;font-size:.84rem;font-weight:850}
.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.answer-grid button{padding:13px;border:1px solid #b7c7d7;border-radius:10px;background:#fff;font:inherit;font-weight:850;cursor:pointer;text-align:left}
.answer-grid button.correct{border-color:#168259;background:#ebf8f2}
.answer-grid button.wrong{border-color:#d62e3d;background:#fff0f1}
.case-feedback{margin-top:12px;line-height:1.55;color:var(--med-muted)}
.source-list{display:grid;gap:10px}
.source-link{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 16px;border:1px solid var(--med-line);border-radius:12px;background:#fff;color:#17324d;font-weight:850;text-decoration:none}
.source-link span{color:#65778a;font-weight:600;font-size:.86rem}
.external-mark:after{content:" ↗"}
@media(max-width:980px){
  .med-hero-grid,.decision-lab{grid-template-columns:1fr}
  .med-grid,.med-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-strip{grid-template-columns:repeat(3,1fr)}
  .med-subnav{justify-content:flex-start;top:64px}
}
@media(max-width:620px){
  .med-hero-inner{padding:32px 18px 39px}
  .med-section{padding:34px 16px}
  .med-grid,.med-grid.two,.med-grid.five,.stat-strip,.answer-grid{grid-template-columns:1fr}
  .med-visual-meta{grid-template-columns:1fr}
}