/* Cardiology Pharmacology Guide - guide-local card system. */
#pharm{--pharm-blue:#23566f;--pharm-teal:#1f6f68;--pharm-purple:#66508a;--pharm-gold:#9a6a00;--pharm-danger:#9b2226}
#pharm .page{overflow:hidden}
#pharm .band{margin-top:6px}
#pharm .mono,#pharm .dose{font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:650}
#pharm .pharm-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;padding:5px 8px;border:1px solid var(--rule-hair);background:var(--paper-warm);font-size:6.4pt;line-height:1.25}
#pharm .pharm-kicker b{color:var(--ink)}
#pharm .atlas-callout{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:7px 9px;border:1px solid #a9c2cc;border-left:5px solid var(--pharm-blue);background:#edf5f7;color:var(--ink-2);font-size:6.3pt;line-height:1.25}
#pharm .atlas-callout div{display:flex;align-items:baseline;gap:7px}
#pharm .atlas-callout b{color:var(--ink);font-size:7pt}
#pharm .atlas-callout a{flex:none;padding:4px 7px;border-radius:3px;background:var(--pharm-blue);color:#fff;font:800 5.6pt/1.2 "JetBrains Mono",ui-monospace,monospace;text-decoration:none;text-transform:uppercase;letter-spacing:.03em}
#pharm .atlas-callout a:focus-visible{outline:3px solid var(--guide-red);outline-offset:2px}
#pharm .scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:5px}
#pharm .scope-card{border:1px solid var(--rule-hair);border-top:4px solid var(--pharm-blue);background:#fff;padding:5px 7px;font-size:6.35pt;line-height:1.22}
#pharm .scope-card:nth-child(2){border-top-color:var(--pharm-teal)}
#pharm .scope-card:nth-child(3){border-top-color:var(--pharm-purple)}
#pharm .scope-card:nth-child(4){border-top-color:var(--pharm-gold)}
#pharm .scope-card b{display:block;font-size:7pt;margin-bottom:2px}
#pharm .legend{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:4px}
#pharm .legend>div{border:1px solid var(--rule-hair);padding:4px 5px;background:#fff;font-size:6.05pt;line-height:1.18}
#pharm .legend strong{display:block;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:5.7pt;letter-spacing:.05em;color:var(--guide-red);text-transform:uppercase;margin-bottom:1px}
#pharm .evidence-key{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:4px}
#pharm .evidence-key>div{padding:5px 7px;border:1px solid var(--rule-hair);background:#fff;font-size:6.25pt;line-height:1.22}
#pharm .evidence-key b{display:block;color:var(--ink);font-size:6.8pt;margin-bottom:1px}
#pharm .finder{border:1px solid var(--rule-hair);background:#fff;padding:7px 9px;margin-top:5px}
#pharm .finder label{display:block;font-weight:800;font-size:7pt;margin-bottom:3px}
#pharm .finder input{box-sizing:border-box;width:100%;min-height:34px;border:1px solid var(--ink);border-radius:4px;padding:6px 9px;background:#fff;color:var(--ink);font:700 8pt/1.2 "Hanken Grotesk",sans-serif}
#pharm .finder input:focus-visible{outline:3px solid var(--guide-red);outline-offset:2px}
#pharm .finder-help{margin-top:3px;color:var(--ink-3);font-size:6.1pt}
#pharm .finder-results{display:grid;grid-template-columns:repeat(4,1fr);gap:3px 6px;max-height:108px;overflow:auto;margin-top:5px;padding-top:5px;border-top:1px solid var(--rule-hair)}
#pharm .finder-results a{display:block;padding:2px 4px;border-left:2px solid var(--pharm-blue);color:var(--ink);text-decoration:none;font-size:6.1pt;line-height:1.18}
#pharm .finder-results a:hover{background:var(--tint);color:var(--guide-red-deep)}
#pharm .alpha-index{columns:4;column-gap:14px;margin-top:5px}
#pharm .alpha-group{break-inside:avoid;margin:0 0 5px}
#pharm .alpha-group h3{margin:0 0 2px;padding-bottom:1px;border-bottom:2px solid var(--ink);font:800 7.4pt/1.1 "Hanken Grotesk",sans-serif;color:var(--guide-red)}
#pharm .alpha-group a{display:block;padding:1.2px 0;color:var(--ink-2);font-size:5.85pt;line-height:1.18;text-decoration:none}
#pharm .alpha-group a b{color:var(--ink)}
#pharm .section-note{margin-top:4px;padding:4px 7px;border-left:4px solid var(--pharm-blue);background:#f3f7f8;font-size:6.2pt;line-height:1.22}
#pharm .section-note.warn{border-left-color:var(--pharm-danger);background:#fff3f2}
#pharm .moa-link-set{float:right;display:inline-flex;flex-wrap:wrap;gap:3px;margin:-2px 0 0 8px}
#pharm .moa-link{padding:2px 4px;border:1px solid #9eb9c4;border-radius:2px;background:#fff;color:var(--pharm-blue);font:800 5pt/1.15 "JetBrains Mono",ui-monospace,monospace;text-decoration:none;text-transform:uppercase;letter-spacing:.025em}
#pharm .moa-link:hover{border-color:var(--guide-red);color:var(--guide-red-deep)}
#pharm .moa-link:focus-visible{outline:2px solid var(--guide-red);outline-offset:1px}

