/* Inner controls width only. Wrap controls alignment and grouping. */

.l-inner { width: min(100% - var(--gutter) * 2, var(--width-site)); margin-inline: auto; }

.l-main { min-height: 50vh; }

.l-content { padding-block: var(--section-space); margin-top: var(--header-height) }

.l-content > .l-inner { max-width: var(--width-copy); }

.l-header { border-block-end: 1px solid var(--color-line); position: fixed; width: 100%; top: 0;z-index: 10; background-color: #ffffffee;}

.l-header__inner { padding-block: var(--space-3); display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }

.l-header__brand { flex-shrink: 0; margin: 0; font-size: inherit; font-weight: inherit; line-height: inherit; }

.l-header__brand a { display: inline-block; font-size: 1.65rem; font-weight: var(--font-weight-bold); letter-spacing: -.03em; text-decoration: none; }

.l-header__brand span { display: block; font-size: var(--font-size-small); color: var(--color-muted); }

.l-header__nav { min-width: 0; }

.l-footer { padding-block: var(--space-6) var(--space-3); border-block-start: 1px solid var(--color-line); }

.l-footer__wrap { display: flex; justify-content: space-between; gap: var(--space-4); }

.l-footer__brand { font-size: 1.65rem; font-weight: var(--font-weight-bold); letter-spacing: -.03em; }

.l-footer__brand a { text-decoration: none; }

.l-footer__message { margin-block-start: var(--space-1); font-size: .875rem; }

.l-footer__copyright { margin-block-start: var(--space-6); color: var(--color-muted); }

.c-entry { margin-block-start: var(--space-4); margin-inline: auto; max-width: var(--width-copy); }
.page-template-one-column .l-content > .l-inner,
.page-template-one-column .c-entry { max-width: calc(var(--width-copy)*2); }

.c-entry:first-child { margin-block-start: 0; }

.c-entry + .c-entry { margin-block-start: var(--space-6); }

.c-entry > * + * { margin-block-start: var(--space-3); }

@media (max-width: 63.99rem) {

	.l-header__inner { flex-wrap: wrap; gap: var(--space-2); position: relative; }

	.l-header__nav { flex-basis: 100%;
	position: absolute;
	top: var(--header-height);
	width: 100%;
	overflow: auto;
	height: calc(var(--height-100vh) - var(--header-height)); }

}

@media (max-width: 47.99rem) { .l-footer__wrap { flex-direction: column; } }



.l-footer__social { margin-block-start: var(--space-3); font-size: .875rem; }



/* Lower-page shell. The DOM keeps the sidebar after the main content on mobile. */

.l-page-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: var(--space-6); align-items: start; }

.l-content > .l-inner.l-page-layout--sidebar { max-width: var(--width-site); }

.l-page-layout__main, .l-sidebar { min-width: 0; }

.l-sidebar { overflow-wrap: anywhere; }

.l-sidebar > .c-widget + .c-widget { margin-block-start: var(--space-4); }

.l-sidebar .c-widget__title { font-size: var(--font-size-h3); margin-block-end: var(--space-2); }

@media (min-width: 64rem) {

 .l-page-layout--sidebar { grid-template-columns: minmax(0,1fr) minmax(0,280px); }

}


/* The fixed header must clear the breadcrumb before the content starts. */
.c-breadcrumb { margin-block-start: var(--header-height); }
.c-breadcrumb + .l-content { margin-top: 0; }