@media (width < 48rem) {
	.scc-header .scc-navigation__list,
	.scc-header .scc-navigation .sub-menu { gap: 0; }
	.scc-header-menu__item { display: grid; grid-template-columns: minmax(0, 1fr) var(--scc-control-min-target); align-items: center; }
	.scc-header-menu__item > a { grid-column: 1; grid-row: 1; min-inline-size: 0; }
	.scc-header-menu__toggle { display: inline-flex; align-items: center; justify-content: center; grid-column: 2; grid-row: 1; inline-size: var(--scc-control-min-target); block-size: var(--scc-control-min-target); padding: 0; border: 0; background: transparent; color: var(--scc-brand-foreground); cursor: pointer; }
	.scc-header-menu__toggle::after { content: '+'; font-size: var(--scc-type-h3-size); line-height: 1; }
	.scc-header-menu__toggle[aria-expanded="true"]::after { content: '-'; }
	.scc-header .scc-header-menu__panel { grid-column: 1 / -1; min-inline-size: 0; }
	.scc-header .scc-header-menu__panel > li:has(> .sub-menu) { margin-block-start: var(--scc-space-2); }
	.scc-header .scc-header-menu__panel > li:has(> .sub-menu) > a { font-weight: 600; }
	.scc-header .scc-header-menu__panel { padding-block-end: var(--scc-space-3); }
	.scc-header .scc-header-menu__panel[hidden],
	.scc-header-menu__toggle[hidden] { display: none; }
}
@media (min-width: 60rem) {
	.scc-header__inner { position: relative; }
	.scc-header-menu__item { display: flex; align-items: center; }
	.scc-header-menu__toggle { display: inline-flex; align-items: center; justify-content: center; flex: none; inline-size: var(--scc-control-min-target); block-size: var(--scc-control-min-target); padding: 0; border: 0; background: transparent; color: var(--scc-brand-foreground); cursor: pointer; }
	.scc-header-menu__toggle::after { content: ''; inline-size: var(--scc-space-2); block-size: var(--scc-space-2); border-inline-end: var(--scc-focus-ring-width) solid currentColor; border-block-end: var(--scc-focus-ring-width) solid currentColor; transform: rotate(45deg); }
	.scc-header-menu__toggle[aria-expanded="true"]::after { transform: rotate(225deg); }
	.scc-header .scc-header-menu__panel { position: absolute; inset-inline: 0; inset-block-start: 100%; z-index: 20; margin: 0; padding: var(--scc-space-6); background: var(--scc-brand-background); border: var(--scc-component-border-width) solid var(--scc-brand-border); max-block-size: 70dvh; overflow-y: auto; overscroll-behavior: contain; animation: scc-menu-reveal 180ms ease-out; }
	.scc-header .scc-header-menu__panel[hidden],
	.scc-header-menu__toggle[hidden] { display: none; }
	.scc-header .scc-header-menu__panel--mega { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: var(--scc-space-5) var(--scc-space-8); }
	.scc-header .scc-header-menu__panel--mega { padding-block: var(--scc-space-4); align-content: start; align-items: start; }
	.scc-header .scc-header-menu__panel--mega:not(:has(> li:nth-child(4))) { grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 20rem)); }
	.scc-header .scc-header-menu__panel--dropdown { display: flex; flex-direction: column; inline-size: min(26rem, 100%); inset-inline-end: auto; }
	.scc-header .scc-header-menu__panel > li { min-inline-size: 0; }
	.scc-header .scc-header-menu__panel a { display: flex; font-size: var(--scc-type-body-large-size); padding-inline: 0; }
	.scc-header .scc-header-menu__panel > li:has(> .sub-menu) > a { font-weight: 600; margin-block-end: var(--scc-space-2); }
	.scc-header .scc-header-menu__panel .sub-menu { display: flex; flex-direction: column; gap: 0; padding: 0; }
	.scc-header .scc-header-menu__panel .sub-menu .sub-menu { padding-inline-start: var(--scc-space-4); border-inline-start: var(--scc-component-border-width) solid var(--scc-brand-border); }
	.scc-header .scc-navigation a:focus-visible { text-decoration: underline; text-decoration-color: var(--scc-brand-accent); }
}
@keyframes scc-menu-reveal { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
	.scc-header .scc-header-menu__panel { animation: none; }
}