/* Four canonical cards per printed chapter. */
#pharm .pharm-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;margin-top:5px;min-height:740px}
#pharm .drugcard{min-width:0;border:1px solid var(--rule-hair);background:#fff;display:flex;flex-direction:column;overflow:hidden;break-inside:avoid}
#pharm .drughead{display:grid;grid-template-columns:minmax(105px,.62fr) minmax(0,1fr);gap:6px;align-items:center;min-height:34px;padding:4px 7px;background:var(--ink);color:#fff;border-bottom:3px solid var(--guide-red)}
#pharm .drughead.teal{border-bottom-color:var(--pharm-teal)}
#pharm .drughead.blue{border-bottom-color:var(--pharm-blue)}
#pharm .drughead.purple{border-bottom-color:var(--pharm-purple)}
#pharm .drughead.gold{border-bottom-color:var(--pharm-gold)}
#pharm .drug-name{min-width:0;font-weight:800;font-size:8.8pt;line-height:1.02;letter-spacing:-.01em;overflow-wrap:break-word}
#pharm .drug-name .brand{display:block;margin-top:2px;color:#cfcdc6;font-size:5.5pt;line-height:1.1;font-weight:650;letter-spacing:.05em;text-transform:uppercase}
#pharm .drug-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
#pharm .status{display:inline-flex;align-items:center;justify-content:flex-end;max-width:100%;white-space:normal;text-align:right;padding:1px 4px;border-radius:2px;background:#fff;color:var(--ink);font:800 5.2pt/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase}
#pharm .status.offlabel{background:#fff0bf;color:#6d4d00}
#pharm .status.withdrawn{background:#ffe1df;color:#7d171b}
#pharm .status.nonus{background:#ddeaf0;color:#17495f}
#pharm .status.new{background:#dff1e5;color:#17552d}
#pharm .drug-class{max-width:100%;overflow-wrap:break-word;color:#cfcdc6;font:650 5.05pt/1.1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.035em;text-transform:uppercase}
#pharm .drugbody{display:flex;flex-direction:column;flex:1;padding:3px 7px 5px}
#pharm .drugrow{display:grid;grid-template-columns:49px minmax(0,1fr);gap:5px;padding:2.25px 0;border-bottom:1px dotted var(--rule-soft);font-size:6.15pt;line-height:1.22}
#pharm .drugrow:last-child{border-bottom:0}
#pharm .drugrow .lab{padding-top:.5px;color:var(--guide-red);font:800 5.15pt/1.18 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.045em;text-transform:uppercase}
#pharm .drugrow .val{min-width:0;color:var(--ink-2);overflow-wrap:anywhere}
#pharm .drugrow .val b{color:var(--ink);font-weight:750}
#pharm .drugrow[data-field="guideline"]{background:#f7f8f8;margin-inline:-7px;padding-inline:7px}
#pharm .drugrow[data-field="adverse"] .lab{color:var(--pharm-danger)}
#pharm .drugrow[data-field="pearl"] .lab{color:var(--pharm-purple)}
#pharm .cor{display:inline-block;margin-right:2px;padding:1px 3px;border-radius:2px;background:var(--pharm-blue);color:#fff;font:800 5pt/1.15 "JetBrains Mono",ui-monospace,monospace;white-space:nowrap}
#pharm .cor.na{background:#70777c}
#pharm .cor.harm{background:var(--pharm-danger)}
#pharm cite.cite{font-size:.82em}

