/* ==========================================================================
   Base — only what the ported component sheet does not already declare.
   The prototype's own reset lives at the top of main.css; duplicating it here
   would create two sources of truth for the same rules. Everything below is
   WordPress core output the prototype never had to style, written against the
   tokens in variables.css.
   ========================================================================== */

/* Visually hidden, but read by assistive technology. */
.screen-reader-text,
.mona-visually-hidden{
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(0 0 0 0); white-space: nowrap; border: 0; padding: 0; margin: -1px;
}
.screen-reader-text:focus{
	position: fixed !important; top: 16px; left: 16px; width: auto; height: auto;
	clip: auto; z-index: 1000; padding: 12px 20px; border-radius: var(--mona-r-pill);
	background: var(--mona-walnut); color: var(--mona-on-dark); font-weight: 700;
}

/* Inline icons from mona_get_icon() sit on the text baseline at text colour. */
.mona-icon{ display: inline-block; vertical-align: middle; flex: none; }

/* Classic-editor alignment and captions. */
.alignleft{ float: left; margin: 0 24px 20px 0; }
.alignright{ float: right; margin: 0 0 20px 24px; }
.aligncenter{ display: block; margin-inline: auto; }
.alignwide, .alignfull{ max-width: none; }
.wp-caption{ max-width: 100%; }
.wp-caption-text, .wp-element-caption{
	margin-top: 10px; font-size: 13px; color: var(--mona-muted); text-align: center;
}
.sticky, .bypostauthor{ /* required by the WordPress theme review, no visual role here */ }

/* Admin bar offset — the header is position:fixed. */
body.admin-bar .mona-hdr{ top: 32px; }
@media screen and (max-width: 782px){ body.admin-bar .mona-hdr{ top: 46px; } }