/*
Theme Name: DsgnWrks Archive
Theme URI: https://dsgnwrks.pro/
Author: Justin Sternberg
Author URI: https://jtsternberg.com/
Description: Archive-led block theme for DsgnWrks technical writing, snippets, projects, and comments.
Version: 0.1.0
Requires at least: 6.9
Tested up to: 7.0
Requires PHP: 8.1
Text Domain: dsgnwrks-archive
*/

:root {
	color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
	:root {
		--wp--preset--color--foreground: var(--wp--custom--dark-mode--foreground);
		--wp--preset--color--muted: var(--wp--custom--dark-mode--muted);
		--wp--preset--color--background: var(--wp--custom--dark-mode--background);
		--wp--preset--color--surface: var(--wp--custom--dark-mode--surface);
		--wp--preset--color--muted-surface: var(--wp--custom--dark-mode--muted-surface);
		--wp--preset--color--border: var(--wp--custom--dark-mode--border);
		--wp--preset--color--hover: var(--wp--custom--dark-mode--hover);
		--wp--preset--color--accent-red: var(--wp--custom--dark-mode--accent-red);
		--wp--preset--color--accent-blue: var(--wp--custom--dark-mode--accent-blue);
		--wp--preset--color--accent-green: var(--wp--custom--dark-mode--accent-green);
		--wp--preset--color--code-bg: var(--wp--custom--dark-mode--code-bg);
		--wp--preset--color--code-fg: var(--wp--custom--dark-mode--code-fg);
		--wp--preset--color--code-border: var(--wp--custom--dark-mode--code-border);
		--wp--preset--color--code-inline-bg: var(--wp--custom--dark-mode--code-inline-bg);
		--wp--preset--color--code-inline-fg: var(--wp--custom--dark-mode--code-inline-fg);
	}
}

html {
	scroll-behavior: smooth;
}

body {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--wp--preset--color--accent-blue), transparent 88%), transparent 1px) 0 0 / 96px 100%,
		var(--wp--preset--color--background);
	color: var(--wp--preset--color--foreground);
}

a {
	text-underline-offset: 0.2em;
	text-decoration-thickness: 0.08em;
}

.wp-site-blocks {
	max-width: var(--wp--style--global--wide-size);
	min-height: 100vh;
	margin-inline: auto;
	background: var(--wp--preset--color--surface);
	border-left: 1px solid var(--wp--preset--color--border);
	border-right: 1px solid var(--wp--preset--color--border);
}

.wp-block-group.dw-header-grid,
.wp-block-group.dw-header-grid.is-layout-grid {
	border-bottom: 1px solid var(--wp--preset--color--border);
	display: grid !important;
	grid-template-columns: 290px minmax(0, 1fr) !important;
	gap: 0 !important;
}

.wp-block-group.dw-lead-grid,
.wp-block-group.dw-lead-grid.is-layout-grid,
.wp-block-group.dw-layout-grid,
.wp-block-group.dw-layout-grid.is-layout-grid,
.wp-block-group.dw-article-shell,
.wp-block-group.dw-article-shell.is-layout-grid {
	display: grid !important;
	grid-template-columns: 290px minmax(0, 1fr) !important;
	gap: 0 !important;
}

.dw-brand-panel,
.dw-label-panel,
.dw-filter-panel {
	border-right: 1px solid var(--wp--preset--color--border);
}

.dw-brand-panel .wp-block-site-title a {
	color: var(--wp--preset--color--foreground);
	display: block;
	font-size: 0 !important;
	letter-spacing: 0;
	text-decoration: none;
}

.dw-brand-panel .wp-block-site-title a::before {
	content: "Dsgn\A Wrks";
	display: block;
	white-space: pre-line;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 31px;
	font-weight: 900;
	line-height: 0.9;
}

.dw-brand-tagline {
	max-width: 18rem;
}

.dw-label-panel {
	align-content: start;
}

.dw-label-panel .wp-block-post-comments-link,
.dw-label-panel .wp-block-post-date,
.dw-label-panel .wp-block-post-terms {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	line-height: 1.45;
	text-transform: uppercase;
}

.dw-label-panel .wp-block-post-comments-link,
.dw-label-panel .wp-block-post-date {
	color: var(--wp--preset--color--muted);
}

.dw-label-panel .wp-block-post-comments-link + .wp-block-post-date,
.dw-label-panel .wp-block-post-date + .wp-block-post-terms {
	margin-top: var(--wp--preset--spacing--30);
}

