/* ====================================================
   Reasoning GP — Case page styles
   Shared by all individual case pages (flagship + stubs)
   ==================================================== */

/* ---------- Persistent left Table of Contents (desktop) ---------- */
.case-layout{ display:grid; grid-template-columns:288px minmax(0,1fr); gap:36px; align-items:start; }
.case-toc{
  position:sticky;
  top:calc(var(--rgp-nav-h, 116px) + 14px);
  align-self:start;
  max-height:calc(100vh - var(--rgp-nav-h, 116px) - 30px);
  overflow:auto; padding:4px;
  background:#fff; border:1px solid #eef2f7; border-radius:18px;
  box-shadow:0 10px 30px rgba(15,37,64,.06);
}
.case-toc-back{
  display:inline-flex; align-items:center; gap:7px;
  font-size:12px; font-weight:600; color:var(--teal); text-decoration:none;
  padding:9px 14px 4px; transition:.15s ease;
}
.case-toc-back:hover{ color:var(--rust); }
.case-toc-back svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
body.mode-sca .case-toc-back{ color:var(--rust); }

/* Header card */
.case-toc-card{
  display:flex; align-items:flex-start; gap:13px;
  background:linear-gradient(180deg,#eef4ff,#f4f8ff); border:1px solid #e3edff;
  border-radius:14px; padding:16px 16px; margin:6px 8px 14px;
}
.case-toc-card .ctc-ic{
  flex-shrink:0; width:42px; height:42px; border-radius:11px;
  background:#dbe7ff; color:#3b6fd4; display:grid; place-items:center;
}
.case-toc-card .ctc-ic svg{ width:20px; height:20px; }
.case-toc-card .ctc-text b{ display:block; font-family:'Source Serif 4',Georgia,serif; font-size:18px; font-weight:600; color:#1e293b; line-height:1.15; }
.case-toc-card .ctc-text small{ display:block; font-size:12px; color:#64748b; margin-top:3px; line-height:1.35; }

.case-toc-list{ display:flex; flex-direction:column; gap:2px; padding:0 8px; }
.case-toc-link{
  display:flex; align-items:center; gap:12px;
  padding:11px 12px; border-radius:12px;
  border-left:3px solid transparent;
  font-size:13.5px; font-weight:600; letter-spacing:.02em; text-transform:uppercase;
  color:#475569; text-decoration:none; transition:.13s ease;
}
.case-toc-link:hover{ background:#f6f9fe; color:#1e293b; }
.case-toc-link.active{
  background:#eaf1ff; border-left-color:#3b6fd4; color:#1e3a8a;
}
body.mode-sca .case-toc-link.active{ background:var(--rust-soft); border-left-color:var(--rust); color:var(--rust-2); }
.case-toc-link .ctl-ic{ font-size:17px; width:22px; text-align:center; flex-shrink:0; }
.case-toc-link .ctl-t{ flex:1; min-width:0; line-height:1.25; }
.case-toc-link .ctl-n{
  flex-shrink:0; width:26px; height:26px; border-radius:50%;
  background:#f1f5f9; color:#64748b;
  display:grid; place-items:center; font-size:12px; font-weight:700; letter-spacing:0;
  text-transform:none; transition:.13s ease;
}
.case-toc-link.active .ctl-n{ background:#dbe7ff; color:#2563eb; }
body.mode-sca .case-toc-link.active .ctl-n{ background:var(--rust-soft); color:var(--rust-2); }

.case-toc-foot{
  display:flex; align-items:center; justify-content:space-between;
  margin:12px 8px 6px; padding:13px 14px 6px;
  border-top:1px solid #eef2f7; font-size:12px; color:#64748b;
}
.case-toc-foot .ctf-cur{ display:inline-flex; align-items:center; gap:7px; }
.case-toc-foot .ctf-dot{ width:9px; height:9px; border-radius:50%; background:#3b6fd4; }
body.mode-sca .case-toc-foot .ctf-dot{ background:var(--rust); }

/* Desktop: show the TOC, hide the horizontal dropdown nav */
@media(min-width:981px){ .case-nav{ display:none !important; } }
/* Mobile/tablet: single column, hide TOC, keep the dropdown nav */
@media(max-width:980px){ .case-layout{ display:block; } .case-toc{ display:none; } }


/* ---------- CASE NAV (drop-down section nav under the topic) ---------- */
.case-nav{
  position:sticky;
  top: var(--case-head-h, 64px);   /* sits directly under case-head */
  z-index:25;
  background:var(--surface);
  border-bottom:1px solid var(--line);
  box-shadow: 0 2px 8px rgba(20,30,40,.04);
}
.case-nav-row{
  max-width:1200px;margin:0 auto;
  padding:8px 28px;
  display:flex;align-items:center;gap:10px;
}
.case-nav-back{
  display:inline-flex;align-items:center;gap:6px;flex-shrink:0;
  font-family:inherit;font-size:13px;font-weight:600;color:var(--teal);text-decoration:none;
  padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;white-space:nowrap;
}
.case-nav-back:hover{ color:var(--rust);border-color:var(--rust); }
.case-nav-back svg{ width:15px;height:15px; }
body.mode-sca .case-nav-back{ color:var(--rust); }
@media(max-width:520px){ .case-nav-back span{ display:none; } }
.case-nav-trigger{
  display:inline-flex;align-items:center;gap:8px;
  font-family:inherit;font-size:13px;font-weight:600;
  color:var(--ink);
  background:var(--bg-soft);
  border:1px solid var(--line);
  padding:7px 14px 7px 12px;border-radius:99px;
  cursor:pointer;
  transition:.15s ease;
  flex-shrink:0;
}
.case-nav-trigger:hover{background:var(--teal-soft);border-color:var(--teal-soft);color:var(--teal)}
.case-nav-trigger .cn-ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.case-nav-trigger .cn-caret{
  width:10px;height:10px;display:inline-block;
  border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg);margin-left:3px;margin-bottom:3px;
  transition:transform .2s ease;
}
.case-nav-trigger.is-open .cn-caret{transform:rotate(-135deg);margin-bottom:-3px}

.case-nav-pills{
  display:flex;gap:5px;flex-wrap:wrap;align-items:center;flex:1;min-width:0;
}
.case-nav-pill{
  font-family:inherit;font-size:12px;font-weight:600;
  color:var(--muted);background:transparent;border:none;
  padding:5px 11px;border-radius:99px;cursor:pointer;
  white-space:nowrap;
  transition:.15s ease;
}
.case-nav-pill:hover{background:var(--bg-soft);color:var(--ink)}
.case-nav-pill.active{background:var(--teal);color:#f6f2e9}
.case-nav-pill .cn-pill-n{
  font-family:'Source Serif 4',serif;font-style:italic;opacity:.6;margin-right:3px;
}
@media(max-width:900px){.case-nav-pills{display:none}}

/* The drop-down drawer */
.case-nav-drawer{
  display:none;
  position:absolute;left:0;right:0;top:100%;
  background:var(--surface);border-top:1px solid var(--line);
  box-shadow: 0 8px 24px rgba(20,30,40,.10);
  padding:18px 28px 22px;
  z-index:30;
}
.case-nav-drawer.is-open{display:block}
.cnd-grid{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;
}
.cnd-item{
  display:flex;align-items:flex-start;gap:10px;
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--r-md);padding:10px 14px;
  text-decoration:none;color:var(--ink);
  transition:.12s ease;
}
.cnd-item:hover{background:var(--bg-soft);border-color:var(--line-2);color:var(--teal)}
.cnd-item.active{background:var(--teal-soft);border-color:var(--teal-soft);color:var(--teal)}
.cnd-num{
  font-family:'Source Serif 4',serif;font-size:22px;font-weight:500;
  color:var(--rust);line-height:1;flex-shrink:0;min-width:18px;
}
.cnd-text b{
  font-family:'DM Sans',sans-serif;font-size:13.5px;font-weight:600;color:var(--ink);
  display:block;line-height:1.2;
}
.cnd-text small{font-size:11.5px;color:var(--muted);display:block;margin-top:2px;line-height:1.4}
.cnd-item.active .cnd-text b{color:var(--teal)}

/* Reading progress bar */
.case-progress{
  position:absolute;bottom:-1px;left:0;height:2px;background:var(--rust);
  transition:width .15s linear;
}

/* ---------- (rest of case styles below) ---------- */

/* Case header strip */
.case-head{
  background:rgba(251,248,241,.92);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  padding:14px 28px;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:14px;
  position:sticky;top:0;z-index:30;
}
.case-head .ch-cat{
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rust);margin-bottom:2px;
}
.case-head h1{
  font-family:'Source Serif 4',serif;font-size:21px;font-weight:500;
  color:var(--ink);line-height:1.15;
}
.case-head-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* Quick reference number strip */
.numstrip-2{
  background:var(--teal);color:#f6f2e9;
  padding:8px 28px;display:flex;gap:0;flex-wrap:wrap;font-size:12.5px;
}
.numstrip-2 .ns2-item{
  padding:2px 16px;border-right:1px solid rgba(255,255,255,.15);
}
.numstrip-2 .ns2-item:last-child{border-right:none}
.numstrip-2 .ns2-item b{
  display:block;color:#fff;font-size:13.5px;font-weight:600;
}
.numstrip-2 .ns2-item span{
  color:rgba(255,255,255,.65);font-size:11px;
}

/* Page body wrapper */
.case-body{
  max-width:1200px;margin:0 auto;
  padding:28px 28px 60px;
}
@media (max-width:700px){.case-body{padding:18px 16px 40px}}

/* Stem */
.stem{
  background:var(--teal);
  color:#f3ede0;
  border-radius:var(--r-lg);
  padding:22px 26px;
  margin-bottom:22px;
  border-left:5px solid var(--mustard);
}
.stem .stem-lbl{
  font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.6);margin-bottom:8px;
}
.stem h2{
  font-family:'Source Serif 4',serif;color:#fff;
  font-size:1.5rem;font-weight:500;line-height:1.25;margin-bottom:10px;
}
.stem .stem-quote{
  font-style:italic;font-size:14px;line-height:1.6;
  color:rgba(255,255,255,.88);
  border-left:2px solid rgba(255,255,255,.25);
  padding-left:14px;margin-bottom:8px;
}
.stem .stem-note{font-size:12.5px;color:rgba(255,255,255,.65);line-height:1.55}

/* Step */
.step{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:0;
  margin-bottom:18px;
  overflow:hidden;
  box-shadow:var(--shadow-1);
}
.step-head{
  display:flex;align-items:center;gap:14px;
  padding:16px 22px;
  border-bottom:1px solid var(--line);
  background:var(--surface-2);
}
.step-num{
  width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;flex-shrink:0;
  font-family:'Source Serif 4',serif;font-weight:500;font-size:18px;
  color:#fff;
  background:var(--teal);
}
.step-num.n1{background:#6d28d9}
.step-num.n2{background:#b91c1c}
.step-num.n3{background:#0e5c58}
.step-num.n4{background:#b45309}
.step-num.n5{background:#0369a1}
.step-num.n6{background:#be123c}
.step-num.n7{background:#15803d}
.step-head-text{flex:1}
.step-head-text .lbl{
  font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);
}
.step-head-text h3{
  font-family:'Source Serif 4',serif;font-weight:500;font-size:1.25rem;
  color:var(--ink);margin-top:2px;line-height:1.2;
}
.step-body{padding:18px 22px 22px}
.step-intro{
  background:var(--bg-soft);
  border:1px solid var(--line);
  border-left:3px solid var(--teal);
  border-radius:var(--r-sm);
  padding:12px 16px;margin-bottom:18px;
  font-size:13px;color:var(--ink-2);line-height:1.6;
}
.step-intro strong{color:var(--ink)}

.sub-h{
  display:flex;align-items:center;gap:10px;margin:22px 0 10px;
  font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);
}
.sub-h::after{content:"";flex:1;height:1px;background:var(--line)}

/* Card */
.c-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-md);overflow:hidden;
}
.c-card-h{
  padding:11px 16px;border-bottom:1px solid var(--line);
  background:var(--surface-2);
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-2);
  display:flex;align-items:center;gap:8px;
}

/* Reasoning table */
.rtbl{width:100%;border-collapse:collapse;font-size:13.5px}
.rtbl thead th{
  background:var(--surface-2);
  font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:var(--muted);padding:10px 16px;text-align:left;
  border-bottom:1px solid var(--line);
}
.rtbl td{
  padding:11px 16px;border-bottom:1px solid var(--line);
  vertical-align:top;line-height:1.55;
}
.rtbl tr:last-child td{border-bottom:none}
.rtbl tr:hover td{background:var(--bg-soft)}
.rtbl .q{font-weight:500}
.rtbl .q em{display:block;font-style:italic;font-size:12.5px;color:var(--b);margin-top:3px;font-weight:400}
.rtbl .why{font-size:12.5px;line-height:1.55;color:var(--ink-2)}
.rtbl .why-sub{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}

/* Open Q row */
.open-q-row{background:var(--g-bg) !important}
.open-q-row td{border-left:3px solid var(--g) !important}

/* Red Flag block */
.rflags{
  background:var(--r-bg);
  border:1px solid var(--r-bd);
  border-radius:var(--r-md);overflow:hidden;
}
.rflags-h{
  background:#fecaca;padding:10px 16px;
  display:flex;align-items:center;gap:10px;
}
.rflags-h h4{font-size:13px;color:var(--r);font-weight:700;font-family:'DM Sans',sans-serif}
.rflags table{width:100%;border-collapse:collapse}
.rflags th{
  background:rgba(185,28,28,.08);
  font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:var(--r);padding:9px 16px;text-align:left;border-bottom:1px solid var(--r-bd);
}
.rflags td{
  padding:10px 16px;border-bottom:1px solid var(--r-bd);
  font-size:12.5px;vertical-align:top;line-height:1.5;
}
.rflags tr:last-child td{border-bottom:none}
.rflags .rf-flag{font-weight:600;color:var(--r)}
.rflags .rf-why{color:#7f1d1d;font-size:12px}
.rf-act{
  font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;
  display:inline-block;white-space:nowrap;
}
.rf-act.t999{background:var(--r);color:#fff}
.rf-act.tsame{background:#f97316;color:#fff}
.rf-act.tweek{background:var(--a);color:#fff}

/* Triage 3-col */
.triage3{
  display:grid;grid-template-columns:1fr 1fr 1fr;
  border-radius:var(--r-md);overflow:hidden;
  box-shadow:var(--shadow-1);
}
@media (max-width:820px){.triage3{grid-template-columns:1fr}}
.tri{padding:16px 18px}
.tri-e{background:var(--r-bg);border-right:1px solid var(--r-bd)}
.tri-u{background:var(--a-bg);border-right:1px solid var(--a-bd)}
.tri-r{background:var(--g-bg)}
@media (max-width:820px){.tri{border-right:none !important;border-bottom:1px solid var(--line)}.tri-r{border-bottom:none}}
.tri-lbl{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.tri-e .tri-lbl{color:var(--r)} .tri-u .tri-lbl{color:var(--a)} .tri-r .tri-lbl{color:var(--g)}
.tri h4{
  font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;
  margin-bottom:6px;
}
.tri-e h4{color:var(--r)} .tri-u h4{color:var(--a)} .tri-r h4{color:var(--g)}
.tri ul{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0}
.tri li{
  font-size:12.5px;padding-left:20px;position:relative;line-height:1.5;
}
.tri li strong{display:block;font-weight:600}
.tri li em{font-style:normal;color:var(--muted);font-size:11.5px}
.tri-e li::before{content:"🚨";position:absolute;left:0;font-size:10px;top:1px}
.tri-u li::before{content:"⚠";position:absolute;left:0;font-size:10px;top:1px}
.tri-r li::before{content:"✓";position:absolute;left:0;color:var(--g);font-weight:700;font-size:11px;top:0}

/* ICE block */
.ice3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:760px){.ice3{grid-template-columns:1fr}}
.ice{
  border-radius:var(--r-md);padding:14px 16px;border:1px solid;
}
.ice.i-i{background:var(--p-bg);border-color:var(--p-bd)}
.ice.i-c{background:var(--b-bg);border-color:var(--b-bd)}
.ice.i-e{background:var(--a-bg);border-color:var(--a-bd)}
.ice .ice-lbl{
  font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  margin-bottom:6px;
}
.i-i .ice-lbl{color:var(--p)} .i-c .ice-lbl{color:var(--b)} .i-e .ice-lbl{color:var(--a)}
.ice .ice-q{
  font-style:italic;font-size:13px;line-height:1.55;
  border-left:3px solid;padding-left:10px;
}
.i-i .ice-q{border-color:var(--p-bd)} .i-c .ice-q{border-color:var(--b-bd)} .i-e .ice-q{border-color:var(--a-bd)}
.ice-why{font-size:11.5px;color:var(--muted);margin-top:6px;line-height:1.5}

/* SCA checkpoint */
.sca-cp2{
  background:var(--teal);
  border-radius:var(--r-md);padding:16px 20px;margin-top:14px;
}
.sca-cp2-h{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.sca-cp2-lbl{
  font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.55);
}
.sca-dom-tag2{
  font-size:11px;font-weight:600;padding:2px 9px;border-radius:99px;
  background:rgba(255,255,255,.15);color:#fff;
}
.sca-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:640px){.sca-grid2{grid-template-columns:1fr}}
.sca-blk{
  background:rgba(255,255,255,.07);border-radius:8px;padding:11px 14px;
}
.sca-blk .blk-t{
  font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  margin-bottom:6px;
}
.sca-blk.say .blk-t{color:#86efac}
.sca-blk.avoid .blk-t{color:#fca5a5}
.sca-blk p,.sca-blk li{
  font-size:12.5px;color:rgba(255,255,255,.85);line-height:1.55;
}
.sca-blk ul{list-style:none;padding:0}
.sca-blk.say li::before{content:"✓ ";color:#86efac;font-weight:700}
.sca-blk.avoid li::before{content:"✗ ";color:#fca5a5;font-weight:700}
.sca-quote{
  font-style:italic;font-size:12.5px;color:#e2e8f0;
  background:rgba(255,255,255,.06);
  border-left:2px solid rgba(255,255,255,.2);
  padding:8px 12px;border-radius:0 6px 6px 0;
  line-height:1.55;margin-top:4px;
}
.rag-strip2{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;
  padding-top:12px;border-top:1px solid rgba(255,255,255,.12);
}
.rag-it{
  background:rgba(255,255,255,.05);border-radius:8px;padding:9px 13px;
  flex:1;min-width:160px;
}
.rag-it.r{border-left:2px solid #fca5a5}
.rag-it.a{border-left:2px solid #fde68a}
.rag-it.g{border-left:2px solid #86efac}
.rag-it-t{
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:rgba(255,255,255,.5);margin-bottom:4px;
}
.rag-it p{font-size:11.5px;color:rgba(255,255,255,.78);line-height:1.5}

/* 2-col grid */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:760px){.grid2{grid-template-columns:1fr}}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
@media(max-width:900px){.grid3{grid-template-columns:1fr}}

/* Stub banner */
.stub-banner{
  background:var(--mustard-soft);border:1px solid #f0d899;
  border-left:4px solid var(--mustard);
  border-radius:var(--r-md);padding:14px 18px;margin-bottom:24px;
  display:flex;align-items:center;gap:14px;
}
.stub-banner-ic{font-size:22px}
.stub-banner h4{
  font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;color:#8a630e;
  margin-bottom:2px;
}
.stub-banner p{font-size:13px;color:#5e4308;line-height:1.5}

/* Plain language / lay box */
.lay-box{
  background:#fefce8;border:1px solid #fde68a;
  border-left:4px solid #ca8a04;border-radius:var(--r-sm);
  padding:14px 18px;margin:14px 0;
}
.lay-box .lay-lbl{
  font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:#92400e;margin-bottom:6px;
}
.lay-box p{
  font-size:13px;color:#451a03;line-height:1.65;font-style:italic;
  margin-bottom:8px;
}
.lay-box p:last-child{margin-bottom:0}

/* Mode visibility */
body.mode-sca .clinic-only{display:none !important}
body.mode-clinic .sca-only{display:none !important}

/* Page footer */
.case-footer{
  text-align:center;padding:24px 16px;color:var(--muted);font-size:12px;
  border-top:1px solid var(--line);margin-top:32px;
}
.case-footer p{margin-bottom:4px}
.case-footer strong{color:var(--ink-2)}

/* Sources panel */
.sources{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-md);padding:16px 20px;margin-top:24px;
}
.sources h4{
  font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;
}
.sources ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}
.sources li{font-size:13px;color:var(--ink-2);padding-left:18px;position:relative;line-height:1.55}
.sources li::before{
  content:"";position:absolute;left:0;top:8px;width:8px;height:1px;background:var(--rust);
}
.sources li b{color:var(--ink)}


/* ---------- SCA SUMMARY · Drug Quick-Pick (horizontal grid, full width under 3-col summary) ---------- */
.drug-pick-row{margin-top:1rem}
.drug-pick-row .sum-sub-hdr{margin-bottom:.4rem}
/* Render each .sdp-row as a contiguous grid row so condition / arrow / pill / note
   align in tidy columns across the whole table. */
.sca-drug-pick{
  display:grid !important;
  grid-template-columns: minmax(220px,1.6fr) auto minmax(160px,1fr) minmax(0,1.6fr) !important;
  column-gap:14px;
  row-gap:8px;
  align-items:center;
  background:#f8fafc;
  border:1px solid var(--line, #e2e8f0);
  border-radius:8px;
  padding:.85rem 1rem;
  overflow-x:auto;
}
.sca-drug-pick .sdp-row{
  display:contents;
}
.sca-drug-pick .sdp-cond{
  font-size:12px; color:#1a2332; line-height:1.4; padding:0;
  font-weight:500;
}
.sca-drug-pick .sdp-arrow{
  color:var(--muted, #6b7280); text-align:center; font-weight:700;
}
.sca-drug-pick .sdp-pill{
  font-size:11.5px; font-weight:700;
  padding:3px 10px; border-radius:12px;
  white-space:nowrap; text-align:center;
  justify-self:start;
}
.sca-drug-pick .sdp-note{
  font-size:11px; color:var(--muted, #6b7280); line-height:1.4;
  white-space:normal;
}
.sca-drug-pick .sdp-pivot{
  grid-column: 1 / -1;
  font-size:11.5px; font-weight:600;
  background:#0f2540; color:#86efac;
  padding:.45rem .8rem; border-radius:6px;
  margin-top:.3rem; line-height:1.5;
}
@media (max-width:760px){
  .sca-drug-pick{
    grid-template-columns: 1fr auto auto !important;
  }
  .sca-drug-pick .sdp-note{
    grid-column: 1 / -1; padding-left:0; color:#475569;
    border-top:1px dashed var(--line, #e2e8f0); padding-top:6px; margin-bottom:4px;
  }
}