.oncology-match{--om-ink:#071534;--om-paper:#fff8ee;color:var(--om-paper);background:var(--om-ink);padding:clamp(12px,3vw,28px);border:2px solid #ae80ff;border-radius:18px;font-family:Arial,sans-serif;max-width:100%;box-sizing:border-box}
.oncology-match *{box-sizing:border-box}
.oncology-match .om-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.oncology-match .om-header>div{flex:1 1 220px}
.oncology-match h2{font-size:clamp(24px,4vw,36px);margin:0 0 8px;color:inherit}
.oncology-match p{line-height:1.5}
.oncology-match .om-button,.oncology-match select{min-height:44px;border:2px solid #32d6ca;border-radius:10px;background:var(--om-paper);color:var(--om-ink);padding:10px 16px;font:700 16px Arial,sans-serif;cursor:pointer;max-width:100%}
.oncology-match .om-focus-tray{margin-top:16px;padding:16px;border:1px solid #ae80ff;border-radius:12px}
.oncology-match .om-selected-label{display:block;font-size:20px}
.oncology-match .om-focus-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.oncology-match .om-focus-choice{min-width:0;min-height:64px;background:var(--om-paper);color:var(--om-ink);border:2px solid #32d6ca;border-radius:10px;padding:12px;cursor:pointer;white-space:normal;word-break:normal;overflow-wrap:normal}
.oncology-match .om-focus-choice span,.oncology-match .om-focus-choice strong{display:block}
.oncology-match .om-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#0f1f44;margin:16px 0}
.oncology-match .om-metric{display:grid;text-align:center;gap:4px;padding:8px;border-right:1px solid #20345f}
.oncology-match .om-metric span{font-size:10px;letter-spacing:.1em;color:#a9badf}
.oncology-match .om-metric strong{font-size:18px}
.oncology-match .om-fact{border-color:#ae80ff}
.oncology-match :focus-visible{outline:3px solid #ffcb47;outline-offset:3px}
.oncology-match .om-backdrop{position:fixed;inset:0;z-index:100000;background:#06102ee6;display:grid;place-items:center;padding:20px}
.oncology-match .om-dialog{background:var(--om-paper);color:var(--om-ink);border:3px solid #ae80ff;border-radius:16px;padding:24px;width:min(100%,480px);max-height:90dvh;overflow:auto}
.oncology-match .om-dialog .om-button{display:block;width:100%;margin-top:12px}
.oncology-match .om-header .om-button{background:#182a52;color:#fff;border-color:#ff3d81}
/* Preserve a compact phone topbar with both controls together. */
@media (max-width:720px){
.oncology-match .om-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;min-height:58px}
.oncology-match .om-header>div{min-width:0}
.oncology-match h2{font-size:21px;margin:0 0 3px}
.oncology-match .om-header p{font-size:10px;line-height:1.3;margin:0}
.oncology-match .om-header .om-button{min-width:54px;min-height:44px;padding:7px;font-size:12px;border-radius:8px}
.oncology-match .om-metrics{margin:8px 0}
.oncology-match .om-metric{gap:2px;padding:7px 4px}
.oncology-match .om-metric span{font-size:8px}
.oncology-match .om-metric strong{font-size:15px}
.oncology-match .om-instructions{font-size:13px;line-height:1.4;margin:8px 0}
}