.dw-label-panel .wp-block-post-comments-link a,
.dw-label-panel .wp-block-post-terms a {
	color: var(--wp--preset--color--accent-blue);
	text-decoration: none;
}

.dw-label-panel .wp-block-post-comments-link a:hover,
.dw-label-panel .wp-block-post-comments-link a:focus-visible,
.dw-label-panel .wp-block-post-terms a:hover,
.dw-label-panel .wp-block-post-terms a:focus-visible {
	text-decoration: underline;
}

.dw-header-grid > *,
.dw-lead-grid > *,
.dw-layout-grid > *,
.dw-article-shell > *,
.dw-entry-row > * {
	min-width: 0;
}

.dw-nav .wp-block-navigation__container,
.wp-block-navigation.dw-nav .wp-block-navigation__container {
	width: 100%;
	gap: 0 !important;
}

.dw-nav .wp-block-navigation-item,
.wp-block-navigation.dw-nav .wp-block-navigation__container > .wp-block-navigation-item {
	flex: 1 1 0;
	min-width: 0;
	max-width: none;
}

.dw-nav .wp-block-navigation-item__content {
	min-height: 96px;
	width: 100%;
	display: grid;
	place-items: center;
	padding: 0 1rem;
	border-right: 1px solid var(--wp--preset--color--border);
	font-weight: 800;
	text-decoration: none;
}

.dw-nav .wp-block-navigation-item:nth-child(2) .wp-block-navigation-item__content {
	color: var(--wp--preset--color--accent-blue);
}

.dw-nav .wp-block-navigation-item:nth-child(3) .wp-block-navigation-item__content {
	color: var(--wp--preset--color--accent-green);
}

.dw-nav .wp-block-navigation-item:nth-child(4) .wp-block-navigation-item__content {
	color: var(--wp--preset--color--accent-red);
}

.dw-nav .wp-block-navigation-item:last-child .wp-block-navigation-item__content {
	border-right: 0;
}

.wp-block-group.dw-entry-row,
.wp-block-group.dw-entry-row.is-layout-grid {
	display: grid !important;
	grid-template-columns: 170px minmax(0, 1fr) 150px !important;
	gap: 20px !important;
	border-bottom: 1px solid var(--wp--preset--color--border);
	transition: background-color 160ms ease;
}

.dw-entry-row:hover {
	background: var(--wp--preset--color--hover);
}

.dw-entry-row a {
	text-decoration: none;
}

.dw-entry-row .wp-block-post-title a {
	color: var(--wp--preset--color--foreground);
}

.dw-entry-row .wp-block-post-title a:hover {
	color: var(--wp--preset--color--accent-blue);
	text-decoration: none;
}

.dw-entry-row:focus-within {
	background: var(--wp--preset--color--hover);
}

.single .wp-block-post-title,
.page .wp-block-post-title {
	font-size: clamp(3rem, 7vw, 5.8rem) !important;
	margin-bottom: clamp(2rem, 4vw, 4rem);
	overflow-wrap: anywhere;
}

.wp-block-query .dw-entry-row .wp-block-post-title,
.search .dw-entry-row .wp-block-post-title,
.archive .dw-entry-row .wp-block-post-title,
.home .dw-entry-row .wp-block-post-title {
	font-size: clamp(1.8rem, 1.6vw + 1.2rem, 3.1rem) !important;
	line-height: 1.05 !important;
}

.dw-article-shell {
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.dw-prose {
	font-family: "Avenir Next", Avenir, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(1.08rem, 0.35vw + 1rem, 1.22rem);
	font-weight: 400;
	line-height: 1.68;
}

.dw-prose > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 46rem;
}

.dw-prose > :where(.snippetcpt-wrap, .dw-box, table, pre, figure, .wp-block-table) {
	max-width: 100%;
}

.dw-prose :where(p, ul, ol, blockquote, pre, table, figure) {
	margin-top: 0;
	margin-bottom: 1.65rem;
	max-width: 100%;
}

.dw-prose :where(p, li, figcaption) {
	overflow-wrap: anywhere;
}

.dw-prose :where(h2, h3, h4) {
	font-family: var(--wp--preset--font-family--sans);
	margin-top: 3rem;
	margin-bottom: 1rem;
	letter-spacing: 0;
}

