/* Additional layouts share the real logo, navigation and mobile disclosures. */
.site-header .site-brand img { flex-shrink: 0; }
.site-header :is(.header-navigation, .site-brand) { min-width: 0; }

/* 05 — identity above a separate navigation ribbon. */
.header-ribbon { border-top: 3px solid var(--site-gold); padding-bottom: 18px; }
.site-header.header-ribbon > .header-inner { flex-direction: column; align-items: stretch; gap: 0; padding-block: 0; }
.header-ribbon .site-brand { padding: 26px 8px; }
.header-ribbon .header-navigation { background: var(--site-primary); color: #fff4dc; padding: 6px 18px; border-radius: 8px; border-bottom: 3px solid var(--site-gold); }
.header-ribbon .managed-menu > .menu-root { justify-content: flex-start; gap: 4px 14px; }

/* 06 — the official crest sits above the organization name. */
.header-crest { background: radial-gradient(ellipse at 50% 0, #c6ad7520, transparent 65%), #fffefa; border-bottom: 3px double var(--site-gold); }
.site-header.header-crest > .header-inner { flex-direction: column; align-items: center; gap: 22px; padding-block: 28px 18px; }
.header-crest .site-brand { flex-direction: column; text-align: center; gap: 12px; }
.header-crest .site-brand img { width: 72px; height: 72px; }
.header-crest .header-navigation { width: 100%; padding-top: 12px; border-top: 1px solid var(--site-line); }
.header-crest .header-navigation > nav > ul, .header-crest .managed-menu > .menu-root { justify-content: center; }

/* 07 — a double gold frame without clipping dropdowns. */
.site-header.header-framed { border: 4px double var(--site-gold); background: #fffdf6; box-shadow: 0 7px 24px #273c2e09; }
.header-framed:not(.is-positioned) { width: min(calc(100% - 40px), 1520px); margin: 22px auto 0; }
.site-header.header-framed > .header-inner { width: 100%; max-width: none; min-height: 104px; padding: 22px 28px; }
.header-framed .site-brand { border-left: 2px solid var(--site-gold); padding-left: 18px; }

/* 08 — contrasting identity and navigation panels. */
.header-split { background: var(--site-primary); color: #fff4dc; border-bottom: 3px solid var(--site-gold); }
.site-header.header-split > .header-inner { align-items: stretch; gap: 0; padding-block: 0; }
.header-split .site-brand { flex: 0 1 44%; background: #fffdf6; color: var(--site-ink); padding: 24px; border-right: 3px solid var(--site-gold); }
.header-split .header-navigation { flex: 1; display: flex; align-items: center; justify-content: flex-end; padding: 18px 0 18px 24px; }
.header-split .managed-menu > .menu-root { justify-content: flex-end; }

/* 09 — individual navigation tabs; never underline link text. */
.header-tabs { background: #fffefa; border-bottom: 1px solid var(--site-line); }
.header-tabs .site-brand { border-left: 3px solid var(--site-gold); padding-left: 18px; }
.header-tabs .header-navigation > nav > ul, .header-tabs .managed-menu > .menu-root { gap: 8px; }
.header-tabs .header-navigation > nav > ul > li > a,
.header-tabs .managed-menu > .menu-root > .menu-item > a,
.header-tabs .managed-menu > .menu-root > .menu-item > details > summary { padding: 10px 15px; background: #bda16c12; border: 1px solid #bda16c40; border-radius: 10px; }

/* 10 — deep tones and an ivory medallion for the original logo. */
.header-signature { background: radial-gradient(ellipse at 10% 0, #d4b87924, transparent 60%), linear-gradient(115deg, var(--site-primary), var(--site-deep)); color: #fff3d5; border-top: 1px solid var(--site-gold); border-bottom: 3px double var(--site-gold); }
.site-header.header-signature > .header-inner { padding-block: 22px; min-height: 120px; }
.header-signature .site-brand { gap: 20px; }
.header-signature .site-brand img { width: 76px; height: 76px; padding: 9px; border: 1px solid #ddc790; border-radius: 50%; background: #fff8e6; box-shadow: 0 0 0 5px #e5c77c10; }
.header-signature .site-brand small { color: #e4ddc9; }
.header-signature .header-navigation { border-left: 1px solid #e5c77c55; padding-left: 24px; }

/* Dark menu surfaces still use the shared light dropdown panels. */
:is(.header-ribbon, .header-split, .header-signature) .mobile-navigation > summary { border-color: #e0c38870; background: #fff6dd0a; }
.site-header:is(.header-ribbon, .header-crest, .header-framed, .header-split, .header-tabs, .header-signature) .desktop-navigation .mega-panel { left: 8px; right: 8px; }

@media (max-width: 1100px) {
    .site-header.header-split > .header-inner { flex-direction: column; }
    .header-split .site-brand { flex: auto; border-right: 0; border-bottom: 2px solid var(--site-gold); }
    .header-split .header-navigation { justify-content: flex-start; padding: 16px; }
    .header-split .managed-menu > .menu-root { justify-content: flex-start; }
}
@media (max-width: 900px) {
    .header-signature .header-navigation { border-left: 0; padding-left: 0; padding-top: 14px; border-top: 1px solid #e5c77c55; width: 100%; }
}
@media (max-width: 767px) {
    .site-header:is(.header-ribbon, .header-crest, .header-framed, .header-split, .header-tabs, .header-signature).is-positioned > .header-inner { padding-inline: 16px; }
    .header-ribbon .site-brand { padding: 20px 0; }
    .header-ribbon .header-navigation { padding: 8px; }
    .site-header.header-crest > .header-inner { padding-block: 22px 16px; gap: 16px; }
    .header-crest .site-brand img { width: 60px; height: 60px; }
    .header-crest .managed-menu > .menu-root { text-align: left; }
    .header-framed:not(.is-positioned) { width: calc(100% - 24px); margin-top: 12px; }
    .site-header.header-framed > .header-inner { padding: 20px 16px; }
    .header-framed .site-brand { padding-left: 10px; }
    .header-split .site-brand { padding: 20px 12px; }
    .header-split .header-navigation { display: block; width: 100%; padding: 12px 0; }
    .header-tabs .site-brand { padding-left: 12px; }
    .header-tabs .managed-menu > .menu-root > .menu-item { margin-bottom: 7px; }
    .header-signature .site-brand { gap: 14px; }
    .header-signature .site-brand img { width: 60px; height: 60px; padding: 7px; }
}