/* Seven columns cannot be 44px wide at 320px: retain >=44px height, avoid overflow. */
#account {box-sizing:border-box;font:16px/1.5 system-ui;background:#f6faf5;border:1px solid #657c6c;border-radius:12px;}
#account .account-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;}
#account .account-day{min-width:0;min-height:68px;padding:3px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#213b30;border:1px solid #7b8e80;border-radius:6px;font:inherit;}
#account .account-day small{font-size:11px;line-height:1.3;}
#account .account-day[aria-current]{border:2px solid #806022;}
#account .account-day:disabled{color:#647366;background:#e7ece6;}
#account .account-weekday{text-align:center;font-size:11px;}
#account .account-calendar-nav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;}
#account button,#account select,#account summary{min-height:44px;font:inherit;}
#account select{max-width:100%;display:block;}
#account button:focus-visible,#account select:focus-visible,#account summary:focus-visible{outline:3px solid #806022;outline-offset:2px;}
#account .account-passage{border-top:1px solid #b8c5b8;padding:12px 0;}
#account .account-passage h4{margin:4px 0;font-size:18px;}
#account .account-recorded-total{font-size:23px;font-weight:600;}
#account .account-content>div{min-width:0;}
@media(max-width:400px){#account{padding:14px;width:calc(100vw - 16px);}}
#account { width:min(92vw,640px); max-height:85dvh; overflow:auto; padding:24px; color:var(--ink,#213b30); } .account-content { display:grid; gap:16px; } .account-content form { display:grid; gap:14px; } .account-content label { display:block; line-height:1.5; } .account-content input:not([type=checkbox]) { display:block; width:100%; box-sizing:border-box; min-height:44px; font:inherit; padding:10px; border:1px solid #66786e; border-radius:6px; } .account-content input[type=checkbox] { margin-right:10px; width:20px; height:20px; vertical-align:middle; } .account-content button { min-height:44px; } .account-content details { padding:16px 0; border-top:1px solid #aeb9ad; } .account-content summary { cursor:pointer; font-weight:600; } .account-content blockquote { margin:12px 0; line-height:1.6; } .account-content p { line-height:1.55; } .account-fingerprint { overflow-wrap:anywhere; font-size:12px; } #account [role=status] { line-height:1.5; }