/* Scoped starter fallbacks. Future design templates own their full-width layout. */
.starter-content {
	width: min(100% - 2rem, 70rem);
	margin-inline: auto;
	padding-block: calc(var(--header-h) + 2rem) 2rem;
	overflow-wrap: anywhere;
	line-height: 1.6;
}
.starter-content h1 { font-size: 2em; }
.starter-content h2 { font-size: 1.5em; }
.starter-content h3 { font-size: 1.17em; }
.starter-content :is(h1, h2, h3, h4, h5, h6, p, figure, blockquote, ul, ol, pre, table) { margin-block: 1em; }
.starter-content :is(ul, ol) { padding-inline-start: 1.5rem; }
.starter-content ul { list-style: disc; }
.starter-content ol { list-style: decimal; }
.starter-content :is(article + article, .comments-area) { margin-block-start: 2.5rem; }
.starter-content :is(a, a:hover) { text-decoration: underline; text-underline-offset: .15em; }
.starter-content :is(img, video, iframe) { max-width: 100%; }
.starter-content :is(img, video) { height: auto; }
.starter-content :is(input, textarea, select, button) { max-width: 100%; font: inherit; }
.starter-content :is(input, textarea, select) { padding: .5rem; }
.starter-content :is(button, input[type="submit"]) { padding: .5rem 1rem; cursor: pointer; }
.starter-content textarea { width: 100%; }
.starter-content pre { overflow-x: auto; }
.starter-content table { border-collapse: collapse; }
.starter-content :is(th, td) { border: 1px solid var(--cd-line); padding: .5rem; }
.starter-content blockquote { padding-inline-start: 1rem; border-inline-start: 3px solid var(--cd-line); }
.starter-content .entry-content::after { content: ''; display: table; clear: both; }
.starter-content .wp-caption { max-width: 100%; }
.starter-content :is(.wp-caption-text, .gallery-caption) { font-size: .9rem; }
.starter-content .navigation { margin-block: 1.5rem; }
.starter-content .nav-links { display: flex; flex-wrap: wrap; gap: 1rem; }
.starter-content :is(.comment-list, .comment-list .children) { list-style: none; padding-inline-start: 1.25rem; }
.starter-content .alignleft { float: left; margin-inline-end: 1rem; }
.starter-content .alignright { float: right; margin-inline-start: 1rem; }
.starter-content .aligncenter { display: block; margin-inline: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.screen-reader-text:focus { position: fixed; inset: 1rem auto auto 1rem; z-index: 100; width: auto; height: auto; padding: 1rem; margin: 0; overflow: visible; clip-path: none; background: var(--cd-navy); color: white; }
@media (max-width: 40rem) { .starter-content :is(.alignleft, .alignright) { float: none; margin-inline: 0; } }