/* ============================================
   Reasoning GP — Management Cards
   Visual "what to do next" pathways for an
   ALREADY-DIAGNOSED condition. Shared styling
   for every disease page under tools/management/.
   Standalone: defines its own tokens so each page
   only needs to link this file.
   ============================================ */

:root{
  --bg:#f7f6f3; --bg-soft:#efe9dc; --surface:#ffffff; --surface-2:#fbf8f1;
  --ink:#15202b; --ink-2:#2a3744; --muted:#6b7280; --muted-2:#94a3b8;
  --line:#e7e0d1; --line-2:#d8cfba;
  --teal:#0c4a47; --teal-2:#0e5c58; --teal-3:#18746f; --teal-soft:#d5e6e4;
  --rust:#b54c2b; --rust-2:#9b3e22; --rust-soft:#f7e3da;

  /* Management domain colour-coding */
  --m-found:   #475569;  --m-found-bg:#f1f5f9;  --m-found-bd:#e2e8f0;   /* foundation / target  */
  --m-life:    #15803d;  --m-life-bg: #f0fdf4;  --m-life-bd: #bbf7d0;   /* non-drug / lifestyle */
  --m-drug:    #0f766e;  --m-drug-bg: #f0fdfa;  --m-drug-bd: #99f6e4;   /* medication           */
  --m-monitor: #1d4ed8;  --m-monitor-bg:#eff6ff;--m-monitor-bd:#bfdbfe; /* monitoring           */
  --m-follow:  #b45309;  --m-follow-bg:#fffbeb; --m-follow-bd:#fde68a;  /* follow-up            */
  --m-safety:  #b91c1c;  --m-safety-bg:#fef2f2; --m-safety-bd:#fecaca;  /* safety-net           */
  --m-refer:   #6d28d9;  --m-refer-bg:#f5f3ff;  --m-refer-bd:#ddd6fe;   /* refer to 2ry care    */

  --m-line:#c3b9a4;   /* spine connector */
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'DM Sans',system-ui,-apple-system,sans-serif;
  background:var(--bg);color:var(--ink);font-size:15px;line-height:1.6;min-height:100vh;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.mg-wrap{max-width:1080px;margin:0 auto;padding:24px 22px 80px}
@media(max-width:760px){.mg-wrap{padding:18px 14px 64px}}

/* ---------- STEM BANNER ---------- */
.mg-stem{
  display:flex;gap:15px;align-items:center;
  padding:16px 20px;border-radius:14px;margin-bottom:18px;
  background:linear-gradient(135deg,#0c4a47 0%,#0e5c58 100%);color:#f3ede0;
}
.mg-stem .mg-stem-ic{
  width:50px;height:50px;border-radius:12px;flex-shrink:0;
  background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:24px;
}
.mg-stem-eyebrow{
  font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:#9ec9c4;margin-bottom:3px;
}
.mg-stem b{display:block;font-family:'Source Serif 4',Georgia,serif;font-weight:500;font-size:23px;line-height:1.12}
.mg-stem small{display:block;font-size:13px;color:rgba(243,237,224,.78);line-height:1.5;margin-top:4px;max-width:74ch}

/* ---------- AT-A-GLANCE STRIP ---------- */
.mg-glance{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;
  margin-bottom:22px;
}
.mg-glance .gi{background:var(--surface);padding:11px 15px;display:flex;flex-direction:column;gap:2px}
.mg-glance .gi-lbl{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mg-glance .gi-val{font-family:'Source Serif 4',Georgia,serif;font-size:17px;font-weight:600;color:var(--ink);line-height:1.15;font-feature-settings:"tnum"}
.mg-glance .gi-sub{font-size:11px;color:var(--muted);line-height:1.35}

/* ---------- LEGEND ---------- */
.mg-legend{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:6px}
.mg-legend .lg{
  display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;
  padding:3px 10px;border-radius:99px;border:1px solid currentColor;
}
.lg-found{color:var(--m-found);background:var(--m-found-bg)}
.lg-life{color:var(--m-life);background:var(--m-life-bg)}
.lg-drug{color:var(--m-drug);background:var(--m-drug-bg)}
.lg-monitor{color:var(--m-monitor);background:var(--m-monitor-bg)}
.lg-follow{color:var(--m-follow);background:var(--m-follow-bg)}
.lg-safety{color:var(--m-safety);background:var(--m-safety-bg)}
.lg-refer{color:var(--m-refer);background:var(--m-refer-bg)}
.lg .lg-dot{width:8px;height:8px;border-radius:50%;background:currentColor}

/* ---------- THE SPINE ---------- */
.mg-flow{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:8px}

/* vertical connector with arrowhead */
.mg-arrow{
  align-self:center;width:2px;height:30px;background:var(--m-line);position:relative;
  flex-shrink:0;
}
.mg-arrow::after{
  content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);
  width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;
  border-top:8px solid var(--m-line);
}
.mg-arrow.short{height:20px}
.mg-arrow .arrow-lbl{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);white-space:nowrap;
  font-size:11px;font-weight:600;color:var(--muted);background:var(--bg);padding:2px 8px;
  border:1px solid var(--line);border-radius:99px;
}

/* ---------- STEP NODE ---------- */
.mg-node{
  position:relative;background:var(--surface);border:1px solid var(--line);
  border-left:5px solid var(--m-found);border-radius:14px;padding:16px 20px 16px;
  box-shadow:0 1px 2px rgba(20,30,40,.04);
}
.mg-node-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mg-node-num{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;
  font-weight:700;font-size:15px;background:var(--m-found-bg);color:var(--m-found);
  font-feature-settings:"tnum";
}
.mg-node-tag{
  font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  padding:2px 9px;border-radius:99px;border:1px solid currentColor;
}
.mg-node h3{font-family:'Source Serif 4',Georgia,serif;font-weight:500;font-size:19px;line-height:1.18;color:var(--ink);flex:1;min-width:180px}
.mg-node-sub{font-size:13px;color:var(--ink-2);line-height:1.55;margin-top:10px}
.mg-node-sub strong{color:var(--ink)}

/* domain skins */
.mg-node[data-d="found"]  {border-left-color:var(--m-found)}
.mg-node[data-d="found"]   .mg-node-num{background:var(--m-found-bg);color:var(--m-found)}
.mg-node[data-d="found"]   .mg-node-tag{color:var(--m-found);background:var(--m-found-bg);border-color:var(--m-found-bd)}
.mg-node[data-d="life"]   {border-left-color:var(--m-life)}
.mg-node[data-d="life"]    .mg-node-num{background:var(--m-life-bg);color:var(--m-life)}
.mg-node[data-d="life"]    .mg-node-tag{color:var(--m-life);background:var(--m-life-bg);border-color:var(--m-life-bd)}
.mg-node[data-d="drug"]   {border-left-color:var(--m-drug)}
.mg-node[data-d="drug"]    .mg-node-num{background:var(--m-drug-bg);color:var(--m-drug)}
.mg-node[data-d="drug"]    .mg-node-tag{color:var(--m-drug);background:var(--m-drug-bg);border-color:var(--m-drug-bd)}
.mg-node[data-d="monitor"]{border-left-color:var(--m-monitor)}
.mg-node[data-d="monitor"] .mg-node-num{background:var(--m-monitor-bg);color:var(--m-monitor)}
.mg-node[data-d="monitor"] .mg-node-tag{color:var(--m-monitor);background:var(--m-monitor-bg);border-color:var(--m-monitor-bd)}
.mg-node[data-d="follow"] {border-left-color:var(--m-follow)}
.mg-node[data-d="follow"]  .mg-node-num{background:var(--m-follow-bg);color:var(--m-follow)}
.mg-node[data-d="follow"]  .mg-node-tag{color:var(--m-follow);background:var(--m-follow-bg);border-color:var(--m-follow-bd)}
.mg-node[data-d="safety"] {border-left-color:var(--m-safety)}
.mg-node[data-d="safety"]  .mg-node-num{background:var(--m-safety-bg);color:var(--m-safety)}
.mg-node[data-d="safety"]  .mg-node-tag{color:var(--m-safety);background:var(--m-safety-bg);border-color:var(--m-safety-bd)}
.mg-node[data-d="refer"]  {border-left-color:var(--m-refer)}
.mg-node[data-d="refer"]   .mg-node-num{background:var(--m-refer-bg);color:var(--m-refer)}
.mg-node[data-d="refer"]   .mg-node-tag{color:var(--m-refer);background:var(--m-refer-bg);border-color:var(--m-refer-bd)}

/* ---------- KEY/VALUE GRID ---------- */
.mg-kv{display:grid;grid-template-columns:150px 1fr;gap:7px 16px;margin-top:12px}
.mg-kv > dt{font-size:11px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:700;padding-top:3px}
.mg-kv > dd{font-size:13.5px;color:var(--ink-2);line-height:1.5}
.mg-kv > dd strong{color:var(--ink)}
@media(max-width:560px){.mg-kv{grid-template-columns:1fr;gap:1px}.mg-kv>dt{margin-top:8px}}

/* ---------- PILLS ---------- */
.pill{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 10px;border-radius:99px;margin:1px 1px;line-height:1.5;white-space:nowrap}
.pill-teal{background:#f0fdfa;color:#0f766e;border:1px solid #99f6e4}
.pill-blue{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}
.pill-green{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
.pill-amber{background:#fffbeb;color:#a16207;border:1px solid #fde68a}
.pill-red{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.pill-purple{background:#f5f3ff;color:#5b21b6;border:1px solid #ddd6fe}
.pill-grey{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}

/* ---------- DECISION DIAMOND / SPLIT ---------- */
.mg-decision{
  align-self:center;max-width:560px;width:100%;
  background:var(--surface);border:1.5px dashed var(--m-found);border-radius:14px;
  padding:13px 18px;text-align:center;position:relative;
}
.mg-decision .dec-q{font-family:'Source Serif 4',Georgia,serif;font-size:16px;font-weight:500;color:var(--ink);line-height:1.3}
.mg-decision .dec-q::before{content:"◆";color:var(--m-found);font-size:12px;margin-right:8px;vertical-align:middle}
.mg-decision .dec-note{font-size:12px;color:var(--muted);margin-top:4px}

/* two-way branch under a decision */
.mg-branch2{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-self:stretch}
@media(max-width:640px){.mg-branch2{grid-template-columns:1fr}}
.mg-branch2 .bcol{display:flex;flex-direction:column;align-items:center;gap:0}
.mg-branch2 .bcond{
  font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:99px;margin-bottom:8px;
  display:inline-flex;align-items:center;gap:6px;
}
.bcond.yes{background:var(--m-life-bg);color:var(--m-life);border:1px solid var(--m-life-bd)}
.bcond.no{background:var(--m-follow-bg);color:var(--m-follow);border:1px solid var(--m-follow-bd)}
.mg-branch2 .bdrop{width:2px;height:14px;background:var(--m-line);position:relative}
.mg-branch2 .bdrop::after{content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--m-line)}

/* ---------- DRUG LADDER ---------- */
.mg-ladder{display:flex;flex-direction:column;gap:0;margin-top:14px}
.mg-rung{
  border:1px solid var(--m-drug-bd);border-radius:12px;background:var(--m-drug-bg);
  padding:13px 15px;position:relative;
}
.mg-rung-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mg-rung-step{
  font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  background:var(--m-drug);color:#fff;padding:3px 11px;border-radius:99px;flex-shrink:0;
}
.mg-rung-title{font-size:15px;font-weight:700;color:var(--ink)}
.mg-rung-when{font-size:12px;color:var(--m-drug);font-weight:600;margin-left:auto}
.mg-rung-body{font-size:13px;color:var(--ink-2);line-height:1.55;margin-top:8px}
.mg-rung-body ul{margin:4px 0 0;padding-left:18px}
.mg-rung-body li{margin-bottom:3px}
.mg-rung-down{align-self:center;width:2px;height:22px;background:var(--m-drug);opacity:.5;position:relative;margin:0 auto}
.mg-rung-down::after{content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--m-drug)}
.mg-rung-down .rd-lbl{position:absolute;left:14px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:10.5px;font-weight:600;color:var(--m-drug);background:var(--m-drug-bg);padding:1px 7px;border-radius:99px;border:1px solid var(--m-drug-bd)}

/* branch cards inside a rung (step 1 split / step 4 K+ split) */
.mg-splits{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin-top:10px}
.mg-split{background:#fff;border:1px solid var(--m-drug-bd);border-radius:10px;padding:10px 12px}
.mg-split .sp-cond{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--m-drug);line-height:1.35}
.mg-split .sp-drug{font-size:15px;font-weight:700;color:var(--ink);margin-top:4px}
.mg-split .sp-note{font-size:12px;color:var(--ink-2);line-height:1.45;margin-top:4px}

/* ---------- TILE GRID (lifestyle / safety / refer) ---------- */
.mg-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px;margin-top:12px}
.mg-tile{border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.45;border:1px solid}
.mg-tile b{display:block;font-size:12px;font-weight:700;margin-bottom:3px}
.mg-tile .tline{display:block;margin-top:3px;font-size:11.5px;color:var(--muted)}
.mg-tile-life{background:var(--m-life-bg);border-color:var(--m-life-bd);color:#14532d}
.mg-tile-life b{color:var(--m-life)}
.mg-tile-safety{background:var(--m-safety-bg);border-color:var(--m-safety-bd);color:#7f1d1d}
.mg-tile-safety b{color:var(--m-safety)}
.mg-tile-refer{background:var(--m-refer-bg);border-color:var(--m-refer-bd);color:#4c1d95}
.mg-tile-refer b{color:var(--m-refer)}

/* a measurable lifestyle target badge */
.mg-tile .target{display:inline-block;font-size:10.5px;font-weight:700;background:#fff;border:1px solid var(--m-life-bd);color:var(--m-life);border-radius:99px;padding:1px 8px;margin-top:5px}
.mg-tile .effect{display:inline-block;font-size:10.5px;font-weight:700;color:#fff;background:var(--m-life);border-radius:99px;padding:1px 8px;margin-top:5px;margin-left:3px}

/* ---------- TABLE ---------- */
.mg-table-wrap{margin-top:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
table.mg-table{width:100%;border-collapse:collapse;font-size:12.5px}
table.mg-table th{background:var(--m-found-bg);text-align:left;padding:8px 12px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--line)}
table.mg-table td{padding:8px 12px;border-bottom:1px solid var(--line);color:var(--ink-2);line-height:1.45;vertical-align:top}
table.mg-table tr:last-child td{border-bottom:none}
table.mg-table tbody tr:nth-child(even){background:var(--surface-2)}
table.mg-table td b,table.mg-table td strong{color:var(--ink)}

/* ---------- FOLLOW-UP TIMELINE ---------- */
.mg-timeline{margin-top:14px;display:flex;flex-direction:column;gap:0;position:relative;padding-left:8px}
.mg-tl-item{display:grid;grid-template-columns:30px 1fr;gap:14px;position:relative;padding-bottom:16px}
.mg-tl-item:last-child{padding-bottom:0}
.mg-tl-item::before{content:"";position:absolute;left:14px;top:26px;bottom:-2px;width:2px;background:var(--m-follow-bd)}
.mg-tl-item:last-child::before{display:none}
.mg-tl-dot{width:30px;height:30px;border-radius:50%;background:var(--m-follow-bg);border:2px solid var(--m-follow-bd);color:var(--m-follow);display:grid;place-items:center;font-size:13px;font-weight:700;z-index:1}
.mg-tl-body h5{font-size:13.5px;font-weight:700;color:var(--ink)}
.mg-tl-body p{font-size:12.5px;color:var(--ink-2);line-height:1.5;margin-top:2px}
.mg-tl-when{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--m-follow);background:var(--m-follow-bg);border:1px solid var(--m-follow-bd);border-radius:99px;padding:1px 8px;display:inline-block;margin-bottom:3px}

/* ---------- THE "NOT RESPONDING" LOOP ---------- */
.mg-loop{
  align-self:stretch;background:var(--m-follow-bg);border:1.5px solid var(--m-follow-bd);
  border-radius:14px;padding:15px 18px;position:relative;
}
.mg-loop-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.mg-loop-head .li-ic{font-size:20px}
.mg-loop-head b{font-family:'Source Serif 4',Georgia,serif;font-size:17px;font-weight:500;color:#7c4a06}
.mg-loop-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-top:6px}
.mg-loop-check{background:#fff;border:1px solid var(--m-follow-bd);border-radius:9px;padding:8px 11px;font-size:12px;color:#7c4a06;line-height:1.4}
.mg-loop-check b{display:block;font-size:11px;font-weight:700;color:var(--m-follow);margin-bottom:2px}
.mg-loop-back{
  margin-top:11px;display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:#7c4a06;
  background:#fff;border:1px dashed var(--m-follow);border-radius:99px;padding:7px 14px;
}
.mg-loop-back svg{width:17px;height:17px;flex-shrink:0;stroke:var(--m-follow)}

/* ---------- WHY DRAWER ---------- */
.mg-why{margin-top:11px}
.mg-why-btn{
  font:inherit;font-size:12px;font-weight:600;color:var(--ink-2);background:transparent;
  border:1px solid var(--line-2);border-radius:99px;padding:4px 13px;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;transition:.15s ease;
}
.mg-why-btn:hover{border-color:var(--ink-2)}
.mg-why-btn[aria-expanded="true"]{background:var(--teal);border-color:var(--teal);color:#fff}
.mg-why-body{display:none;margin-top:9px;padding:11px 15px;background:#f8fafc;border:1px solid var(--line);border-left:3px solid var(--ink-2);border-radius:8px;font-size:12.5px;color:var(--ink-2);line-height:1.6}
.mg-why-body.open{display:block}
.mg-why-body strong{color:var(--ink)}

/* counselling line */
.mg-say{margin-top:10px;font-size:12.5px;font-style:italic;color:var(--teal-2);background:var(--teal-soft);border-radius:0 9px 9px 0;border-left:3px solid var(--teal-3);padding:8px 13px;line-height:1.55}
.mg-say::before{content:"\201C"}
.mg-say::after{content:"\201D"}

/* warning callout */
.mg-warn{margin-top:11px;font-size:12.5px;color:#7f1d1d;background:var(--m-safety-bg);border:1px solid var(--m-safety-bd);border-radius:9px;padding:9px 13px;line-height:1.5}
.mg-warn b{color:var(--m-safety)}

/* ---------- FOOTNOTE ---------- */
.mg-foot{margin-top:34px;padding:14px 18px;background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;font-size:12px;color:var(--muted);line-height:1.55}
.mg-foot strong{color:var(--ink-2)}

/* ---------- PRINT — dense two-column, minimum pages ---------- */
@media print{
  @page{size:A4 portrait;margin:7mm 8mm 8mm}
  html,body{background:#fff !important;font-size:9px;line-height:1.3}
  .mg-wrap{padding:0 !important;max-width:none !important}
  /* drop chrome + the explanatory "Why?" extras to keep it to the core algorithm */
  .mg-nav,.alg-topbar,.mg-why,.mg-why-btn,.mg-why-body{display:none !important}
  *{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;box-shadow:none !important}

  /* compact masthead */
  .mg-stem{padding:6px 10px !important;margin-bottom:6px !important;border-radius:5px !important;background:#0c4a47 !important;gap:9px !important}
  .mg-stem .mg-stem-ic{width:26px;height:26px;font-size:14px;border-radius:7px}
  .mg-stem-eyebrow{font-size:7px !important;margin-bottom:1px !important}
  .mg-stem b{font-size:13px !important}
  .mg-stem small{font-size:7.5px !important;line-height:1.3 !important;max-width:none !important}

  .mg-glance{margin-bottom:6px !important;border-radius:6px !important}
  .mg-glance .gi{padding:4px 8px !important}
  .mg-glance .gi-lbl{font-size:7px !important}
  .mg-glance .gi-val{font-size:11px !important}
  .mg-glance .gi-sub{font-size:7px !important}
  .mg-legend{margin-bottom:6px !important;gap:4px !important}
  .mg-legend .lg{font-size:7.5px !important;padding:1px 7px !important}

  /* TWO-COLUMN packed flow — fills each column fully before moving on */
  .mg-flow{display:block !important;column-count:2;column-gap:7px;column-fill:auto}

  /* collapse decorative connectors — step numbers preserve the order */
  .mg-arrow,.mg-rung-down,.mg-branch2 .bdrop{display:none !important}

  /* small units stay whole; large nodes may flow across columns to fill pages */
  .mg-rung,.mg-tile,.mg-split,.mg-tl-item,.mg-decision,.mg-loop-check,
  .mg-branch2 .bcol,table.mg-table tr{
    break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;
  }
  .mg-node,.mg-loop,.mg-branch2,.mg-ladder{break-inside:auto}

  .mg-node{border-radius:6px !important;padding:7px 9px !important;margin:0 0 6px !important;border-left-width:4px !important}
  .mg-node-head{gap:7px !important}
  .mg-node h3{font-size:11px !important;min-width:0 !important;line-height:1.15 !important}
  .mg-node-num{width:18px !important;height:18px !important;font-size:9px !important}
  .mg-node-tag{font-size:7px !important;padding:1px 6px !important}
  .mg-node-sub{font-size:8.5px !important;margin-top:5px !important;line-height:1.35 !important}

  .mg-decision{padding:6px 10px !important;margin:0 0 6px !important;border-radius:6px !important;max-width:none !important}
  .mg-decision .dec-q{font-size:10px !important}
  .mg-decision .dec-note{font-size:7.5px !important}

  .mg-branch2{display:block !important;margin:0 !important}
  .mg-branch2 .bcol{margin-bottom:6px !important}
  .mg-branch2 .bcond{font-size:8px !important;padding:2px 8px !important;margin-bottom:4px !important}

  /* drug ladder */
  .mg-ladder{gap:5px !important;margin-top:7px !important}
  .mg-rung{padding:7px 9px !important;border-radius:7px !important;margin-bottom:5px}
  .mg-rung-step{font-size:8px !important;padding:2px 8px !important}
  .mg-rung-title{font-size:10px !important}
  .mg-rung-when{font-size:7.5px !important}
  .mg-rung-body{font-size:8.5px !important;margin-top:4px !important;line-height:1.35 !important}
  .mg-rung-body ul{padding-left:13px !important}
  .mg-splits{grid-template-columns:1fr !important;gap:4px !important;margin-top:5px !important}
  .mg-split{padding:5px 8px !important;border-radius:7px}
  .mg-split .sp-cond{font-size:7.5px !important}
  .mg-split .sp-drug{font-size:10px !important;margin-top:2px !important}
  .mg-split .sp-note{font-size:8px !important;margin-top:2px !important;line-height:1.3 !important}

  /* tiles → single column within the narrow page-column */
  .mg-tiles{grid-template-columns:1fr !important;gap:4px !important;margin-top:6px !important}
  .mg-tile{padding:5px 8px !important;font-size:8px !important;line-height:1.3 !important;border-radius:7px}
  .mg-tile b{font-size:8px !important;margin-bottom:1px !important}
  .mg-tile .target,.mg-tile .effect{font-size:7px !important;padding:0 6px !important;margin-top:3px !important}

  /* tables */
  .mg-table-wrap{margin-top:6px !important;border-radius:6px}
  table.mg-table th{padding:3px 7px !important;font-size:7px !important}
  table.mg-table td{padding:3px 7px !important;font-size:8px !important;line-height:1.3 !important}

  /* key/value */
  .mg-kv{grid-template-columns:84px 1fr !important;gap:1px 8px !important;margin-top:5px !important}
  .mg-kv>dt{font-size:7px !important;padding-top:1px !important}
  .mg-kv>dd{font-size:8.5px !important}
  .pill{font-size:7.5px !important;padding:0 5px !important}

  /* timeline */
  .mg-timeline{margin-top:6px !important}
  .mg-tl-item{grid-template-columns:20px 1fr !important;gap:8px !important;padding-bottom:7px !important}
  .mg-tl-item::before{left:9px !important;top:18px !important}
  .mg-tl-dot{width:20px !important;height:20px !important;font-size:9px !important}
  .mg-tl-when{font-size:7px !important;padding:0 6px !important}
  .mg-tl-body h5{font-size:8.5px !important}
  .mg-tl-body p{font-size:8px !important;line-height:1.3 !important}

  /* not-responding loop */
  .mg-loop{padding:7px 9px !important;border-radius:7px !important;margin:0 0 6px !important}
  .mg-loop-head{margin-bottom:4px !important}
  .mg-loop-head b{font-size:10px !important}
  .mg-loop-head .li-ic{font-size:13px !important}
  .mg-loop-steps{grid-template-columns:1fr !important;gap:4px !important}
  .mg-loop-check{padding:4px 8px !important;font-size:7.5px !important;line-height:1.3 !important}
  .mg-loop-back{font-size:8px !important;padding:4px 10px !important;margin-top:6px !important}

  .mg-say{font-size:8px !important;padding:4px 9px !important;margin-top:5px !important}
  .mg-warn{font-size:8px !important;padding:4px 9px !important;margin-top:5px !important}

  .mg-foot{margin-top:7px !important;font-size:7px !important;padding:5px 9px !important;break-inside:avoid}
  h3,h4,h5{page-break-after:avoid;break-after:avoid}
}