/* =========================================================================
   WordPress-only corrections for the ported design CSS.
   Nothing here changes the design: it only reconciles the static site's
   assumptions with what WordPress puts on the page. Every rule is scoped so
   it cannot reach the design's own markup. Keep this file small.
   ========================================================================= */

/* The design header is position:fixed at top:0. For logged-in users the WP
   admin bar occupies that strip, so push the header below it. The admin bar
   is 32px tall, 46px under 783px wide (wp-includes/css/admin-bar.css). */
body.admin-bar .header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .header {
		top: 46px;
	}
}

/* base.css resets every margin/padding to 0 and strips list markers, which is
   correct for the design's own markup. Editor content rendered through
   the_content() on a legal page still needs those defaults, so they are given
   back inside this wrapper only (see page-templates/legal.php). The design's
   own .legal-list must not be touched: it spaces its items with flex gap, so
   any extra margin here would show up as drift against the static design. */
.legal-page__editor {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.legal-page__editor ul,
.legal-page__editor ol {
	list-style: revert;
	padding-left: 20px;
}

.legal-page__editor h2,
.legal-page__editor h3 {
	margin-top: 28px;
}

/* WordPress' skip link is visually hidden until focused; without this it would
   land underneath the fixed header. */
.skip-link.screen-reader-text:focus {
	z-index: 200;
}