.dw-prose :where(code) {
	border-radius: 0.25rem;
	font-family: var(--wp--preset--font-family--mono);
	padding: 0.08em 0.28em;
	background: var(--wp--preset--color--code-inline-bg);
	color: var(--wp--preset--color--code-inline-fg);
	font-size: 0.88em;
	overflow-wrap: anywhere;
}

.dw-prose :where(pre) {
	box-sizing: border-box;
	font-family: var(--wp--preset--font-family--mono);
	overflow: auto;
	border: 1px solid var(--wp--preset--color--code-border);
	border-radius: 0;
	padding: 1rem;
	background: var(--wp--preset--color--code-bg);
	color: var(--wp--preset--color--code-fg);
	line-height: 1.55;
}

.dw-prose :where(pre code) {
	padding: 0;
	background: transparent;
	color: inherit;
}

.dw-prose :where(table) {
	width: 100%;
	border-collapse: collapse;
	font-family: var(--wp--preset--font-family--sans);
	font-size: clamp(1rem, 0.25vw + 0.95rem, 1.12rem);
	line-height: 1.55;
}

.dw-prose :where(th, td) {
	border: 1px solid var(--wp--preset--color--border);
	padding: 1rem;
	vertical-align: top;
}

.dw-prose :where(th) {
	background: var(--wp--preset--color--muted-surface);
	color: var(--wp--preset--color--foreground);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.9rem;
	letter-spacing: 0.04em;
	text-align: left;
	text-transform: uppercase;
}

.dw-prose .snippetcpt-wrap,
.dw-prose .dw-box,
.dw-prose .swell-box,
.dw-prose .wpforms-container {
	margin-block: 1.5rem;
	border: 1px solid var(--wp--preset--color--border);
	background: var(--wp--preset--color--muted-surface);
	padding: clamp(0.9rem, 1.2vw, 1.5rem);
}

.dw-prose .snippetcpt-wrap pre {
	background: color-mix(in srgb, var(--wp--preset--color--code-bg), var(--wp--preset--color--surface) 5%);
	border-color: color-mix(in srgb, var(--wp--preset--color--code-border), var(--wp--preset--color--accent-blue) 20%);
	font-size: clamp(0.88rem, 0.1vw + 0.86rem, 0.96rem);
}

.dw-prose .snippetcpt-wrap .ace_editor {
	background: color-mix(in srgb, var(--wp--preset--color--code-bg), var(--wp--preset--color--surface) 5%);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--code-border), var(--wp--preset--color--accent-blue) 20%);
	font-size: clamp(0.88rem, 0.1vw + 0.86rem, 0.96rem) !important;
	font-family: var(--wp--preset--font-family--mono);
	line-height: 1.55;
}

.dw-prose .snippetcpt-wrap .ace_scroller {
	padding: 0.6rem 0 0.8rem 0.85rem;
}

.dw-prose .snippetcpt-wrap .ace_gutter {
	background: color-mix(in srgb, var(--wp--preset--color--code-bg), var(--wp--preset--color--foreground) 8%);
	border-right: 1px solid var(--wp--preset--color--code-border);
}

.dw-prose .dw-box {
	border-left: 4px solid var(--wp--preset--color--accent-blue);
	font-family: var(--wp--preset--font-family--sans);
	font-size: clamp(1rem, 0.25vw + 0.95rem, 1.12rem);
	line-height: 1.55;
	padding: 1.25rem;
}

.dw-prose .dw-box--red {
	border-left-color: var(--wp--preset--color--accent-red);
}

.dw-prose .dw-box--green {
	border-left-color: var(--wp--preset--color--accent-green);
}

.dw-prose .dw-box > *:first-child {
	margin-top: 0;
}

.dw-prose .dw-box > *:last-child {
	margin-bottom: 0;
}

.dw-filter-list {
	list-style: none;
}

.dw-filter-list li {
	border-top: 1px solid var(--wp--preset--color--border);
	padding: 0;
}

.dw-filter-list a {
	color: var(--wp--preset--color--foreground);
	display: flex;
	gap: 14px;
	justify-content: space-between;
	padding: 0.7rem 0;
	text-decoration: none;
}

.dw-filter-list a:hover {
	color: var(--wp--preset--color--accent-blue);
}

.dw-filter-list span {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.78rem;
}

