/* Compact Safety at a Glance card: docs/COMPACT_SAFETY_CARD_GUIDE.md structure, direction B styling. Static HTML; no JS required. */
.ctw-safety-card{--sc-surface:#fff;--sc-strip:#eef1f5;--sc-line:#d3d8e0;--sc-text:#0d1117;--sc-muted:#4b5563;--sc-accent:#0a6b72;--sc-warn:#8f5500;--sc-rule:#c27c0e;--sc-em-bg:#fdf0ef;--sc-em-line:#efc4bf;--sc-em-text:#a1251c;--sc-glow:none}
:root[data-ctw-theme=dark] .ctw-safety-card{--sc-surface:#0d1219;--sc-strip:#121a24;--sc-line:#253041;--sc-text:#e6edf3;--sc-muted:#9aa6b5;--sc-accent:#5ad7de;--sc-warn:#f6c97d;--sc-rule:#f6c97d;--sc-em-bg:#24120f;--sc-em-line:#5a2a24;--sc-em-text:#ffa69b;--sc-glow:0 0 14px rgba(246,201,125,.35)}
/* Follows the site theme (theme-init.js). Without JS the whole site, card included, stays light. */
.ctw-safety-card{font-family:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--sc-surface);color:var(--sc-text);border:1px solid var(--sc-line);border-top:4px solid var(--sc-rule);box-shadow:var(--sc-glow);border-radius:6px;margin:0 0 2rem;overflow:hidden;line-height:1.45;font-size:16px}
.ctw-safety-card *{box-sizing:border-box}
:where(.ctw-safety-card) :where(p,ul,dl,dd){margin:0;padding:0}
.ctw-safety-card a[href]{color:var(--sc-accent);text-decoration:underline;text-underline-offset:.15em}
.ctw-safety-card a:focus-visible{outline:3px solid var(--sc-accent);outline-offset:3px;border-radius:2px}
.ctw-sc-icon{flex:none;width:1.25rem;height:1.25rem;color:var(--sc-accent)}
.ctw-sc-head{display:flex;gap:.75rem;align-items:flex-start;padding:1rem 1.25rem .75rem}
.ctw-sc-head .ctw-sc-icon{color:var(--sc-warn);width:1.6rem;height:1.6rem;margin-top:.1rem}
.ctw-safety-card h2{margin:0;font-size:1.35rem;line-height:1.15;font-weight:700;letter-spacing:-.01em;color:var(--sc-text)}
.ctw-sc-subject,.ctw-sc-access-label,.ctw-sc-row dt,.ctw-sc-em-label,.ctw-sc-meta{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
.ctw-sc-subject{color:var(--sc-muted);margin-top:.2rem}
.ctw-sc-access{display:flex;gap:.75rem;align-items:flex-start;margin:0 1.25rem;padding:.7rem .9rem;background:var(--sc-strip);border:1px solid var(--sc-line);border-radius:4px}
.ctw-sc-access-label{color:var(--sc-muted);margin-bottom:.15rem}
.ctw-sc-access ul{list-style:none}
.ctw-sc-access li{font-weight:600;font-size:.98rem}
.ctw-sc-access li+li{margin-top:.2rem}
.ctw-sc-unverified{font-style:italic}
.ctw-sc-rows{padding:.35rem 1.25rem .6rem}
.ctw-sc-row{display:grid;grid-template-columns:minmax(10rem,13rem) minmax(0,1fr);gap:.4rem 1rem;padding:.6rem 0;border-bottom:1px solid var(--sc-line);align-items:baseline}
.ctw-sc-row:last-child{border-bottom:0}
.ctw-sc-row dt{display:flex;gap:.5rem;align-items:center;color:var(--sc-muted);font-weight:500}
.ctw-sc-row--risk dt .ctw-sc-icon,.ctw-sc-row--warning dt .ctw-sc-icon{color:var(--sc-em-text)}
.ctw-sc-row dd{font-weight:600;font-size:1.02rem}
.ctw-sc-ref{white-space:nowrap}
.ctw-sc-refs{font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:400;font-size:.72rem;color:var(--sc-muted);white-space:normal}
.ctw-sc-emergency{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem;padding:1rem 1.25rem;background:var(--sc-em-bg);border-top:1px solid var(--sc-em-line);border-bottom:1px solid var(--sc-em-line)}
.ctw-sc-em-col{display:flex;gap:.65rem;align-items:flex-start}
.ctw-sc-em-col .ctw-sc-icon{color:var(--sc-em-text);margin-top:.1rem}
.ctw-sc-em-label{color:var(--sc-em-text);font-weight:500}
.ctw-sc-em-main{font-size:1.15rem;font-weight:700;color:var(--sc-em-text);margin-top:.15rem}
.ctw-sc-emergency .ctw-sc-em-main a{color:var(--sc-em-text);display:inline-block;min-height:44px;padding:.35rem 0;text-decoration-thickness:1px}
.ctw-sc-em-text{color:var(--sc-text);font-size:.95rem}
.ctw-sc-urgent{grid-column:1/-1;font-size:.92rem;color:var(--sc-text);border-top:1px dashed var(--sc-em-line);padding-top:.6rem}
.ctw-sc-urgent--refs{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.72rem;color:var(--sc-muted)}
.ctw-sc-foot{padding:.8rem 1.25rem 1rem}
.ctw-sc-scope{font-weight:700}
.ctw-sc-scope a[href]{padding:.75rem 0}
.ctw-sc-meta{color:var(--sc-muted);font-size:.68rem;margin-top:.2rem}
@media(max-width:560px){.ctw-sc-head,.ctw-sc-rows,.ctw-sc-emergency,.ctw-sc-foot{padding-left:1rem;padding-right:1rem}.ctw-sc-access{margin:0 1rem}.ctw-sc-row{grid-template-columns:minmax(0,1fr);gap:.25rem}.ctw-sc-emergency{grid-template-columns:minmax(0,1fr)}}
@media(forced-colors:active){.ctw-safety-card{border:2px solid CanvasText}.ctw-sc-emergency{border:2px solid CanvasText}}
@media print{.ctw-safety-card{box-shadow:none;break-inside:avoid}}