.site-header-inner { width: 100%; max-width: var(--site-max-width); margin-inline: auto; padding: 22px var(--site-gutter); display: flex; align-items: center; gap: 18px 30px; flex-wrap: wrap; }
.site-header-nav { display: flex; gap: 28px; flex-wrap: wrap; }
.site-header-nav fluent-link { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; margin: 0; padding: 8px 0; color: #475569; font-size: var(--fontSizeBase300, 1rem); font-weight: var(--fontWeightMedium, 500); line-height: var(--lineHeightBase300, 1.6); }
.public-site .site-brand { min-width: 0; margin-right: auto; color: var(--site-ink); text-decoration-line: none; }
.site-brand-name { font-size: 1.5rem; font-weight: var(--fontWeightSemibold, 600); letter-spacing: -.025em; line-height: 1.2; }
.site-brand-name > span { display: block; margin-top: 5px; color: var(--site-muted); font-size: var(--fontSizeBase300, 1rem); font-weight: var(--fontWeightRegular, 400); letter-spacing: normal; }
.site-environment { display: flex; align-items: center; gap: 7px; border: 1px solid #dbe3ed; padding: 7px 10px; border-radius: 5px; background: #fafbfd; color: #596579; font-size: .89rem; font-weight: 500; white-space: normal; }
.site-environment > span { width: 5px; height: 5px; border-radius: 50%; background: #526178; }
.public-site .account-profile { display: inline-flex; align-items: center; justify-content: center; min-width: 2.7rem; min-height: 2.7rem; padding: 0; color: var(--colorNeutralForeground1, #242424); direction: rtl; /* Fluent aligns the popover's right edge to an RTL anchor. */ }
/* Hide server-rendered light-DOM content until the Fluent popover moves it into its dialog. */
fluent-popover-b.account-popover[opened="false"] { display: none; }
.account-panel { padding: var(--spacingVerticalS, .5rem) var(--spacingHorizontalM, .75rem); border-top: .25rem solid var(--colorBrandBackground, #0f6cbd); color: var(--colorNeutralForeground1, #242424); background: var(--colorNeutralBackground1, #fff); font: inherit; }
.account-panel-actions { display: flex; align-items: center; justify-content: space-between; }
.account-panel-icon { flex: 0 0 28px; width: 28px; height: 28px; object-fit: contain; }
.account-panel-actions form { margin: 0; }
.account-panel-identity { display: flex; align-items: flex-start; gap: 1.25rem; margin-top: 1rem; }
.account-panel-identity > div { min-width: 0; }
.account-panel-name { display: block; font-size: var(--fontSizeBase500, calc(4rem / 3)); line-height: var(--lineHeightBase500, 1.4); font-weight: var(--fontWeightBold, 700); overflow-wrap: anywhere; }
.account-panel-email { margin: .4rem 0 0; font-size: var(--fontSizeBase300, 1rem); line-height: var(--lineHeightBase300, 1.6); font-weight: var(--fontWeightRegular, 400); color: var(--colorNeutralForeground2, #424242); overflow-wrap: anywhere; }
.account-settings-form { margin: var(--spacingVerticalXS, .25rem) 0 0; }
.account-settings-link { font-size: var(--fontSizeBase300, 1rem); }
.site-footer { padding: 0; border-top: 1px solid var(--site-line); background: var(--colorNeutralBackground2, #fafafa); color: var(--site-muted); font-size: var(--fontSizeBase300, 1rem); }
.site-footer-inner { width: 100%; max-width: var(--site-max-width); margin-inline: auto; padding: var(--spacingVerticalXXL, 1.5rem) var(--site-gutter) var(--spacingVerticalXL, 1.25rem); }
.site-footer-top { display: grid; grid-template-columns: 1fr 1.6fr; gap: var(--spacingVerticalXXL, 1.5rem); }
.site-footer-brand > fluent-link { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; padding-block: 8px; color: #35465c; font-size: 1.125rem; font-weight: var(--fontWeightMedium, 500); line-height: var(--lineHeightBase500, 1.4); }
.site-footer-brand > p { margin: var(--spacingVerticalS, .5rem) 0 0; color: #526178; font-size: .89rem; }
.site-footer-navigation { display: grid; grid-template-columns: 1fr 1.2fr 1.5fr; gap: var(--spacingHorizontalL, 1rem); }
.site-footer-navigation > div { display: flex; flex-direction: column; align-items: flex-start; }
.footer-group-title { display: block; margin-bottom: var(--spacingVerticalM, .75rem); color: #526178; font-size: var(--fontSizeBase200, .85rem); letter-spacing: .1em; font-weight: var(--fontWeightSemibold, 600); }
.site-footer-navigation fluent-link { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; margin: 0 0 var(--spacingVerticalS, .5rem); padding: var(--spacingVerticalS, .5rem) 0; color: #526178; font-size: var(--fontSizeBase300, 1rem); line-height: var(--lineHeightBase300, 1.6); }
.site-footer-bottom { display: flex; align-items: center; flex-wrap: wrap; gap: var(--spacingHorizontalL, 1rem); margin-top: var(--spacingVerticalXXL, 1.5rem); padding-top: var(--spacingVerticalL, 1rem); border-top: 1px solid var(--site-line); color: #526178; font-size: .89rem; }
.site-footer-bottom p { margin: 0; }
@media (max-width: 750px) {
    .site-header-inner { padding-block: 18px; gap: 12px; }
    .site-brand-name { font-size: 1.25rem; }
    .site-header-nav { order: 3; width: 100%; gap: 24px; }
    .site-environment { padding-inline: 7px; }
    .site-footer-inner { padding-block: var(--spacingVerticalXXL, 1.5rem) var(--spacingVerticalXL, 1.25rem); }
    .site-footer-top { grid-template-columns: 1fr; gap: var(--spacingVerticalXXL, 1.5rem); }
    .site-footer-navigation { grid-template-columns: 1fr 1fr; gap: var(--spacingVerticalXL, 1.25rem) var(--spacingHorizontalL, 1rem); }
    .footer-group-title { margin-bottom: var(--spacingVerticalS, .5rem); }
    .site-footer-navigation fluent-link { margin: 0; }
    .site-footer-bottom { align-items: flex-start; flex-direction: column; gap: var(--spacingVerticalS, .5rem); margin-top: var(--spacingVerticalXXL, 1.5rem); }
}
@media (max-width: 480px) {
    .site-footer-navigation { grid-template-columns: minmax(0, 1fr); }
}