.test-pill{display:block;width:max-content;margin:0 auto 22px;background:#e3eadf;color:#365438;font-size:11px;letter-spacing:1px;padding:4px 10px;border-radius:20px}.fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;min-width:0}.field input,.field select{width:100%;min-height:42px;min-width:0;padding:9px;border:1px solid #b9aa91;border-radius:5px;background:#fffdf7;color:var(--ink);font:14px system-ui}.field small{font-weight:400;color:var(--muted)}.checks{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;font-size:13px}.checks label{display:flex;align-items:center;gap:8px}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.results-grid section{margin:0}.result-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-head h2{margin:0}.result-value{font:bold 34px Georgia,serif;color:var(--wine);margin:16px 0 3px}.roll{font-size:18px;font-weight:700;color:var(--green);margin:0}.formula{padding:12px;background:#f1e9d9;border-radius:6px;font-size:13px;overflow-wrap:anywhere;margin:14px 0}.context-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.rules{margin-top:22px}.rules li{font-size:13px;margin:8px 0}.error{padding:15px;background:#f7e4e2;color:#852e28;margin-bottom:20px;border-radius:6px}[hidden]{display:none!important}select:focus-visible{outline:3px solid #b48c40;outline-offset:3px}.result-note{font-size:12px;color:var(--muted)}@media(max-width:800px){.fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.results-grid{grid-template-columns:1fr}main{padding:0 14px}.result-head h2{font-size:21px}.context-fields{grid-template-columns:1fr}.toolbar>div{width:100%}}
.results-grid > section { min-width: 0; overflow-wrap: anywhere; }
.result-head { flex-wrap: wrap; }
.result-head .pill { white-space: normal; overflow-wrap: anywhere; }
main { overflow-wrap: anywhere; }