/* Appendices. */
#pharm table.pharm-table{width:100%;border-collapse:collapse;margin-top:4px}
#pharm table.pharm-table th,#pharm table.pharm-table td{padding:3px 5px;border:1px solid var(--rule-hair);vertical-align:top;font-size:6.2pt;line-height:1.2}
#pharm table.pharm-table th{background:var(--ink);color:#fff;text-align:left;font-size:5.55pt;letter-spacing:.04em;text-transform:uppercase}
#pharm table.pharm-table td:first-child{font-weight:750;color:var(--ink)}
#pharm .trap-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:4px}
#pharm .trap{border:1px solid var(--rule-hair);border-left:4px solid var(--pharm-danger);padding:4px 7px;background:#fff;font-size:6.25pt;line-height:1.22}
#pharm .trap b{color:var(--ink)}
#pharm .source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:4px}
#pharm .source-card{border:1px solid var(--rule-hair);background:#fff;padding:5px 7px;font-size:6.15pt;line-height:1.2}
#pharm .source-card h3{margin:0 0 2px;color:var(--guide-red);font-size:6.8pt}
#pharm .source-card p{margin:0}

@media screen{
  #pharm .page{overflow:visible}
  #pharm .band{margin-top:14px}
  #pharm .mono,#pharm .dose{overflow-wrap:anywhere}
  #pharm .pharm-kicker{gap:12px;margin-top:12px;padding:10px 12px;font-size:14px;line-height:1.45}
  #pharm .atlas-callout{gap:14px;margin-top:12px;padding:12px 14px;font-size:14px;line-height:1.45}
  #pharm .atlas-callout div{flex-wrap:wrap;gap:6px 10px;min-width:0}
  #pharm .atlas-callout b{font-size:16px}
  #pharm .atlas-callout a{display:inline-flex;min-height:44px;align-items:center;padding:9px 12px;border-radius:6px;font-size:13px}
  #pharm .scope-grid,#pharm .legend,#pharm .evidence-key,#pharm .source-grid{gap:10px;margin-top:10px}
  #pharm .scope-card,#pharm .legend>div,#pharm .evidence-key>div,#pharm .source-card{padding:10px 12px;font-size:14px;line-height:1.45}
  #pharm .scope-card b{font-size:16px;margin-bottom:4px}
  #pharm .legend strong{font-size:13px;line-height:1.35;margin-bottom:3px}
  #pharm .evidence-key b{font-size:15px;margin-bottom:3px}
  #pharm .finder{margin-top:12px;padding:14px}
  #pharm .finder label{margin-bottom:6px;font-size:14px}
  #pharm .finder input{min-height:48px;padding:10px 12px;border-radius:6px;font-size:16px;line-height:1.35}
  #pharm .finder-help{margin-top:6px;font-size:14px;line-height:1.45}
  #pharm .finder-results{gap:6px 10px;max-height:240px;margin-top:10px;padding-top:10px}
  #pharm .finder-results a{display:block;min-height:44px;padding:8px 10px;font-size:14px;line-height:1.35}
  #pharm .alpha-index{columns:3;column-gap:24px;margin-top:14px}
  #pharm .alpha-group{margin-bottom:12px}
  #pharm .alpha-group h3{margin-bottom:4px;padding-bottom:3px;font-size:18px;line-height:1.2}
  #pharm .alpha-group a{padding:5px 0;font-size:14px;line-height:1.4}
  #pharm .section-note{margin-top:12px;padding:10px 12px;font-size:15px;line-height:1.5}
  #pharm .moa-link-set{gap:6px}
  #pharm .moa-link{display:inline-flex;min-height:44px;align-items:center;padding:7px 9px;border-radius:4px;font-size:13px;line-height:1.25}

  /* Screen cards are deliberately linear: one medication per readable row. */
  #pharm .pharm-grid{display:block;min-height:0;margin-top:12px}
  #pharm .drugcard{margin-top:14px;overflow:visible}
  #pharm .drughead{grid-template-columns:minmax(220px,.72fr) minmax(0,1fr);gap:16px;min-height:64px;padding:11px 16px}
  #pharm .drug-name{font-size:20px;line-height:1.18}
  #pharm .drug-name .brand{margin-top:4px;font-size:13px;line-height:1.3}
  #pharm .drug-meta{min-width:0;gap:6px}
  #pharm .status{padding:4px 8px;border-radius:4px;font-size:14px;line-height:1.25}
  #pharm .drug-class{font-size:14px;line-height:1.3}
  #pharm .drugbody{padding:6px 16px 10px}
  #pharm .drugrow{grid-template-columns:minmax(130px,.23fr) minmax(0,1fr);gap:16px;padding:11px 0;font-size:16px;line-height:1.5}
  #pharm .drugrow .lab{padding-top:2px;font-size:14px;line-height:1.35}
  #pharm .drugrow .val{max-width:100%;overflow-wrap:anywhere}
  #pharm .drugrow[data-field="guideline"]{margin-inline:-16px;padding-inline:16px}
  #pharm .cor{max-width:100%;margin-right:5px;padding:3px 6px;border-radius:4px;font-size:13px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
  #pharm cite.cite{font-size:.9em}

  #pharm table.pharm-table{margin-top:10px}
  #pharm table.pharm-table th,#pharm table.pharm-table td{padding:8px 10px;font-size:15px;line-height:1.45}
  #pharm table.pharm-table th{font-size:14px}
  #pharm .trap-grid{gap:10px;margin-top:10px}
  #pharm .trap{padding:10px 12px;font-size:15px;line-height:1.45}
  #pharm .source-card h3{margin-bottom:4px;font-size:16px}
}

