/* Catenix free tools: shared styles. Uses the brand.css tokens. */
.tool-card{background:#fff;border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:28px;margin:22px 0}
.tool-card h2{margin-top:0}
.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}
.tool-actions .btn,.tool-actions .btn-ghost{cursor:pointer}
.tool-actions .btn-ghost{display:inline-flex;align-items:center;padding:10px 18px;border:1px solid var(--hairline-strong);border-radius:999px;background:#fff;font:600 15px/1.2 var(--sans);color:var(--ink);text-decoration:none}
.tool-actions .btn-ghost:hover{border-color:var(--ink)}
.tool-actions button.btn{font:600 16px/1.2 var(--sans);border:0}
.tool-card textarea{width:100%;min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;padding:12px;border:1px solid var(--hairline-strong);border-radius:var(--radius)}
.tool-card select{width:100%;font-size:16px;padding:12px;border:1px solid var(--hairline-strong);border-radius:var(--radius);background:#fff;color:var(--ink)}
.wg-row{display:grid;grid-template-columns:120px 1fr 1fr;gap:12px;align-items:end;margin:10px 0}
.wg-row strong{padding-bottom:14px}
.wg-rules{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0}
.wg-rules label{display:flex;gap:6px;align-items:center;font-size:15px}
.wg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wg-h{font-family:var(--sans);font-size:16px;margin:22px 0 6px}
.wg-h span{font-weight:400;color:var(--ink-faint);font-size:14px}
.wg-chart{overflow-x:auto;background:#fff;border:1px solid var(--hairline);border-radius:var(--radius);padding:8px}
.wg-chart svg{width:100%;height:auto;min-width:520px}
.wg-table-wrap{overflow-x:auto}
.wg-table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}
.wg-table th,.wg-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--hairline);vertical-align:top}
.wg-note{color:var(--ink-faint);font-size:15px}
.wg-sum{font-size:16px}
.wg-bad{color:#c62828}
.wg-ok{color:#2e7d32}
.wg-advice{background:var(--teal-soft,#e6f4f1);padding:12px 14px;border-radius:var(--radius)}
.wg-source{font-size:13px;color:var(--ink-faint)}
.hl7-pre{white-space:pre;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;background:#0a1f3d;color:#f6f3ec;padding:16px;border-radius:var(--radius)}
@media (max-width:720px){.wg-row{grid-template-columns:1fr}.wg-row strong{padding-bottom:0}.wg-grid{grid-template-columns:1fr}.tool-card{padding:18px}}