.my-page .my-section-nav {
    display: flex;
    overflow-x: auto;
    border-top: 1px solid #303946;
    margin-top: 18px;
    background: #0c1016;
}
.my-page .my-section-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 auto;
    gap: 10px;
    min-height: 54px;
    padding: 15px 20px;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
    text-decoration: none;
}
.my-page .my-section-nav a:last-child { border-right: 0; }
.my-page .my-section-nav a[aria-current="page"] {
    color: #fff4e8;
    background: #1d1b1a;
    border-bottom-color: #ff7a1a;
}
.my-page .my-section-nav a:focus-visible { outline: 2px solid #ff9b55; outline-offset: -4px; }
.my-tab-count { color: #9da8b4; font-variant-numeric: tabular-nums; }
.my-section-nav [aria-current="page"] .my-tab-count { color: #ffb078; }
.my-page .my-section { padding-top: 36px; min-height: 320px; }
.my-page .my-section-title { align-items: flex-start; }
.my-page .my-section-title h2 { margin-top: 10px; }
.my-page .my-section-title p { margin-top: 0; }
.my-page .my-empty { grid-column: 1 / -1; }
.my-back-link { display: inline-block; margin-bottom: 28px; color: #ffab6a; }
.my-license-overview { max-width: 720px; }
.my-license-link { margin-top: 20px; }
.my-plan-heading { margin: 38px 0 22px; }
.my-plan-heading h3 { margin: 0 0 12px; font-size: 26px; }
.my-plan-heading p { color: #aebccd; max-width: 720px; line-height: 1.6; }
.my-plan-handoff { max-width: 760px; padding: 16px 18px; margin-bottom: 24px; border-left: 3px solid #c46f35; background: #171713; color: #ddcbb8; line-height: 1.6; }
.my-product-picker { max-width: 760px; padding: 26px; border: 1px solid #34414d; background: #0c1219; margin-bottom: 28px; }
.my-product-picker label { display: block; margin-bottom: 12px; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: #afbecf; }
.my-product-picker > div { display: flex; gap: 14px; align-items: stretch; }
.my-product-picker select { min-width: 0; flex: 1; color: #edf2f8; background: #101820; border: 1px solid #465361; padding: 14px; font: inherit; }
.my-product-picker option { background: #101820; color: #edf2f8; }
.my-product-picker select:focus-visible { outline: 2px solid #ff9b55; }
.my-plan-choices .my-card { display: flex; flex-direction: column; }
.my-plan-choices .my-plan-action { margin-top: auto; padding-top: 24px; }
.my-plan-choices .my-price { display: block; margin: 20px 0 4px; }
.my-current-plan { border-color: #d67834; }
.my-current-plan .my-card-top b { color: #ffb078; }
.my-table article .my-payment-review { color: #ffc18e; font-size: 12px; }
.my-device-product-names {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0 24px 20px;
    list-style: none;
}
.my-device-product-names:empty { display: none; }
.my-device-product-names li {
    margin: 0;
    padding: 7px 10px;
    border: 1px solid #34414d;
    background: #141e27;
    color: #d1dde8;
    font-size: 12px;
}
.my-device-product-names li::before { content: none; }
.my-device-product > span { min-width: 0; overflow-wrap: anywhere; }
.my-billing-grid .my-table article {
    grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, .7fr));
}
.my-page .my-table article > div { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 1150px) {
    .my-billing-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
    .my-product-picker { padding: 20px; }
    .my-product-picker > div { flex-direction: column; }
    .my-page .my-section-nav a { padding: 13px 16px; min-height: 50px; }
    .my-customer-switcher { align-items: stretch; flex-direction: column; }
    .my-customer-switcher select { min-width: 0; width: 100%; }
    .my-page .my-section { padding-top: 28px; }
    .my-billing-grid .my-table article { grid-template-columns: 1fr 1fr; }
    .my-device-summary form { justify-self: end; }
}