.corporate-accounts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .86fr); align-items: center; gap: 64px; padding-block: 64px; scroll-margin-top: 24px; }
.accounts-copy { min-width: 0; max-width: 480px; }
.accounts-copy h2 { max-width: 480px; }
.accounts-copy h2 + p { margin-top: var(--audience-title-gap); }
.accounts-copy p + p { margin-top: 20px; }
.account-browser-bar { display: grid; grid-template-columns: 18px minmax(0, 1fr) 18px; align-items: center; gap: 8px; min-height: 34px; margin-top: 14px; padding: 8px 10px; border-radius: 6px; background: #eef0f2; color: #41484e; font-size: 12px; line-height: 1.4; }
.account-browser-bar > span:nth-child(2) { text-align: center; }
.account-browser-bar img { width: 15px; height: 15px; justify-self: end; opacity: .7; }
.accounts-webpage { min-width: 0; margin: 10px 0 18px; background: #fff; }
.accounts-preview .accounts-page-title { display: flex; align-items: center; gap: 10px; padding: 18px 10px; border-bottom: 1px solid #e2e9e5; font-size: 17px; font-weight: 650; line-height: 1.4; }
.accounts-preview .drivepay-symbol { flex: 0 0 25px; }
.account-choice { display: grid; grid-template-columns: 32px minmax(0, 1fr) 20px; align-items: center; gap: 9px; padding: 17px 10px; border-bottom: 1px solid #e2e9e5; }
.account-business { background: #f0faf4; }
.account-choice-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #def4e7; }
.account-personal .account-choice-icon { background: #e9f2ff; }
.account-choice-icon img { width: 18px; height: 18px; }
.account-choice > div { min-width: 0; }
.account-choice strong { display: block; font-size: 15px; font-weight: 620; line-height: 1.4; }
.account-choice > div > span { display: block; margin-top: 3px; color: #62686f; font-size: 13px; line-height: 1.5; }
.account-selected { width: 20px; height: 20px; filter: invert(38%) sepia(75%) saturate(1110%) hue-rotate(109deg); }
.account-unselected { width: 18px; height: 18px; margin: 1px; border: 1.5px solid #bfcac4; border-radius: 50%; }
.account-schedule { padding: 20px 10px; }
.account-schedule h4 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; line-height: 1.4; font-weight: 600; }
.account-schedule h4 img { width: 17px; height: 17px; }
.account-schedule dl { display: grid; gap: 14px; margin: 18px 0 0; font-size: 13px; line-height: 1.5; }
.account-schedule dl > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; align-items: center; }
.account-schedule dt { min-width: 0; color: #62686f; }
.account-schedule dd { display: flex; align-items: center; gap: 6px; min-width: 0; margin: 0; font-weight: 600; }
.account-schedule dd img { flex: 0 0 14px; width: 14px; height: 14px; opacity: .55; }
.business-default { color: #08773d; }
.personal-default { color: #2860a0; }
.accounts-preview .account-override { display: flex; align-items: flex-start; gap: 9px; padding: 16px 10px; border-top: 1px solid #e2e9e5; background: #fafcfb; color: #62686f; font-size: 13px; line-height: 1.5; }
.account-override img { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 2px; }
.account-override strong { color: #17291f; font-weight: 600; }
.corporate-phone .home-indicator { margin-top: auto; }

@media (max-width: 1000px) {
  .corporate-accounts { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px; }
}
@media (max-width: 800px) {
  .corporate-accounts { grid-template-columns: minmax(0, 1fr); gap: 40px; padding-block: 48px; }
  .accounts-copy { max-width: 560px; }
}