.wp-block-query-pagination {
	border-top: 1px solid var(--wp--preset--color--border);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.9rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers {
	color: var(--wp--preset--color--foreground);
	text-decoration: none;
}

.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus-visible {
	color: var(--wp--preset--color--accent-blue);
	text-decoration: none;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	border: 1px solid var(--wp--preset--color--border);
	display: inline-grid;
	min-height: 2.75rem;
	place-items: center;
	padding: 0 1rem;
}

.wp-block-query-pagination-numbers {
	align-items: stretch;
	display: inline-flex;
	gap: 0;
}

.wp-block-query-pagination-numbers .page-numbers {
	border: 1px solid var(--wp--preset--color--border);
	border-left: 0;
	display: inline-grid;
	min-height: 2.75rem;
	min-width: 2.75rem;
	place-items: center;
	padding: 0 0.7rem;
}

.wp-block-query-pagination-numbers .page-numbers:first-child {
	border-left: 1px solid var(--wp--preset--color--border);
}

.wp-block-query-pagination-numbers .current {
	background: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--surface);
	font-weight: 900;
}

.wp-block-query-pagination-numbers .dots {
	color: var(--wp--preset--color--muted);
}

.wp-block-post-navigation-link {
	border: 1px solid var(--wp--preset--color--border);
	align-items: center;
	display: grid !important;
	grid-template-columns: 2rem minmax(0, 1fr) 2rem;
	gap: var(--wp--preset--spacing--30);
	margin-right: 0 !important;
	padding: var(--wp--preset--spacing--30);
}

.wp-block-post-navigation-link:not(:has(a)) {
	display: none !important;
}

.wp-block-post-navigation-link a {
	color: var(--wp--preset--color--foreground);
	display: block;
	grid-column: 2;
	text-decoration: none;
}

.wp-block-post-navigation-link .post-navigation-link__label,
.wp-block-post-navigation-link .post-navigation-link__title {
	display: block;
}

.wp-block-post-navigation-link__arrow-previous {
	grid-column: 1;
	grid-row: 1;
}

.wp-block-post-navigation-link__arrow-next {
	grid-column: 3;
	grid-row: 1;
	justify-self: end;
}

.wp-block-post-navigation-link a:hover,
.wp-block-post-navigation-link a:focus-visible {
	color: var(--wp--preset--color--accent-blue);
	text-decoration: none;
}

.post-navigation-link__label {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.post-navigation-link__title {
	font-family: var(--wp--preset--font-family--sans);
	font-size: clamp(1.1rem, 0.7vw + 1rem, 1.55rem);
	font-weight: 850;
	line-height: 1.08;
}

.wp-block-post-navigation-link__arrow-previous,
.wp-block-post-navigation-link__arrow-next {
	color: var(--wp--preset--color--accent-blue);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 1.35rem;
	line-height: 1;
}

.dw-prose .snippetcpt-wrap pre {
	margin-bottom: 0;
}

.dw-prose .wpforms-field {
	margin-bottom: 1rem;
	padding: 0;
}

.dw-prose .wpforms-field-row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 0.75rem !important;
	max-width: none !important;
}

.dw-prose .wpforms-field-row-block {
	display: block !important;
	float: none !important;
	width: auto !important;
	min-width: 0;
}

.dw-prose .wpforms-field-label,
.dw-prose .wpforms-field-sublabel,
.wp-block-search__label,
.comment-form label {
	display: block;
	margin-bottom: 0.35rem;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.wp-block-search {
	background: var(--wp--preset--color--muted-surface);
	border: 1px solid var(--wp--preset--color--border);
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--30);
}

.wp-block-search .wp-block-search__inside-wrapper {
	display: grid;
	gap: var(--wp--preset--spacing--30);
	grid-template-columns: minmax(0, 1fr) auto;
}

.dw-prose input:not([type="radio"]):not([type="checkbox"]),
.dw-prose textarea,
.wp-block-search__input,
.comment-form input:not([type="checkbox"]):not([type="submit"]),
.comment-form textarea {
	width: 100%;
	max-width: none !important;
	box-sizing: border-box;
	border: 1px solid var(--wp--preset--color--border);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--foreground);
	padding: 0.8rem;
	font: inherit;
}

.dw-prose input:not([type="radio"]):not([type="checkbox"]):focus,
.dw-prose textarea:focus,
.wp-block-search__input:focus,
.comment-form input:not([type="checkbox"]):not([type="submit"]):focus,
.comment-form textarea:focus {
	border-color: var(--wp--preset--color--accent-blue);
	outline: 2px solid color-mix(in srgb, var(--wp--preset--color--accent-blue), transparent 65%);
	outline-offset: 2px;
}