@media screen and (max-width:1024px){
  #pharm .alpha-index{columns:2}
  #pharm .finder-results{grid-template-columns:1fr 1fr}
  #pharm .scope-grid,#pharm .legend,#pharm .evidence-key,#pharm .source-grid{grid-template-columns:1fr 1fr}
  #pharm .moa-link-set{float:none;display:flex;margin:10px 0 0}
  #pharm .atlas-callout{align-items:flex-start;flex-direction:column}
  #pharm .atlas-callout div{align-items:flex-start;flex-direction:column}
  #pharm .drughead{grid-template-columns:minmax(170px,.65fr) minmax(0,1fr)}
  #pharm .drugrow{grid-template-columns:minmax(112px,.25fr) minmax(0,1fr);gap:12px}
}
@media screen and (max-width:560px){
  #pharm .alpha-index{columns:1}
  #pharm .finder-results,#pharm .scope-grid,#pharm .legend,#pharm .evidence-key,#pharm .source-grid,#pharm .trap-grid{grid-template-columns:1fr}
  #pharm .drughead{grid-template-columns:1fr;gap:10px;align-items:start}
  #pharm .drug-meta{align-items:flex-start;text-align:left}
  #pharm .status{justify-content:flex-start;text-align:left}
  #pharm .drugrow{grid-template-columns:1fr;gap:4px}
  #pharm .drugrow .lab{padding-top:0}
}
@media print{
  #pharm .finder{display:none}
  #pharm .atlas-callout,#pharm .moa-link-set{display:none !important}
  #pharm .pharm-grid{display:grid !important}
  #pharm .drugcard{margin:0}
}

#pharm .finder-count{grid-column:1/-1;margin:0;padding:4px;font-weight:700}

#pharm cite.cite + cite.cite::before{content:",";margin-right:1px}
