/**
 * VoiceOver-safe contrib comments. Never suppress outline.
 * Do not invent visual page layout in comments — this file is focus/contrast only.
 */

.md-contrib-skip.screen-reader-text:focus {
	outline: 3px solid #005fcc;
	outline-offset: 3px;
}

.md-contrib-notes,
.md-contrib-badge,
.md-contrib-timecode,
.comment-form-md-timecode label,
.comment-form-comment label {
	display: block;
}

form.comment-respond:focus-within,
.wp-block-post-comments-form form:focus-within,
.md-contrib-account button:focus,
.md-contrib-account a:focus,
.md-contrib-account input:focus,
.md-contrib-account-confirm:focus,
.md-contrib-votes button:focus,
.md-contrib-favorite button:focus,
.md-contrib-favorite a:focus,
.md-contrib-email button:focus,
.md-contrib-email a:focus,
.md-contrib-email input:focus,
.md-contrib-email-confirm:focus,
.md-contrib-admin button:focus,
.md-contrib-admin a:focus,
.md-contrib-admin input:focus,
.md-post-chrome button:focus,
.md-post-chrome a:focus,
#md-follow-lyrics:focus {
	outline: 3px solid #005fcc;
	outline-offset: 3px;
}

body.md-contrib-account-page .entry-title,
body.md-contrib-account-page .wp-block-post-title {
	display: none;
}

.md-contrib-account h2,
.md-contrib-account h3,
.md-contrib-admin h2,
.md-contrib-admin h3 {
	font-size: 1.15em;
}

.md-contrib-account ul,
.md-contrib-account ol,
.md-contrib-admin ul,
.md-contrib-admin ol {
	padding-left: 1.25rem;
}









@media (prefers-contrast: more) {
	form.comment-respond:focus-within,
	.wp-block-post-comments-form form:focus-within,
	.md-contrib-skip.screen-reader-text:focus {
		outline: 4px solid ButtonText;
		outline-offset: 3px;
	}
}


.md-account-nav ul {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 1rem 0;
}

.md-account-nav a[aria-current="page"] {
	font-weight: 700;
}