.dw-prose input[type="radio"],
.dw-prose input[type="checkbox"],
.comment-form input[type="checkbox"] {
	accent-color: var(--wp--preset--color--accent-red);
}

.dw-prose .wpforms-field-radio ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.dw-prose .wpforms-field-radio li {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin-bottom: 0.35rem;
}

.dw-prose textarea {
	min-height: 10rem;
}

.dw-prose button,
.dw-prose input[type="submit"],
.dw-prose .wpforms-submit,
.wp-block-search__button,
.comment-form input[type="submit"] {
	border: 1px solid var(--wp--preset--color--foreground);
	background: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--surface);
	padding: 0.8rem 1rem;
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	cursor: pointer;
}

.wp-block-search__button svg {
	fill: currentColor;
	min-height: 1.15rem;
	min-width: 1.15rem;
}

.comment-list,
.wp-block-comment-template {
	counter-reset: dw-comment;
	padding-left: 0;
	list-style: none;
}

.wp-block-comment-template li {
	counter-increment: dw-comment;
	border-top: 1px solid var(--wp--preset--color--border);
	margin-top: 0;
	padding: var(--wp--preset--spacing--40) 0;
	position: relative;
}

.wp-block-comment-template li::before {
	background: var(--wp--preset--color--foreground);
	border: 1px solid var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--surface);
	content: counter(dw-comment, decimal-leading-zero);
	display: inline-grid;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.82rem;
	letter-spacing: 0.08em;
	margin-bottom: var(--wp--preset--spacing--30);
	min-height: 2.5rem;
	min-width: 2.75rem;
	place-items: center;
	text-align: center;
}

.wp-block-comment-template li > .wp-block-group {
	background: color-mix(in srgb, var(--wp--preset--color--surface), var(--wp--preset--color--foreground) 3%);
	border: 1px solid var(--wp--preset--color--border);
	border-left: 3px solid var(--wp--preset--color--accent-blue);
	padding: var(--wp--preset--spacing--40) !important;
}

.wp-block-comment-template li > .wp-block-group > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
}

.wp-block-comments-title {
	border-bottom: 3px solid var(--wp--preset--color--foreground);
	font-size: clamp(2rem, 2.2vw, 3rem) !important;
	margin-bottom: 0;
	padding-bottom: var(--wp--preset--spacing--30);
}

.wp-block-comment-author-name {
	font-family: var(--wp--preset--font-family--sans);
	font-size: clamp(1.15rem, 0.6vw + 1rem, 1.45rem);
	font-weight: 900;
	line-height: 1.05;
}

.wp-block-comment-date {
	margin-top: 0.35rem;
}

.wp-block-comment-content {
	margin-top: var(--wp--preset--spacing--30);
	max-width: none;
	width: 100%;
}

.wp-block-comment-content > *:first-child {
	margin-top: 0;
}

.wp-block-comment-content > *:last-child {
	margin-bottom: 0;
}

.wp-block-comment-template .children {
	border-left: 1px solid var(--wp--preset--color--border);
	list-style: none;
	margin: var(--wp--preset--spacing--40) 0 0 clamp(1rem, 4vw, 3rem);
	padding-left: clamp(1rem, 3vw, 2rem);
}

.wp-block-comment-template .children li {
	border-top: 0;
	padding-bottom: 0;
}

.wp-block-comment-template .children li::before {
	margin-left: calc(clamp(1rem, 3vw, 2rem) * -1 - 1.4rem);
}

.wp-block-comment-reply-link {
	margin-top: var(--wp--preset--spacing--30);
}

.wp-block-comment-reply-link a {
	border: 1px solid var(--wp--preset--color--border);
	color: var(--wp--preset--color--foreground);
	display: inline-grid;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	min-height: 2.4rem;
	padding: 0 0.8rem;
	place-items: center;
	text-decoration: none;
	text-transform: uppercase;
}

.wp-block-comment-reply-link a:hover,
.wp-block-comment-reply-link a:focus-visible {
	background: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--surface);
	text-decoration: none;
}

.comment-respond {
	border: 1px solid var(--wp--preset--color--border);
	background: var(--wp--preset--color--muted-surface);
	margin-top: var(--wp--preset--spacing--60);
	padding: var(--wp--preset--spacing--40);
}

.comment-reply-title {
	font-family: var(--wp--preset--font-family--sans);
	font-size: clamp(1.6rem, 1vw + 1.2rem, 2.2rem);
	line-height: 1.05;
	margin-top: 0;
}

