@layer theme,base;@layer components{.account-page{max-width:760px;padding:32px 0 48px}.account-page h1{overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(26px,4vw,34px)}.account-page h2{margin:28px 0 8px;font-size:20px}.account-tabs{scrollbar-width:none;border-bottom:1px solid var(--line);margin:0 -16px 20px;padding:0 16px;overflow-x:auto}.account-tabs ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.account-tabs a{min-height:48px;color:var(--ink-2);white-space:nowrap;border-bottom:3px solid #0000;align-items:center;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.account-tabs a:hover{color:var(--ink)}.account-tabs a[aria-current]{border-bottom-color:var(--brand);color:var(--brand-text)}.account-page .lead{color:var(--ink-2);margin:0 0 24px}.account-page .notice{border-radius:calc(12px * var(--r-box));background:#e9f3ec;margin:0 0 20px;padding:14px 16px}.account-page .notice.error{color:var(--off);background:#f6ecec}.account-page .notice.alert{color:var(--use);background:#fbf1e3}.account-page .facts{grid-template-columns:minmax(140px,auto) 1fr;gap:10px 20px;margin:0 0 24px;display:grid}.account-page .facts dt{color:var(--muted)}.account-page .facts dd{overflow-wrap:anywhere;margin:0}.account-page .ok{color:var(--ok);font-weight:600}.account-page .warn{color:var(--use);font-weight:600}.account-page .muted{color:var(--muted);margin:0 0 24px}.account-page .loans{margin:0 0 24px;padding:0;list-style:none}.account-page .loans li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:14px 0;display:flex}.account-page .loans a{font-weight:600}.account-page .loans .sub{color:var(--muted);font-size:14px}.account-page .loan-side{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.account-page .loans form{margin:0}.account-page .late{color:var(--off);font-weight:600}.account-page .ready{color:var(--ok);font-size:14px;font-weight:600}.account-page .owe{border-radius:calc(12px * var(--r-box));color:var(--use);background:#fbf1e3;margin:0 0 8px;padding:12px 16px;font-weight:600}.account-page .links{flex-wrap:wrap;gap:8px 24px;display:flex}@media (width<=719.98px){.account-page .facts{grid-template-columns:1fr;gap:2px}.account-page .facts dd{margin-bottom:10px}}}@layer utilities,blocks,template;
