/* Desktop craft: retain the established page cap, Arena density and roster posters.
   Eight scoped spacing corrections; no surface, palette or material changes. */
@media(min-width:901px){
 /* 1. Settings and support are reading/writing workspaces, not full-width fields. */
 .app-body .account-main{max-width:640px}
 .app-body #support-case-form{max-width:640px}
 .app-body #workspace:has(#support-case-form) .site-split{grid-template-columns:minmax(0,640px) minmax(240px,280px);max-width:952px;gap:32px}

 /* 2. The settings rail and its form share one measured gutter. */
 .app-body .account-layout{grid-template-columns:200px minmax(0,640px);gap:40px}
 .app-body .account-section-heading{padding-bottom:24px;margin-bottom:24px}

 /* 3. Align both home section headings and their first list rows. */
 .app-body .home-operating-grid{gap:32px;margin-top:16px}
 .app-body .home-operating-grid .section-top{min-height:44px;align-items:flex-start;margin-bottom:12px}
 .app-body .home-operating-grid .section-top h2{margin:0;line-height:1.5}
 .app-body .home-operating-grid>section>h2{min-height:44px;margin:0 0 12px;line-height:1.5}

 /* 4. The profile sidebar is supporting context, separated by one gutter. */
 .app-body .profile-overview{gap:32px}
 .app-body .profile-overview>.profile-aside{padding-left:24px}

 /* 5. Align cash and credit headings without changing their visual hierarchy. */
 .app-body .commerce-wallet-grid{gap:32px;padding-bottom:32px}
 .app-body .commerce-credits{padding:0 0 0 24px}
 .app-body .commerce-balance-breakdown{gap:32px;margin-bottom:16px}
 .app-body .commerce-section-heading{margin-top:32px;gap:16px}

 /* 6. Keep event information and entry review close, with balanced panel insets. */
 .app-body .event-layout:not(.event-layout-bracket){grid-template-columns:minmax(0,1fr) 288px;gap:32px}
 .app-body .event-entry-panel{padding:24px}
 .app-body .event-facts{gap:24px}

 /* 7. Related actions form compact clusters rather than scattered endpoints. */
 .app-body :is(.account-savebar>div,.commerce-balance-actions,.home-play>div>div){gap:12px;align-items:center}
 .app-body .commerce-balance-actions{margin:24px 0}
 .app-body .home-play>div>div{margin-top:24px}
 .app-body .account-savebar{gap:16px;padding-block:16px;margin-top:32px}

 /* 8. Matchfinder context, heading and filtering use a consistent section beat. */
 .app-body #workspace:has(.match-list) .team-context-bar{gap:16px;margin-bottom:24px;padding-bottom:16px}
 .app-body #workspace:has(.match-list) .browse-toolbar{margin-top:24px;gap:16px}
}
@media(min-width:901px) and (max-width:1100px){
 .app-body .account-layout{grid-template-columns:184px minmax(0,640px);gap:24px}
 .app-body .event-layout:not(.event-layout-bracket){grid-template-columns:minmax(0,1fr) 264px;gap:24px}
}