@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Patrick+Hand&display=swap";body{color:#33372f;background:#f9f7f0;margin:0;font-family:DM Sans,sans-serif}.usage{max-width:1200px;margin:auto;padding:26px}.usage header{align-items:center;gap:32px;display:flex}.usage header nav{flex:1;gap:20px;display:flex}.usage-logo{font:64px Patrick Hand,cursive;text-decoration:none}.usage-logo span{color:#df795e}.usage a{color:inherit}.usage h1{margin:28px 0 0;font:52px Patrick Hand,cursive}.usage h2{margin-top:34px;font:32px Patrick Hand,cursive}.usage button,.usage select{font:inherit;color:inherit;background:#fffdf7;border:1px solid #bcb9ad;border-radius:8px;padding:10px 14px}.filters{flex-wrap:wrap;align-items:center;gap:18px;margin:25px 0;display:flex}.filters label{align-items:center;gap:8px;display:flex}.muted{color:#77796f;font-size:14px}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metrics div{background:#fffdf7;border:1px solid #d7d2c4;border-radius:12px;padding:20px}.metrics strong{font:36px Patrick Hand,cursive;display:block}.metrics span{font-size:13px}.note{max-width:1000px;font-size:13px;line-height:1.6}.scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th,td{white-space:nowrap;border-bottom:1px solid #ddd8cc;padding:13px 12px}th{background:#eeebe1;font-weight:600}td a{text-underline-offset:4px;text-decoration-color:#df795e}.health{flex-wrap:wrap;gap:24px;display:flex}.health span{background:#eeebe1;border-radius:8px;padding:14px}@media (width<=700px){.usage{padding:18px}.metrics{grid-template-columns:repeat(2,1fr)}.usage h1{font-size:42px}.usage header{gap:20px}}