/* Malady Wise calculators and comparison pages. Scoped to .cx */
.cx .pill{display:inline-block;font:600 12px var(--body);border:1px solid var(--brand);color:var(--brand);border-radius:999px;padding:3px 10px;margin:0 0 6px}
.cx .form{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0;min-width:0}
.cx .form .full{grid-column:1/-1}
.cx label{display:grid;gap:4px;font-size:13px;font-weight:600;color:var(--ink);min-width:0}
.cx label small{font-weight:400;color:var(--muted);font-size:12px}
.cx input[type=number],.cx input[type=date],.cx select{font:500 17px var(--body);width:100%;max-width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);min-height:44px}
.cx input:focus,.cx select:focus{outline:2px solid var(--brand);outline-offset:1px}
.cx .row{display:flex;gap:8px;min-width:0}
.cx .row>*{flex:1;min-width:0}
.cx .chips{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted)}
.cx .chip{font:600 13px var(--body);border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:7px 12px;cursor:pointer;min-height:36px}
.cx .chip[aria-pressed="true"]{background:var(--brand);color:var(--bg);border-color:var(--brand)}
.cx .checks{grid-column:1/-1;display:grid;gap:6px}
.cx .checks label{display:flex;align-items:flex-start;gap:10px;font-weight:500;font-size:15px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--bg);cursor:pointer;min-height:44px;box-sizing:border-box}
.cx .checks input{width:20px;height:20px;flex:0 0 auto;margin-top:1px;accent-color:var(--brand)}
.cx .checks b{color:var(--brand);font-weight:700;margin-left:auto;padding-left:8px;white-space:nowrap}
.cx .out{display:grid;gap:10px;margin:12px 0}
.cx .res{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:12px;padding:10px 14px;min-width:0;overflow-wrap:anywhere}
.cx .res h2,.cx .res h3{margin:2px 0 4px;font-size:15px}
.cx .cxbig,.cx .res p.cxbig{font:700 28px/1.2 var(--title);color:var(--brand);margin:2px 0}
.cx .res p,.cx .res li{font-size:14px;margin:3px 0}
.cx .res ul{margin:4px 0;padding-left:18px}
.cx .warn{color:#8A2F1C;font-weight:600}
html[data-theme="dark"] .cx .warn{color:#F0A898}
.cx .bands{list-style:none;padding:0;display:grid;gap:6px;margin:8px 0}
.cx .bands li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}
.cx .bands li.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.cx .bands b{display:block;font-size:13px;color:var(--muted);font-weight:600}
.cx .ms,.cx .res .ms{list-style:none;padding:0;display:grid;gap:6px;margin:6px 0}
.cx .ms li{border:1px solid var(--line);border-radius:10px;padding:7px 12px;font-size:14px;background:var(--bg)}
.cx .ms li.now{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.cx .ms li.past{opacity:.6}
.cx .ms li span{display:block;font-size:12.5px;color:var(--muted)}
.cx .answer{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:12px;padding:10px 14px;font-size:16px;line-height:1.55;margin:10px 0 16px}
.cx .vs{display:grid;gap:10px;margin:8px 0}
@media (min-width:640px){.cx .vs{grid-template-columns:1fr 1fr}}
.cx .vs section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 14px}
.cx .vs h3{margin:6px 0 2px;font-size:16px}
@media (max-width:380px){.cx .form{grid-template-columns:1fr;padding:12px}}