/* usage-summary — DESKTOP relayout (>=768px, scoped body.ptshell) — wallet standard:
   KEEP the coffee stats hero (contained rounded card) · width 1180/1240 like top-up ·
   2-up card grid. Mobile file (usage-summary.css) = SoT, untouched. */
@media (min-width:768px){
  body.ptshell{background:#F4F5F7}

  /* ---- HERO: keep the coffee stats card (match wallet-ledger/top-up), widen ---- */
  body.ptshell .hero{
    max-width:1180px;margin:8px auto 0;border-radius:24px;padding:28px 40px;
    box-shadow:0 28px 64px -36px rgba(40,20,0,.5)
  }

  /* ---- content: 1180 · 2-up grid of cards ---- */
  body.ptshell main.page{
    max-width:1180px;margin-inline:auto;padding:20px 0 48px;
    display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start
  }
  body.ptshell main.page>.card{margin-top:0;border:1px solid #E8EAEF;box-shadow:0 20px 46px -30px rgba(20,25,35,.28)}
}
@media (min-width:1280px){
  body.ptshell main.page,body.ptshell .hero{max-width:1240px}
}