/* ==========================================================================
   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.
   ========================================================================== */

/* WordPress core output the prototype never had to style. */
.screen-reader-text{
	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(--radius-s);
	background: var(--ink); color: var(--paper); font-weight: 700;
}
.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(--ink-soft); 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-header{ top: 32px; }
@media screen and (max-width: 782px){ body.admin-bar .mona-header{ top: 46px; } }