.mail-title{font-size:clamp(32px,4vw,52px)}.mail-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;margin:24px 0}.mail-layout h2,.card h2{font-size:26px;letter-spacing:-.025em}.mail-list button{display:block;text-align:left;width:100%;background:transparent;color:var(--ink);border:1px solid var(--line);margin:10px 0;padding:16px}.mail-list button[aria-pressed=true]{border-color:var(--accent);background:#fff5ec}.mail-list small{display:block;font-size:14px;font-weight:400;margin-top:4px;color:var(--muted)}.mail-body{white-space:pre-wrap;font:inherit;background:#f5f5f8;padding:18px;border-radius:12px;overflow-wrap:anywhere}.mail-detail textarea{width:100%;min-height:210px;margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:12px;resize:vertical}.mail-detail{min-width:0}.mail-detail .actions button{font-size:14px}.mail-detail hr{border:0;border-top:1px solid var(--line);margin:24px 0}#mail-rules p{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:#f5f5f8;border-radius:12px;overflow-wrap:anywhere}#mail-rules button{font-size:14px;padding:8px 12px}.toolbar{flex-wrap:wrap}#mail-rule-form label{flex:1;min-width:180px}#mail-rule-form input,#mail-rule-form select,.mail-list select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px}@media(max-width:760px){.mail-layout{grid-template-columns:1fr}.mail-list,.mail-detail{padding:20px}.mail-title{font-size:34px}nav{height:auto;min-height:90px;flex-wrap:wrap}}