.additional-account-options { margin: 22px 0 28px; }
.additional-account-options[hidden] { display: none; }
.additional-account-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.additional-account-links a { display: flex; align-items: center; gap: 12px; min-height: 86px; padding: 18px 14px; border: 1px solid #d4e3cf; border-radius: 16px; color: #163e2a; text-decoration: none; background: #f4f9ef; transition: background .15s, border-color .15s; }
.additional-account-links a:hover { background: #eaf4e2; border-color: #378254; }
.additional-account-links a:focus-visible { outline: 3px solid #378254; outline-offset: 3px; }
.additional-account-links strong { font-size: 15px; line-height: 1.35; font-weight: 700; }
.account-type-icon { display: inline-block; width: 28px; height: 28px; flex: 0 0 28px; }
.account-heading { display: flex; align-items: center; gap: 12px; }
.account-heading span { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 800px) { .additional-account-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 450px) {
 .dashboard header { padding: 20px 16px; flex-wrap: wrap; gap: 12px 18px; }
 .dashboard header .brand { flex-basis: 100%; }
 .dashboard main { padding: 0 14px; margin-top: 20px; }
 .dashboard .panel { padding: 22px 18px; border-radius: 20px; }
 .dashboard .topline { gap: 10px; }
 .dashboard #identity { overflow-wrap: anywhere; font-size: 14px; }
 .additional-account-links { gap: 10px; }
 .additional-account-links a { min-height: 90px; padding: 14px 10px; gap: 9px; }
 .additional-account-links strong { font-size: 14px; }
 .account-type-icon { width: 25px; height: 25px; flex-basis: 25px; }
 .dashboard .account-heading { font-size: 24px; }
}