/* Scoped presentation of the fictional, read-only demonstration match. */
.demo-match-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,260px);align-items:center;gap:32px;padding:28px 30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,var(--notice-bg),var(--panel) 68%)}
.demo-match-label{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:7px;background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:750;letter-spacing:.06em}
.demo-match-copy h2{margin:13px 0 10px;font-size:clamp(24px,2.4vw,32px);line-height:1.2;letter-spacing:-.035em}
.demo-match-copy>p{max-width:720px;color:var(--muted);font-size:16px;line-height:1.65}
.demo-match-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.demo-match-actions .button{min-height:46px}
.demo-match-summary{padding:14px 0 14px 28px;border-left:1px solid var(--line);text-align:center}
.demo-match-summary>span{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.demo-match-summary>strong{display:flex;justify-content:center;align-items:center;gap:16px;margin:9px 0;font:600 72px/1 var(--display);font-variant-numeric:tabular-nums}
.demo-match-summary>strong i{font:400 38px/1 var(--display);color:var(--muted)}
.demo-match-summary p{font-size:15px;line-height:1.45}
.demo-match-summary small{display:block;margin-top:8px;color:var(--muted);font-size:14px}
.demo-match #professionalPanel{scroll-margin-top:24px}
@media(max-width:650px){.demo-match-banner{grid-template-columns:1fr;gap:14px;padding:16px}.demo-match-copy h2{margin:9px 0 6px;font-size:22px}.demo-match-copy>p{font-size:15px;line-height:1.45}.demo-match-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 14px;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;text-align:left}.demo-match-summary>strong{grid-column:1;grid-row:1/3;gap:7px;margin:0;font-size:38px}.demo-match-summary>strong i{font-size:24px}.demo-match-summary>span,.demo-match-summary p{grid-column:2;font-size:14px;line-height:1.4}.demo-match-summary>span{grid-row:1;letter-spacing:.03em}.demo-match-summary small{grid-column:1/-1;margin-top:5px}.demo-match-actions{gap:8px;margin-top:12px}.demo-match-actions .button{flex:1;text-align:center;min-width:130px;min-height:44px;padding-inline:10px;font-size:14px}}