/* Shared role panels: the same palette and spacing as administrator screens. */
#main:is([data-panel-role87=member],[data-panel-role87=instructor]){--role-blue:#173c60;--role-line:#d4e2ef;--role-muted:#526477;color:var(--role-blue)}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .page-heading{gap:20px;align-items:center;margin-bottom:24px}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .page-heading h1{display:flex;align-items:center;gap:12px;font-size:30px;line-height:1.3;color:#173c60}
.role-title-icon87{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:6px;background:#e9f4ff;color:#286ca6}.role-title-icon87 svg{width:27px;height:27px}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .page-heading .eyebrow{font-size:11px;letter-spacing:.7px;color:#627c96;margin-bottom:7px}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .page-heading p{line-height:1.6;color:#526477}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .panel{border:1px solid #d4e2ef;border-radius:6px;background:#fff;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #173c6005}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .panel>h3{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:18px;line-height:1.4}
.role-section-icon87{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:5px;background:#e9f4ff;color:#286ca6;flex:0 0 32px}.role-section-icon87 svg{width:21px;height:21px}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) :is(.toolbar,.cancellation-filters){display:flex;flex-wrap:wrap;align-items:end;gap:16px;padding:18px;border:1px solid #c9dced;border-radius:6px;background:#edf5fd;margin-bottom:20px}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .role-filter87{display:flex;flex-direction:column;gap:8px;flex:1 1 250px;min-width:0;margin:0;color:#25435f;font-size:13px;font-weight:600}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .role-filter87 :is(input,select){width:100%;max-width:none;min-width:0;margin:0;min-height:42px;font-size:14px;padding-right:38px;flex:none;border-color:#c1d4e6;background-color:#fff}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) button{border-radius:5px;line-height:1.4;font-size:13px;min-height:40px}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) button.primary{background:#173c60;color:#fff;border-color:#173c60}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) button[data-pay]{background:#e6f4ec;color:#216747;border:1px solid #b9dac9;white-space:nowrap}
.role-button-icon87{display:inline-flex;vertical-align:middle;margin-right:8px}.role-button-icon87 svg{width:18px;height:18px}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .table-wrap{overflow-x:auto}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) table{width:100%;border-collapse:separate;border-spacing:0;min-width:650px}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) th{background:#eaf1f8;color:#173c60;text-transform:none;letter-spacing:0;font-size:13px;font-weight:700;padding:14px 16px;border-bottom:1px solid #d4e2ef}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) td{padding:16px;line-height:1.6;font-size:14px;border-bottom:1px solid #e0e9f2;vertical-align:middle;overflow-wrap:anywhere}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) tbody tr:nth-child(even){background:#f8fbfe}
#main[data-panel-page87=payments] th:nth-child(2){background:#eee8fa}#main[data-panel-page87=payments] th:nth-child(4){background:#e6f4ec}
#main[data-panel-role87=member] .family-summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:22px;background:#fff;border:1px solid #d4e2ef;border-radius:6px;padding:22px;margin-bottom:22px;align-items:stretch}
#main[data-panel-role87=member] .family-members h2{font-size:22px;color:#173c60;gap:10px;line-height:1.4}
#main[data-panel-role87=member] .family-name{font-size:14px;background:#e9f4ff;border-color:#cce3f7;color:#254b72;line-height:1.5;padding:7px 10px}
#main[data-panel-role87=member] .family-balance{background:#edf8f3;border:1px solid #c5e2d3;border-radius:6px;padding:18px}
#main[data-panel-role87=member] .family-balance>span{font-size:13px;color:#416c59}#main[data-panel-role87=member] .family-balance>strong{font-size:30px;color:#216747;line-height:1.3;margin:9px 0 18px}
#main[data-panel-role87=member] .family-actions{gap:10px}#main[data-panel-role87=member] .family-actions button[data-self-register]{background:#e9f4ff;border:1px solid #c4dcee;color:#286ca6}
#main[data-panel-page87=dashboard] th:nth-child(2){background:#e6f4ec}#main[data-panel-page87=dashboard] th:nth-child(3){background:#eee8fa}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .notice-row{position:relative;border:1px solid #d4e2ef;border-left:3px solid #78abd5;background:#f8fbfe;border-radius:6px;padding:16px 16px 16px 58px;margin-bottom:12px;font-size:14px;line-height:1.6;color:#25435f}
.role-notice-icon87{position:absolute;left:16px;top:17px;display:inline-flex;color:#286ca6}.role-notice-icon87 svg{width:24px;height:24px}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .notice-row small{display:block;color:#627c96;font-size:12px;margin-top:8px}
#main[data-panel-role87=instructor] .cancellation-card{padding:20px;gap:16px;background:#fffaf0;border:1px solid #e8d8b7;border-left:3px solid #dea03b}
#main[data-panel-role87=instructor] .cancellation-card:nth-child(even){background:#fff}#main[data-panel-role87=instructor] .cancellation-actions{gap:14px}
#main[data-panel-role87=instructor] .cancellation-filters button{background:#fff;color:#25435f;border:1px solid #c1d4e6}#main[data-panel-role87=instructor] .cancellation-filters button.selected{background:#173c60;color:#fff;border-color:#173c60}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .attendance-search{padding:16px;background:#edf5fd;border:1px solid #c9dced;border-radius:6px;font-size:13px;font-weight:600;color:#25435f}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .attendance-search input{margin-top:8px;max-width:none;min-height:42px;font-size:14px}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .attendance-session-head{padding:16px;background:#e9f4ff;border-color:#cce3f7}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .attendance-counters>span{border:1px solid #d4e2ef;padding:14px;font-size:14px}
#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .attendance-row{border-bottom:1px solid #e0e9f2;padding:16px;line-height:1.5}#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .attendance-row:nth-child(even){background:#f8fbfe}
#main[data-panel-role87=member] .attendance-counters>span:not(.count-present):not(.count-absent){background:#f0eafb;color:#7751b5}
@media(max-width:900px){#main[data-panel-role87=member] .family-summary{grid-template-columns:1fr}}
@media(max-width:600px){#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .page-heading{align-items:flex-start;flex-direction:column}#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .page-heading h1{font-size:24px}.role-title-icon87{width:36px;height:36px;flex-basis:36px}.role-title-icon87 svg{width:22px;height:22px}#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .panel{padding:16px}#main:is([data-panel-role87=member],[data-panel-role87=instructor]) .role-filter87{flex-basis:100%}#main[data-panel-role87=member] .family-summary{padding:16px}#main[data-panel-role87=member] .family-actions{flex-direction:column}#main[data-panel-role87=member] .family-actions button{width:100%}}

#main[data-panel-role87=member] .role-person87{display:flex;gap:10px;align-items:center}.role-person87 .avatar{width:32px;height:32px;flex:0 0 32px;background:#e9f4ff;color:#286ca6;font-size:12px}.role-membership87{display:inline-flex;flex-direction:column;gap:3px;padding:9px 12px;margin:3px 8px 3px 0;border-radius:5px;background:#edf8f3;color:#216747;font-size:13px;line-height:1.4}.role-membership87 small{display:block;color:inherit;margin:0;font-size:12px}.role-membership87.membership-tone87-1{background:#eee8fa;color:#7751b5}.role-membership87.membership-tone87-2{background:#e9f4ff;color:#286ca6}

#main[data-panel-role87=member][data-panel-page87=dashboard]>.page-heading .eyebrow{display:none}
#main[data-panel-role87=member] .family-summary{align-items:center;padding:20px;gap:24px}
#main[data-panel-role87=member] .family-members h2{margin:0;display:flex;align-items:center;flex-wrap:wrap}
#main[data-panel-role87=member] .family-balance{padding:16px 18px}
.family-list-head437{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
#main[data-panel-role87=member] .family-list-head437 h3{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;color:#173c60}
#main[data-panel-role87=member] .family-list-head437 button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin:0;padding:8px 14px;font:inherit;font-size:14px;font-weight:600;background:#edf3fa;color:#173c60;border:1px solid #c7d6e8}
#main[data-panel-role87=member] .family-list437 thead th{background:#173c60!important;color:white!important;border-color:#173c60;padding:12px 16px}
#main[data-panel-role87=member] .family-list437 th:nth-child(2),#main[data-panel-role87=member] .family-list437 td:nth-child(2){text-align:center;white-space:nowrap;width:20%}
#main[data-panel-role87=member] .family-list437 tbody td{padding:12px 16px;font-size:14px}
#main[data-panel-role87=member] .family-list437 tbody tr:nth-child(even){background:#f4f7fb}
#main[data-panel-role87=member] .family-list437 tbody tr:nth-child(odd){background:#fff}
#main[data-panel-role87=member] .family-list437 .role-membership87{background:#edf3fa;color:#173c60}
@media(max-width:650px){.family-list-head437{flex-direction:column;align-items:flex-start}}

/* Shared visual language for the member dashboard and administrator lists. */
#main[data-panel-role87=member] .family-summary{display:grid;grid-template-columns:1fr 1fr;border:0;background:transparent;padding:0;gap:14px;align-items:stretch}
#main[data-panel-role87=member] .family-members,#main[data-panel-role87=member] .family-balance{border:1px solid #c7d6e8;border-radius:5px;background:#edf3fa;padding:16px 18px;min-height:110px;box-sizing:border-box}
#main[data-panel-role87=member] .family-members h2{font-family:inherit;font-size:15px;font-weight:600;line-height:22px;margin:0 0 8px}
#main[data-panel-role87=member] .family-members .role-section-icon87{width:22px;height:22px;padding:0;background:transparent}
.family-count439{display:block;font-family:inherit;font-size:30px;font-weight:700;line-height:36px;color:#173c60}
#main[data-panel-role87=member] .family-balance{display:grid;grid-template-columns:1fr auto;align-content:center;column-gap:16px;row-gap:8px}
#main[data-panel-role87=member] .family-balance>span{grid-column:1;font-size:15px;line-height:22px;color:#173c60}
#main[data-panel-role87=member] .family-balance>strong{grid-column:1;font:inherit;font-size:30px;font-weight:700;line-height:36px;color:#173c60}
#main[data-panel-role87=member] .family-actions{grid-column:2;grid-row:1/3;align-self:center;margin:0}
#main[data-panel-role87=member] .family-list437{padding:0;overflow:hidden}
#main[data-panel-role87=member] .family-list-head437{background:#285f9e;color:white;margin:0;padding:14px 18px;min-height:64px;box-sizing:border-box}
#main[data-panel-role87=member] .family-list-head437 h3{color:white;font:inherit;font-size:16px;font-weight:700}
#main[data-panel-role87=member] .family-list-head437 .role-section-icon87{background:transparent;color:white;padding:0}
#main[data-panel-role87=member] .family-list-head437 svg{stroke:currentColor}
#main[data-panel-role87=member] .family-list-head437 button,#main[data-panel-role87=member] .family-actions button{height:40px;min-height:40px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;margin:0}
#main[data-panel-role87=member] .family-list-head437 button{background:#edf3fa;border-color:#c7d6e8;color:#173c60}
#main[data-panel-role87=member] .family-actions button{background:#285f9e;color:white;border-color:#285f9e}
#main[data-panel-role87=member] .family-list437 thead th{background:#e9eff6!important;color:#173c60!important;border-color:#d4dfec;font-family:inherit;font-size:13px;font-weight:600}
#main[data-panel-role87=member] .family-list437 tbody td,#main[data-panel-role87=member] .family-list437 .role-person87 strong{font-family:inherit;font-size:15px}
#main[data-panel-role87=member] .family-list437 .role-person87 strong{font-weight:600}
@media(max-width:650px){#main[data-panel-role87=member] .family-summary{grid-template-columns:1fr}#main[data-panel-role87=member] .family-balance{grid-template-columns:1fr}#main[data-panel-role87=member] .family-actions{grid-column:1;grid-row:auto;justify-self:start}}

#main[data-panel-role87=member] .member-account295 button{height:40px;min-height:40px;margin:0;padding:8px 14px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px}
#main[data-panel-role87=member] .member-fields295 input{font-family:inherit;font-size:14px;font-weight:400}
#main[data-panel-role87=member] #member-contact-form295>.muted{margin:14px 0 12px;font-size:12px;line-height:1.5}
#main[data-panel-role87=member] .member-access295>.muted{margin-top:14px;font-size:12px;line-height:1.5}
#main[data-panel-role87=member] .member-children295 table{table-layout:fixed;width:100%}
#main[data-panel-role87=member] .member-children295 th:nth-child(1){width:35%}
#main[data-panel-role87=member] .member-children295 th:nth-child(2){width:25%}
#main[data-panel-role87=member] .member-children295 th:nth-child(3){width:40%}
#main[data-panel-role87=member] .member-children295 th:nth-child(2),#main[data-panel-role87=member] .member-children295 td:nth-child(2){text-align:center}
#main[data-panel-role87=member] .member-children295 td{padding:12px 16px;font-family:inherit;font-size:14px}
.member-membership457{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;margin-right:12px}
.member-membership457 small{font-size:12px;color:#52677e;line-height:18px}

#main[data-panel-role87=member] .family-list437 table{table-layout:fixed;width:100%}
#main[data-panel-role87=member] .family-list437 th:nth-child(1){width:40%}
#main[data-panel-role87=member] .family-list437 th:nth-child(2){width:20%}
#main[data-panel-role87=member] .family-list437 th:nth-child(3){width:40%}
#main[data-panel-role87=member] .family-list437 .balance-clear{color:#173c60!important}
#main[data-panel-role87=member] .family-balance>span,#main[data-panel-role87=member] .family-members h2{font-size:15px;font-weight:600;line-height:22px}
#main[data-panel-role87=member] .family-actions [data-family-pay] svg{stroke:#fff!important;color:#fff!important;width:20px;height:20px;flex:none}
#main[data-panel-role87=member] .family-actions [data-family-pay] .role-button-icon87{color:#fff!important}
#member-bell456{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:8px;margin:0;background:transparent!important;border:0!important;color:#fff!important;box-shadow:none!important}
#member-bell456>svg{width:24px!important;height:24px!important;stroke:#fff!important;color:#fff!important}
#member-bell456:hover{background:rgba(255,255,255,.1)!important}
#member-bell456 #member-count456{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#c84b55;color:white;font-size:11px;line-height:18px;text-align:center;font-weight:600}
#member-bell456 #member-count456[hidden]{display:none!important}

#main[data-panel-role87=member] .family-list437 th:nth-child(1){width:45%}
#main[data-panel-role87=member] .family-list437 th:nth-child(3){width:35%}
#main[data-panel-role87=member] .family-payment-label459{display:flex;align-items:center;gap:10px;color:#173c60}
#main[data-panel-role87=member] .family-payment-label459 svg{width:22px;height:22px;flex:none;stroke:#173c60;color:#173c60}

#main[data-panel-role87=member] .family-count461{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:#d5e6f8;border-radius:4px;font-size:12px;font-weight:600;box-sizing:border-box}
.family-names461{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.family-name461{display:inline-flex;align-items:center;background:#e0edfb;border:1px solid #c7d6e8;border-radius:4px;color:#173c60;padding:6px 9px;font-size:13px;font-weight:500;line-height:18px;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
#main[data-panel-role87=member] .family-list437 th:nth-child(3),#main[data-panel-role87=member] .family-list437 td:nth-child(3){text-align:right;padding-right:20px}
#main[data-panel-role87=member] .family-list437 .role-membership87{display:inline-flex;flex-direction:column;align-items:flex-start;text-align:left;margin-left:8px;margin-right:0}

#main[data-panel-role87=member] .family-list437 th:nth-child(3),#main[data-panel-role87=member] .family-list437 td:nth-child(3){padding-right:48px}
@media(max-width:650px){#main[data-panel-role87=member] .family-list437 th:nth-child(3),#main[data-panel-role87=member] .family-list437 td:nth-child(3){padding-right:20px}}

#main[data-panel-role87=member] .family-list437 th:nth-child(3),#main[data-panel-role87=member] .family-list437 td:nth-child(3){text-align:center;padding-left:16px;padding-right:16px}
#main[data-panel-role87=member] .family-list437 .role-membership87{margin-left:4px;margin-right:4px;align-items:center;text-align:center}
#main[data-panel-role87=member] .family-list-head437{display:grid;grid-template-columns:65% 35%;gap:0}
#main[data-panel-role87=member] .family-list-head437>[data-self-register]{justify-self:center;max-width:100%}
@media(max-width:650px){#main[data-panel-role87=member] .family-list-head437{display:flex;gap:12px;align-items:flex-start}}

.member-attendance-bar465{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-top:16px;background:#285f9e;color:white;border-radius:5px 5px 0 0;font-family:inherit;font-size:15px}
.member-attendance-bar465 svg{width:22px;height:22px;stroke:white;flex:none}
#main[data-panel-role87=member][data-panel-page87=attendance] .attendance-table-head,#main[data-panel-role87=member][data-panel-page87=attendance] .attendance-row{display:grid;grid-template-columns:minmax(0,65fr) minmax(0,35fr);gap:12px;align-items:center}
#main[data-panel-role87=member][data-panel-page87=attendance] .attendance-table-head>span:nth-child(2){text-align:center}
#main[data-panel-role87=member][data-panel-page87=attendance] .attendance-row>.badge{justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-align:center;white-space:normal;max-width:260px;line-height:18px;padding:7px 10px}
#main[data-panel-role87=member][data-panel-page87=attendance] .attendance-row>.badge:not(.present):not(.absent){background:#edf1f6;color:#52677e}
#main[data-panel-role87=member][data-panel-page87=attendance] .attendance-row .avatar{background:#e0edfb;color:#173c60}
#main[data-panel-role87=member][data-panel-page87=attendance] .attendance-save-hint{display:none}

#member-bell456[hidden]{display:none!important}

#main[data-panel-role87=member] .member-children295 th:nth-child(3),#main[data-panel-role87=member] .member-children295 td:nth-child(3){text-align:center;padding-left:20px;padding-right:20px;vertical-align:middle}
#main[data-panel-role87=member] .member-children295 .member-membership457{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin:3px 5px;padding:8px 12px;background:#edf3fa;border:1px solid #d0dff0;border-radius:5px;max-width:100%;box-sizing:border-box;text-align:center}
#main[data-panel-role87=member] .member-children295 .member-membership457 .member-group295{background:transparent;margin:0;padding:0;border:0;font-size:14px;font-weight:600}
#main[data-panel-role87=member] .member-children295 .member-membership457 small{margin:0;font-size:12px;line-height:18px}

#nav button[data-nav=dashboard]{white-space:normal;line-height:1.3}

/* 4.530: account overview shares the heading action pattern with instructor lists. */
#main[data-panel-role87=member] .page-heading .member-add530{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 16px;background:#173c60;color:#fff;border:1px solid #173c60;border-radius:5px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;white-space:normal}
#main[data-panel-role87=member] .page-heading .member-add530 svg{width:20px;height:20px;flex:0 0 20px}
#main[data-panel-role87=member] .page-heading .member-add530:hover{background:#245d9c;border-color:#245d9c}
#main[data-panel-role87=member] .family-count530{display:block;font-size:30px;line-height:36px;font-weight:700;color:#173c60}
#main[data-panel-role87=member] .family-birth530{display:block;margin-top:4px;font-size:12px;line-height:1.5;font-weight:400;color:#526d88}
@media(max-width:650px){#main[data-panel-role87=member] .page-heading:has(.member-add530){align-items:flex-start;flex-direction:column;gap:14px}}

/* 4.531: align the action with the account title, below the eyebrow. */
#main[data-panel-role87=member] .page-heading .member-add530{align-self:flex-end;margin-bottom:0}
@media(max-width:650px){#main[data-panel-role87=member] .page-heading .member-add530{align-self:flex-start}}

/* 4.532: match the instructor table's right inset, space the three content anchors evenly. */
#main[data-panel-role87=member] .member-account-overview475 .family-list437 th:nth-child(1){width:34%}
#main[data-panel-role87=member] .member-account-overview475 .family-list437 th:nth-child(2){width:20%}
#main[data-panel-role87=member] .member-account-overview475 .family-list437 th:nth-child(3){width:46%}
#main[data-panel-role87=member] .member-account-overview475 .family-list437 th:nth-child(2),
#main[data-panel-role87=member] .member-account-overview475 .family-list437 td:nth-child(2){text-align:center}
#main[data-panel-role87=member] .member-account-overview475 .family-list437 th:nth-child(3),
#main[data-panel-role87=member] .member-account-overview475 .family-list437 td:nth-child(3){text-align:left;padding-left:16px;padding-right:16px}
#main[data-panel-role87=member] .member-account-overview475 .family-groups532{display:block;width:180px;max-width:100%;margin-left:auto;margin-right:0;text-align:left;overflow-wrap:anywhere}
#main[data-panel-role87=member] .member-account-overview475 .family-groups532 .role-membership87{display:flex;width:fit-content;max-width:100%;align-items:flex-start;text-align:left;margin:3px 0;box-sizing:border-box}

/* 4.533: balance centered optically between participant details and the fixed right group block. */
#main[data-panel-role87=member] .member-account-overview475 .family-list437 th:nth-child(1){width:38.6%}
#main[data-panel-role87=member] .member-account-overview475 .family-list437 th:nth-child(3){width:41.4%}

/* 4.674: group chips share the header and empty-state center line. */
#main[data-panel-role87=member] .member-account-overview475 .family-groups532{width:100%;max-width:100%;margin-left:auto;margin-right:auto;text-align:center}
#main[data-panel-role87=member] .member-account-overview475 .family-groups532 .role-membership87{margin:3px auto;align-items:center;text-align:center;overflow-wrap:anywhere}
#main[data-panel-role87=member] .member-account-overview475 .family-groups532 .role-membership87 :is(strong,small){max-width:100%;text-align:center;overflow-wrap:anywhere}