.comment-form {
	display: grid;
	gap: var(--wp--preset--spacing--30);
}

.comment-form p {
	margin: 0;
}

.comment-form textarea {
	min-height: 10rem;
}

@media (prefers-color-scheme: dark) {
	body {
		background:
			radial-gradient(circle at 18% 0, color-mix(in srgb, var(--wp--preset--color--accent-blue), transparent 86%), transparent 32%),
			linear-gradient(90deg, color-mix(in srgb, var(--wp--preset--color--accent-green), transparent 92%), transparent 1px) 0 0 / 96px 100%,
			var(--wp--preset--color--background);
	}

	.wp-site-blocks {
		box-shadow: 0 0 80px rgba(0, 0, 0, 0.32);
	}
}

@media (max-width: 900px) {
	.wp-block-group.dw-header-grid,
	.wp-block-group.dw-header-grid.is-layout-grid,
	.wp-block-group.dw-lead-grid,
	.wp-block-group.dw-lead-grid.is-layout-grid,
	.wp-block-group.dw-layout-grid,
	.wp-block-group.dw-layout-grid.is-layout-grid,
	.wp-block-group.dw-entry-row,
	.wp-block-group.dw-entry-row.is-layout-grid,
	.wp-block-group.dw-article-shell,
	.wp-block-group.dw-article-shell.is-layout-grid {
		grid-template-columns: 1fr !important;
		gap: 0 !important;
	}

	.dw-brand-panel,
	.dw-label-panel,
	.dw-filter-panel {
		border-right: 0;
	}

	.dw-brand-panel {
		padding: 2rem !important;
	}

	.dw-brand-panel .wp-block-site-title a::before {
		font-size: clamp(3.4rem, 16vw, 5rem);
	}

	.dw-brand-tagline {
		font-size: clamp(0.95rem, 2.9vw, 1.4rem) !important;
		max-width: 100%;
	}

	.dw-lead-grid > .wp-block-group,
	.dw-article-shell > .wp-block-group {
		padding-left: var(--wp--preset--spacing--40) !important;
		padding-right: var(--wp--preset--spacing--40) !important;
	}

	.dw-lead-grid > .wp-block-group:not(.dw-label-panel) {
		padding-top: clamp(5.5rem, 18vw, 8rem) !important;
		padding-bottom: clamp(4.5rem, 14vw, 7rem) !important;
	}

	.dw-nav .wp-block-navigation__container,
	.wp-block-navigation.dw-nav .wp-block-navigation__container {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		width: 100%;
	}

	.wp-block-navigation.dw-nav {
		align-items: stretch;
		border-top: 1px solid var(--wp--preset--color--border);
	}

	.wp-block-navigation.dw-nav .wp-block-navigation__responsive-container-open {
		display: none;
		align-self: stretch;
		justify-content: flex-start;
		width: 100%;
		height: auto;
		padding: 0 var(--wp--preset--spacing--40);
		border-left: 0;
		color: var(--wp--preset--color--foreground);
	}

	.dw-nav .wp-block-navigation-item__content {
		min-height: 56px;
		border-top: 1px solid var(--wp--preset--color--border);
	}

	.dw-entry-type {
		justify-self: start !important;
	}

	.single .wp-block-post-title,
	.page .wp-block-post-title {
		font-size: clamp(3.6rem, 18vw, 5.8rem) !important;
	}

	.dw-prose {
		font-size: 1.15rem;
		line-height: 1.7;
	}

	.dw-prose :where(table) {
		display: block;
		overflow-x: auto;
	}

	.wp-block-post-navigation-link {
		grid-template-columns: 1fr;
	}

	.wp-block-comment-template li > .wp-block-group {
		padding: var(--wp--preset--spacing--30) !important;
	}

	.wp-block-comment-template .children {
		margin-left: 0;
		padding-left: var(--wp--preset--spacing--30);
	}

	.wp-block-comment-template .children li::before {
		margin-left: 0;
	}

	.wp-block-query-pagination {
		align-items: stretch;
		display: grid !important;
		gap: var(--wp--preset--spacing--30);
		grid-template-columns: 1fr;
	}

	.wp-block-query-pagination-numbers {
		display: flex;
		flex-wrap: wrap;
	}

	.wp-block-search .wp-block-search__inside-wrapper {
		grid-template-columns: 1fr;
	}

	.dw-prose .wpforms-field-row {
		grid-template-columns: 1fr;
	}
}