:root{
  --font-display:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;
  --font-ui:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
  --font-score:"Cascadia Mono","Consolas",monospace;
}
html,body,input,select,textarea,button{font-family:var(--font-ui)}
body{font-size:16px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.brand b{font-family:var(--font-display);font-weight:760;letter-spacing:-.025em}
.brand b{letter-spacing:.045em}.brand small{font-family:var(--font-ui);letter-spacing:.01em}
button,.primary,.secondary,.topbar nav a,.linkbtn,.module-tabs a{font-family:var(--font-ui);font-weight:700}
.score-orbit strong,.console-score strong,.result-line-v2 strong,.score-box strong,.score-comparison b,.score-comparison strong,.match-pick strong{font-family:var(--font-score)}
p,li{line-height:1.68}.topbar nav a,.linkbtn{font-size:.9rem}
.module-tabs .tab-group a{font-size:.84rem}.panel-tools input,.panel-tools button,.panel-tools form>a{font-size:.875rem}
.match-teams b{font-size:.875rem}.match-teams span,.match-meta span{font-size:.8125rem}.explanation-card p{font-size:.9rem}
@media(max-width:680px){body{font-size:15px}.module-tabs .tab-group a{font-size:.8rem}}