/**
 * Spek Regg visual polish.
 *
 * This layer preserves the inherited Customify geometry and template order,
 * while giving every content type a consistent visual rhythm.
 */

:root {
	--spek-navy-950: #020617;
	--spek-navy-900: #071225;
	--spek-navy-800: #10233f;
	--spek-blue-700: #1d4ed8;
	--spek-blue-600: #2563eb;
	--spek-blue-500: #3b82f6;
	--spek-cyan-400: #22d3ee;
	--spek-cyan-300: #67e8f9;
	--spek-ink: #172033;
	--spek-muted: #526079;
	--spek-border: #d8e2ef;
	--spek-surface: #ffffff;
	--spek-surface-soft: #f4f7fb;
	--spek-shadow-soft: 0 12px 30px rgba(15, 35, 65, 0.09);
	--spek-shadow-blue: 0 9px 22px rgba(37, 99, 235, 0.23);
}

::selection {
	color: #ffffff;
	background: var(--spek-blue-600);
}

body {
	color: var(--spek-ink);
	background-color: #eaf0f7;
	background-image: linear-gradient(145deg, #edf3f9 0%, #f8fafc 48%, #e7eef7 100%);
}

.site-content,
.site-content .content-area {
	background-color: transparent;
}

.content-inner {
	box-sizing: border-box;
	padding: 24px;
	background-color: rgba(255, 255, 255, 0.94);
	border: 1px solid rgba(203, 216, 231, 0.88);
	border-radius: 8px;
	box-shadow: 0 18px 50px rgba(15, 35, 65, 0.08);
}

.header--row.header-top:not(.header--transparent) .header--row-inner,
.header--row.header-top:not(.header--transparent) .header--row-inner.dark-mode,
.header--row.header-top:not(.header--transparent) .header--row-inner.light-mode {
	background-color: var(--spek-navy-950);
	background-image:
		linear-gradient(105deg, rgba(2, 6, 23, 0.97), rgba(12, 31, 66, 0.92) 56%, rgba(8, 47, 73, 0.87)),
		url("../images/BlackheaderGlossySpekReggHD720pbbc.png");
	background-repeat: no-repeat, repeat-x;
	background-size: 100% 100%, auto;
	box-shadow: 0 12px 34px rgba(2, 6, 23, 0.35), inset 0 -1px rgba(103, 232, 249, 0.16);
}

.site-branding img {
	filter: drop-shadow(0 5px 13px rgba(0, 0, 0, 0.42)) saturate(1.08);
}

.nav-menu-desktop .primary-menu-ul > li > a,
.header-search_icon-item .search-icon,
.header-search_icon-item .search-icon svg {
	color: #f8fbff;
	fill: currentColor;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.55);
	transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.nav-menu-desktop .primary-menu-ul > li:hover > a,
.nav-menu-desktop .primary-menu-ul > li.current-menu-item > a,
.nav-menu-desktop .primary-menu-ul > li.current-menu-ancestor > a {
	color: #ffffff;
	background-image: linear-gradient(135deg, rgba(37, 99, 235, 0.88), rgba(8, 145, 178, 0.86));
	border-radius: 5px;
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 7px 16px rgba(2, 6, 23, 0.24);
	text-shadow: 0 1px 4px rgba(2, 6, 23, 0.5);
}

.header-search_icon-item .search-icon:hover,
.header-search_icon-item .search-icon:focus-visible {
	color: var(--spek-cyan-300);
	background-color: rgba(34, 211, 238, 0.1);
	border-radius: 50%;
	box-shadow: 0 0 0 1px rgba(103, 232, 249, 0.2), 0 0 20px rgba(34, 211, 238, 0.18);
}

.header-search-form,
.search-field,
.header-search-modal {
	color: var(--spek-ink);
	background-color: rgba(255, 255, 255, 0.98);
	border-color: var(--spek-border);
	box-shadow: var(--spek-shadow-soft);
}

.menu-mobile-toggle,
.menu-mobile-toggle:hover,
.menu-mobile-toggle:focus-visible {
	color: #ffffff;
	background-color: rgba(37, 99, 235, 0.22);
	border-color: rgba(103, 232, 249, 0.35);
	border-radius: 5px;
}

#site-navigation-sidebar {
	color: #e8f1ff;
	background-color: var(--spek-navy-900);
	background-image: linear-gradient(160deg, var(--spek-navy-950), #0c2745 70%, #0e3a4e);
	box-shadow: 18px 0 45px rgba(2, 6, 23, 0.38);
}

#site-navigation-sidebar a {
	color: #eff8ff;
	border-color: rgba(148, 163, 184, 0.2);
}

#site-navigation-sidebar a:hover,
#site-navigation-sidebar .current-menu-item > a {
	color: #ffffff;
	background-color: rgba(37, 99, 235, 0.34);
}

a {
	color: var(--spek-blue-700);
	transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

a:hover,
a:focus {
	color: #0e7490;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid rgba(34, 211, 238, 0.58);
	outline-offset: 2px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.page-title,
.widget-title {
	color: #102a4e;
	text-shadow: 0 1px rgba(255, 255, 255, 0.7);
}

.entry-title a,
.posts-layout .entry-title a {
	color: #173f78;
}

.entry-title a:hover,
.posts-layout .entry-title a:hover {
	color: var(--spek-blue-600);
}

.page-header {
	background-color: #eef5fc;
	background-image: linear-gradient(120deg, #f8fbff, #e7f0fa 58%, #e5f8fb);
	border-color: #cddaea;
	box-shadow: inset 0 -1px rgba(37, 99, 235, 0.08), 0 8px 22px rgba(15, 35, 65, 0.06);
}

.entry-inner,
.posts-layout .entry-inner {
	background-color: var(--spek-surface);
	border-color: var(--spek-border);
	box-shadow: 0 10px 27px rgba(15, 35, 65, 0.08), inset 0 1px rgba(255, 255, 255, 0.85);
}

.entry-content,
.entry-excerpt,
.entry-meta,
.comment-content {
	color: var(--spek-ink);
}

.entry-meta,
.entry-meta a,
.posted-on,
.byline {
	color: var(--spek-muted);
}

.entry-media img,
.entry-content img,
.post-thumbnail img {
	border-color: #cad8e8;
	box-shadow: 0 9px 23px rgba(15, 35, 65, 0.12);
	filter: saturate(1.04) contrast(1.02);
}

blockquote {
	color: #243b5a;
	background-color: #eff6ff;
	border-color: var(--spek-blue-500);
	box-shadow: inset 4px 0 rgba(34, 211, 238, 0.32);
}

code,
pre,
kbd {
	color: #d7edff;
	background-color: #0b172a;
	border-color: #244464;
}

table,
th,
td {
	border-color: var(--spek-border);
}

th {
	color: #ffffff;
	background-color: #16355e;
}

tbody tr:nth-child(even) {
	background-color: #f6f9fd;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-element-button,
.wp-block-button__link,
#bbpress-forums .button,
.nav-links .page-numbers,
.page-numbers {
	color: #ffffff;
	background-color: var(--spek-blue-600);
	background-image: linear-gradient(135deg, var(--spek-blue-600), #087fa7);
	border-color: #1d4ed8;
	border-radius: 5px;
	box-shadow: 0 7px 17px rgba(37, 99, 235, 0.2), inset 0 1px rgba(255, 255, 255, 0.24);
	text-shadow: 0 1px 2px rgba(2, 6, 23, 0.38);
	transition: color 160ms ease, background-color 160ms ease, background-image 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.wp-element-button:hover,
.wp-block-button__link:hover,
#bbpress-forums .button:hover,
.nav-links .page-numbers:hover,
.page-numbers:hover,
.nav-links .page-numbers.current,
.page-numbers.current {
	color: #ffffff;
	background-color: #1647c4;
	background-image: linear-gradient(135deg, #1d4ed8, #0e7490);
	border-color: #1647c4;
	box-shadow: var(--spek-shadow-blue), inset 0 1px rgba(255, 255, 255, 0.2);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
select,
textarea {
	color: var(--spek-ink);
	background-color: #ffffff;
	border-color: #c8d5e5;
	border-radius: 4px;
	box-shadow: inset 0 1px 3px rgba(15, 35, 65, 0.06);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
	border-color: var(--spek-blue-500);
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15), inset 0 1px 3px rgba(15, 35, 65, 0.04);
}

#bbpress-forums {
	color: var(--spek-ink);
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	border-color: #cbd8e7;
	box-shadow: 0 11px 28px rgba(15, 35, 65, 0.07);
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
	color: #ffffff !important;
	background-color: #103b5f !important;
	background-image: none !important;
	border-color: rgba(103, 232, 249, 0.22);
	text-shadow: 0 1px 3px rgba(2, 6, 23, 0.55);
}

#bbpress-forums li.bbp-header ul,
#bbpress-forums li.bbp-footer ul,
#bbpress-forums li.bbp-header li,
#bbpress-forums li.bbp-footer li,
#bbpress-forums li.bbp-header div,
#bbpress-forums li.bbp-footer div {
	color: #ffffff !important;
	background-color: transparent !important;
	background-image: none !important;
}

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
	color: #ffffff !important;
	background-color: #164e73 !important;
	background-image: none !important;
	border-color: #0f3857;
	text-shadow: 0 1px 3px rgba(2, 6, 23, 0.5);
}

#bbpress-forums div.bbp-forum-header a,
#bbpress-forums div.bbp-topic-header a,
#bbpress-forums div.bbp-reply-header a,
#bbpress-forums div.bbp-forum-header span,
#bbpress-forums div.bbp-topic-header span,
#bbpress-forums div.bbp-reply-header span {
	color: #ffffff !important;
}

#bbpress-forums li.bbp-body,
#bbpress-forums div.bbp-reply-content,
#bbpress-forums div.bbp-topic-content {
	color: var(--spek-ink);
	background-color: #ffffff;
}

#bbpress-forums li.bbp-body ul.forum:nth-child(even),
#bbpress-forums li.bbp-body ul.topic:nth-child(even),
#bbpress-forums div.even,
#bbpress-forums ul.even {
	background-color: #f4f8fc;
}

#bbpress-forums li.bbp-body ul.forum:hover,
#bbpress-forums li.bbp-body ul.topic:hover {
	background-color: #edf6ff;
}

#bbpress-forums .bbp-forum-title,
#bbpress-forums .bbp-topic-permalink,
#bbpress-forums .bbp-author-name {
	color: #164e91;
}

#bbpress-forums .bbp-forum-title:hover,
#bbpress-forums .bbp-topic-permalink:hover,
#bbpress-forums .bbp-author-name:hover {
	color: #087c97;
}

#bbpress-forums .bbp-topic-meta,
#bbpress-forums .bbp-reply-post-date,
#bbpress-forums .bbp-topic-started-by,
#bbpress-forums .bbp-topic-freshness-author {
	color: var(--spek-muted);
}

#bbpress-forums div.bbp-template-notice,
#bbpress-forums div.indicator-hint {
	color: #173f68;
	background-color: #e9f5ff;
	border-color: #7dd3fc;
	box-shadow: inset 4px 0 #38bdf8;
}

#bbpress-forums div.bbp-template-notice.info {
	background-color: #eef8f8;
	border-color: #67e8f9;
}

#bbpress-forums fieldset.bbp-form {
	background-color: #f8fbff;
	border-color: #cbd8e7;
	border-radius: 7px;
	margin: 28px 0 20px;
	padding: 20px;
	box-shadow: 0 9px 24px rgba(15, 35, 65, 0.07), inset 0 1px #ffffff;
}

#bbpress-forums fieldset.bbp-form legend {
	color: #ffffff;
	padding: 4px 9px;
	background-color: #164e73;
	border: 1px solid #0f3857;
	border-radius: 4px;
	font-weight: 600;
	text-shadow: 0 1px 2px rgba(2, 6, 23, 0.45);
}

#bbpress-forums fieldset.bbp-form p {
	margin-bottom: 14px;
}

#bbpress-forums fieldset.bbp-form label {
	margin-bottom: 6px;
	color: #173f68;
	font-weight: 600;
}

#bbpress-forums fieldset.bbp-form input[type="text"],
#bbpress-forums fieldset.bbp-form input[type="email"],
#bbpress-forums fieldset.bbp-form input[type="url"],
#bbpress-forums fieldset.bbp-form input[type="password"],
#bbpress-forums fieldset.bbp-form input[type="search"],
#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-height: 42px;
	padding: 9px 11px;
}

#bbpress-forums fieldset.bbp-form textarea {
	min-height: 150px;
	resize: vertical;
}

#bbpress-forums div.bbp-submit-wrapper {
	float: none;
	display: flex;
	clear: both;
	justify-content: flex-end;
	margin: 20px 0 0;
}

#bbpress-forums .bbp-login-form fieldset.bbp-form {
	max-width: 620px;
	margin-right: auto;
	margin-left: auto;
}

#bbpress-forums img.avatar {
	border-color: #c8d8e8;
	box-shadow: 0 5px 13px rgba(15, 35, 65, 0.15);
}

.bbp-pagination-links a,
.bbp-pagination-links span.current {
	border-color: #bfd0e3;
	border-radius: 4px;
}

.bbp-pagination-links span.current {
	color: #ffffff;
	background-color: var(--spek-blue-600);
}

.footer-main .footer--row-inner {
	color: #dbe8f7;
	background-color: #0b172a;
	background-image: linear-gradient(125deg, #07101f, #102844 58%, #0b3647);
	box-shadow: inset 0 1px rgba(103, 232, 249, 0.13);
}

.footer-bottom .footer--row-inner {
	color: #b9c7da;
	background-color: #030914;
	background-image: linear-gradient(110deg, #020617, #091b30 65%, #082533);
	border-color: rgba(148, 163, 184, 0.17);
}

.site-footer a,
.site-footer .widget a {
	color: #8fddf1;
}

.site-footer a:hover,
.site-footer .widget a:hover {
	color: #ffffff;
}

.site-footer .widget-title {
	color: #ffffff;
	text-shadow: 0 2px 5px rgba(2, 6, 23, 0.6);
}

.tagcloud a,
.wp-block-tag-cloud a {
	color: #dff8ff;
	background-color: rgba(37, 99, 235, 0.2);
	border-color: rgba(103, 232, 249, 0.32);
	border-radius: 4px;
}

.tagcloud a:hover,
.wp-block-tag-cloud a:hover {
	color: #ffffff;
	background-color: rgba(8, 145, 178, 0.42);
	border-color: var(--spek-cyan-300);
	box-shadow: 0 5px 14px rgba(2, 6, 23, 0.24);
}

.site-info,
.footer-copyright {
	color: #aebcd0;
}

/* Balanced post-card gutters: same 40/60 composition, cleaner rhythm. */
#blog-posts .posts-layout-wrapper {
	display: flow-root;
}

#blog-posts article.entry {
	margin-bottom: 24px;
}

#blog-posts .entry-inner {
	padding: 14px;
	border: 1px solid var(--spek-border);
	border-radius: 7px;
}

#blog-posts .entry-media {
	margin-right: 24px;
}

/* Pagination follows the list and uses the same left edge and vertical gap. */
#blog-posts > .navigation.pagination {
	clear: both;
	margin: 0 0 24px;
}

#blog-posts > .navigation.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 5px;
}

#blog-posts > .navigation.pagination .page-numbers {
	margin: 0;
}

/* Single posts, pages and discussion areas share the same inset rhythm. */
.entry-single,
.entry-single .entry-content,
.page .entry-content,
.search .content-inner,
.archive .content-inner,
.error404 .content-inner,
.bbpress .content-inner {
	box-sizing: border-box;
}

.comments-area {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid var(--spek-border);
}

#respond {
	box-sizing: border-box;
	padding: 24px;
	background-color: #f8fbff;
	border: 1px solid var(--spek-border);
	border-radius: 7px;
	box-shadow: 0 9px 24px rgba(15, 35, 65, 0.07), inset 0 1px #ffffff;
}

#respond .comment-reply-title {
	margin-top: 0;
}

#respond .comment-form {
	margin-bottom: 0;
}

#respond .comment-form > p {
	margin-bottom: 16px;
}

#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 12px;
}

#respond textarea {
	min-height: 170px;
	resize: vertical;
}

#respond .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

#respond .comment-form-cookies-consent input {
	flex: 0 0 auto;
	margin-top: 0.35em;
}

#respond .form-submit {
	margin: 22px 0 0;
}

/* The desktop navigation keeps its position and gains a clear hover cue. */
.nav-menu-desktop .primary-menu-ul > li:hover > a,
.nav-menu-desktop .primary-menu-ul > li.focus > a,
.nav-menu-desktop .primary-menu-ul > li > a:focus-visible {
	background-color: transparent;
	background-image: none;
	box-shadow: none;
	text-decoration-line: none;
}

.nav-menu-desktop .primary-menu-ul > li > a .link-before > span {
	position: relative;
}

.nav-menu-desktop .primary-menu-ul > li > a .link-before > span::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 17px;
	left: 0;
	height: 2px;
	background-color: var(--spek-cyan-300);
	border-radius: 2px;
	box-shadow: 0 0 7px rgba(103, 232, 249, 0.55);
	opacity: 0;
	transform: scaleX(0);
	transform-origin: center;
	transition: opacity 160ms ease, transform 160ms ease;
}

.nav-menu-desktop .primary-menu-ul > li:hover > a .link-before > span::after,
.nav-menu-desktop .primary-menu-ul > li.focus > a .link-before > span::after,
.nav-menu-desktop .primary-menu-ul > li > a:focus-visible .link-before > span::after {
	opacity: 1;
	transform: scaleX(1);
}

@media screen and (max-width: 568px) {
	#blog-posts article.entry {
		margin-bottom: 18px;
	}

	.content-inner {
		padding: 12px;
		border-radius: 6px;
	}

	#blog-posts > .navigation.pagination {
		margin-bottom: 18px;
	}

	#blog-posts .entry-inner {
		padding: 10px;
	}

	#blog-posts .entry-media {
		margin-right: 0;
		margin-bottom: 14px;
	}

	.comments-area {
		margin-top: 18px;
		padding-top: 18px;
	}

	#respond,
	#bbpress-forums fieldset.bbp-form {
		padding: 14px;
	}

	#bbpress-forums div.bbp-submit-wrapper {
		justify-content: center;
	}

	/* Compact content tables wrap instead of creating an inaccessible scroller. */
	.entry-content .table-wrapper {
		overflow-x: visible;
	}

	.entry-content .table-wrapper table {
		width: 100%;
		table-layout: fixed;
	}

	.entry-content .table-wrapper th,
	.entry-content .table-wrapper td {
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	/* Mobile search belongs to the dark drawer and must read as one control. */
	#header-menu-sidebar .mobile-item--search_box .item--inner,
	#header-menu-sidebar .header-search_box-item,
	#header-menu-sidebar .header-search-form,
	#header-menu-sidebar .search-form-fields {
		width: 100%;
		box-sizing: border-box;
		color: #ffffff;
		background-color: #000000;
		background-image: none;
		box-shadow: none;
	}

	#header-menu-sidebar .search-form-fields {
		border: 1px solid #ffffff;
		border-radius: 3px;
	}

	#header-menu-sidebar input.search-field,
	#header-menu-sidebar input.search-field:focus {
		color: #ffffff;
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
	}

	#header-menu-sidebar input.search-field::placeholder {
		color: rgba(255, 255, 255, 0.78);
		opacity: 1;
	}

	#header-menu-sidebar .header-search-form button.search-submit,
	#header-menu-sidebar .header-search-form button.search-submit:hover,
	#header-menu-sidebar .header-search-form button.search-submit:focus-visible {
		color: #ffffff;
		background-color: transparent;
		background-image: none;
		border-color: transparent;
		box-shadow: none;
		text-shadow: none;
	}

	/* The open-state hamburger is the close X: larger, white and unboxed. */
	.menu-mobile-toggle.is-active,
	.menu-mobile-toggle.is-active:hover,
	.menu-mobile-toggle.is-active:focus-visible {
		color: #ffffff;
		background: transparent !important;
		border-color: transparent !important;
		box-shadow: none !important;
	}

	.menu-mobile-toggle.is-active .hamburger-box {
		width: 38px;
		height: 38px;
		margin-top: 0;
	}

	.menu-mobile-toggle.is-active .hamburger-inner,
	.menu-mobile-toggle.is-active .hamburger-inner::before,
	.menu-mobile-toggle.is-active .hamburger-inner::after {
		width: 38px;
		height: 3px;
	}
}

/* Tablet/mobile drawer controls. Kept last to override inherited builder UI. */
@media screen and (max-width: 1024px) {
	.menu-mobile-toggle,
	.menu-mobile-toggle:hover,
	.menu-mobile-toggle:focus-visible,
	.menu-mobile-toggle.is-active,
	.menu-mobile-toggle.is-active:hover,
	.menu-mobile-toggle.is-active:focus-visible {
		color: #ffffff;
		background: transparent !important;
		border-color: transparent !important;
		box-shadow: none !important;
	}

	.menu-mobile-toggle:not(.is-active) .hamburger-box {
		width: 36px;
	}

	.menu-mobile-toggle:not(.is-active) .hamburger-inner,
	.menu-mobile-toggle:not(.is-active) .hamburger-inner::before,
	.menu-mobile-toggle:not(.is-active) .hamburger-inner::after {
		width: 36px;
		height: 3px;
	}

	.menu-mobile-toggle:not(.is-active) .hamburger-inner::before {
		top: -13px;
	}

	.menu-mobile-toggle:not(.is-active) .hamburger-inner::after {
		bottom: -13px;
	}

	.menu-mobile-toggle.is-active .hamburger-box {
		width: 42px;
		height: 42px;
		margin-top: 0;
	}

	.menu-mobile-toggle.is-active .hamburger-inner,
	.menu-mobile-toggle.is-active .hamburger-inner::before,
	.menu-mobile-toggle.is-active .hamburger-inner::after {
		width: 42px;
		height: 3px;
	}

	#header-menu-sidebar-inner .mobile-item--search_box {
		order: 99;
	}

	#header-menu-sidebar .header-search-form,
	#header-menu-sidebar .search-form-fields {
		color: #ffffff;
		background-color: #000000;
		background-image: none;
		box-shadow: none;
	}

	#header-menu-sidebar .search-form-fields {
		height: 42px;
		border: 1px solid #ffffff;
		border-radius: 3px;
	}

	#header-menu-sidebar input.search-field,
	#header-menu-sidebar input.search-field:focus {
		height: 40px;
		color: #ffffff;
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
		font-size: 16px;
	}

	#header-menu-sidebar input.search-field::placeholder {
		color: rgba(255, 255, 255, 0.9);
		opacity: 1;
	}

	#header-menu-sidebar .header-search-form button.search-submit,
	#header-menu-sidebar .header-search-form button.search-submit:hover,
	#header-menu-sidebar .header-search-form button.search-submit:focus-visible {
		color: #ffffff;
		background-color: transparent;
		background-image: none;
		border-color: transparent;
		box-shadow: none;
		text-shadow: none;
		margin-left: -42px;
	}

	#header-menu-sidebar .header-search-form button.search-submit svg {
		width: 22px;
		height: 22px;
	}
}

/* One visual language for every text/action button in the theme. */
button:not(.menu-mobile-toggle):not(.search-submit):not(.copy-the-code-button):not(.ctc-copy-btn):not(.superwebshare_button):not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
a.button:not(.components-button):not(.customize-partial-edit-shortcut-button),
a.item--button,
.entry-readmore a,
.wp-element-button,
.wp-block-button__link,
.wp-block-file__button,
.wp-block-search__button,
.nav-links .page-numbers,
.page-numbers,
#bbpress-forums .button,
#bbpress-forums .bbp-pagination-links a,
#bbpress-forums .bbp-pagination-links span.current,
#bbpress-forums .bbp-topic-pagination a,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.added_to_cart {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 38px;
	min-height: 40px;
	padding: 8px 13px !important;
	color: #ffffff !important;
	background-color: var(--spek-blue-600) !important;
	background-image: linear-gradient(135deg, var(--spek-blue-600), #087fa7) !important;
	border: 1px solid var(--spek-blue-700) !important;
	border-radius: 5px !important;
	box-shadow: 0 7px 17px rgba(37, 99, 235, 0.2), inset 0 1px rgba(255, 255, 255, 0.24) !important;
	font-family: "Play", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 1px 2px rgba(2, 6, 23, 0.38);
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	transition: color 160ms ease, background-color 160ms ease, background-image 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

button:not(.menu-mobile-toggle):not(.search-submit):not(.copy-the-code-button):not(.ctc-copy-btn):not(.superwebshare_button):not(.components-button):not(.customize-partial-edit-shortcut-button):hover,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button):hover,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button):hover,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button):hover,
a.button:not(.components-button):not(.customize-partial-edit-shortcut-button):hover,
a.item--button:hover,
.entry-readmore a:hover,
.wp-element-button:hover,
.wp-block-button__link:hover,
.wp-block-file__button:hover,
.wp-block-search__button:hover,
.nav-links .page-numbers:hover,
#bbpress-forums .button:hover,
#bbpress-forums .bbp-pagination-links a:hover,
#bbpress-forums .bbp-topic-pagination a:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.added_to_cart:hover {
	color: #ffffff !important;
	background-color: #1647c4 !important;
	background-image: linear-gradient(135deg, #1d4ed8, #0e7490) !important;
	border-color: #1647c4 !important;
	box-shadow: var(--spek-shadow-blue), inset 0 1px rgba(255, 255, 255, 0.2) !important;
	transform: translateY(-1px);
}

button:not(.menu-mobile-toggle):not(.search-submit):not(.copy-the-code-button):not(.ctc-copy-btn):not(.superwebshare_button):not(.components-button):not(.customize-partial-edit-shortcut-button):active,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button):active,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button):active,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button):active,
a.button:not(.components-button):not(.customize-partial-edit-shortcut-button):active,
a.item--button:active,
.entry-readmore a:active,
.wp-element-button:active,
.wp-block-button__link:active,
.wp-block-file__button:active,
.wp-block-search__button:active,
.nav-links .page-numbers:active,
#bbpress-forums .button:active,
#bbpress-forums .bbp-pagination-links a:active,
#bbpress-forums .bbp-topic-pagination a:active {
	transform: translateY(0);
	box-shadow: 0 3px 9px rgba(37, 99, 235, 0.2), inset 0 1px 2px rgba(2, 6, 23, 0.2) !important;
}

button:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled,
.button.disabled,
.button:disabled,
.woocommerce .button.disabled,
.woocommerce .button:disabled {
	color: #ffffff !important;
	background-color: #64748b !important;
	background-image: none !important;
	border-color: #475569 !important;
	box-shadow: none !important;
	opacity: 0.68;
	cursor: not-allowed;
	transform: none;
}

/* Search controls: one closed geometry, with no negative-margin overlap. */
.header-search_icon-item .header-search-modal.header-search-form {
	display: flex;
	align-items: stretch;
	gap: 0;
	box-sizing: border-box;
	width: min(377px, calc(100vw - 28px));
	max-width: calc(100vw - 28px);
	padding: 22px;
}

.header-search_icon-item .header-search-modal.header-search-form > label {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
}

.header-search_icon-item .header-search-modal.header-search-form .search-field,
.header-search_icon-item .header-search-modal.header-search-form .search-field:focus {
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	height: 50px;
	margin: 0;
	padding: 0 15px;
	border: 1px solid #aebed2;
	border-right: 0;
	border-radius: 5px 0 0 5px;
	box-shadow: inset 0 1px 3px rgba(15, 35, 65, 0.08);
}

.header-search_icon-item .header-search-modal.header-search-form button.search-submit,
.header-search_icon-item .header-search-modal.header-search-form button.search-submit:hover,
.header-search_icon-item .header-search-modal.header-search-form button.search-submit:focus-visible {
	display: inline-flex;
	flex: 0 0 52px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 52px;
	min-width: 52px;
	height: 50px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	background-color: var(--spek-blue-600);
	background-image: linear-gradient(135deg, var(--spek-blue-600), #087fa7);
	border: 1px solid var(--spek-blue-700);
	border-radius: 0 5px 5px 0;
	box-shadow: 0 6px 14px rgba(37, 99, 235, 0.2), inset 0 1px rgba(255, 255, 255, 0.24);
	overflow: hidden;
}

.header-search_icon-item .header-search-modal.header-search-form button.search-submit:hover,
.header-search_icon-item .header-search-modal.header-search-form button.search-submit:focus-visible {
	background-color: #1647c4;
	background-image: linear-gradient(135deg, #1d4ed8, #0e7490);
}

.header-search_icon-item .header-search-modal.header-search-form button.search-submit svg {
	display: block;
	width: 29px;
	height: 29px;
	margin: 0 !important;
}

/* Editorial tables read as intentional, self-contained content blocks. */
.entry-content .table-wrapper,
.entry-content figure.wp-block-table {
	box-sizing: border-box;
	margin: 28px 0;
	border: 1px solid #b7c9dc;
	border-radius: 8px;
	box-shadow: 0 10px 25px rgba(15, 35, 65, 0.08);
	overflow: hidden;
}

.entry-content .table-wrapper table,
.entry-content figure.wp-block-table table,
.entry-content > table {
	width: 100%;
	margin: 0;
	border: 1px solid #b7c9dc;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0 10px 25px rgba(15, 35, 65, 0.08);
	overflow: hidden;
}

.entry-content .table-wrapper table,
.entry-content figure.wp-block-table table {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.entry-content .table-wrapper th,
.entry-content figure.wp-block-table th,
.entry-content > table th {
	padding: 14px 18px;
	color: #ffffff;
	background-color: #164e73;
	background-image: linear-gradient(135deg, #103b5f, #14617f);
	border: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.18);
	border-bottom: 1px solid #0f3857;
	font-size: 0.95em;
	font-weight: 700;
	letter-spacing: 0.015em;
	text-align: left;
	text-shadow: 0 1px 2px rgba(2, 6, 23, 0.5);
}

.entry-content .table-wrapper th:last-child,
.entry-content figure.wp-block-table th:last-child,
.entry-content > table th:last-child {
	border-right: 0;
}

.entry-content .table-wrapper td,
.entry-content figure.wp-block-table td,
.entry-content > table td {
	padding: 14px 18px;
	color: var(--spek-ink);
	background-color: #ffffff;
	border: 0;
	border-right: 1px solid #d8e3ef;
	border-bottom: 1px solid #d8e3ef;
	vertical-align: middle;
}

.entry-content .table-wrapper td:last-child,
.entry-content figure.wp-block-table td:last-child,
.entry-content > table td:last-child {
	border-right: 0;
}

.entry-content .table-wrapper tr:last-child td,
.entry-content figure.wp-block-table tr:last-child td,
.entry-content > table tr:last-child td {
	border-bottom: 0;
}

.entry-content .table-wrapper tbody tr:nth-child(even) td,
.entry-content figure.wp-block-table tbody tr:nth-child(even) td,
.entry-content > table tbody tr:nth-child(even) td {
	background-color: #f2f7fc;
}

.entry-content .table-wrapper tbody tr:hover td,
.entry-content figure.wp-block-table tbody tr:hover td,
.entry-content > table tbody tr:hover td {
	background-color: #eaf4ff;
}

.entry-content figure.wp-block-table figcaption {
	margin: 0;
	padding: 9px 14px;
	color: #52657c;
	background-color: #edf3f9;
	border-top: 1px solid #d8e3ef;
	font-size: 0.82em;
	text-align: left;
}

/* bbPress tables and replies: clearer columns, rhythm and hierarchy. */
#bbpress-forums {
	font-size: 17px;
	line-height: 1.55;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	border: 1px solid #b7c9dc;
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0 12px 28px rgba(15, 35, 65, 0.1);
	overflow: hidden;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
	padding: 10px 12px;
}

#bbpress-forums li.bbp-header li:not(:first-child),
#bbpress-forums li.bbp-footer li:not(:first-child) {
	box-sizing: border-box;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
	padding: 13px 12px;
	border-top: 1px solid #d5e1ed;
}

#bbpress-forums li.bbp-body ul.forum > li,
#bbpress-forums li.bbp-body ul.topic > li {
	box-sizing: border-box;
	min-height: 48px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#bbpress-forums li.bbp-body ul.forum > li:not(:first-child),
#bbpress-forums li.bbp-body ul.topic > li:not(:first-child) {
	padding-left: 10px;
	border-left: 1px solid #d8e3ef;
}

#bbpress-forums .bbp-forum-title,
#bbpress-forums .bbp-topic-permalink {
	font-size: 1.08em;
	font-weight: 700;
	line-height: 1.25;
}

#bbpress-forums .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
	line-height: 1.45;
}

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
	padding: 10px 14px;
}

#bbpress-forums li.bbp-body div.hentry {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	padding: 0;
	border-top: 1px solid #d5e1ed;
	background-color: #ffffff;
	overflow: hidden;
}

#bbpress-forums li.bbp-body div.bbp-reply-author,
#bbpress-forums li.bbp-body div.bbp-topic-author {
	float: none;
	box-sizing: border-box;
	width: auto;
	min-width: 0;
	min-height: 145px;
	margin: 0;
	padding: 18px 12px;
	background-color: #eef5fb;
	border-right: 1px solid #d5e1ed;
	text-align: center;
}

#bbpress-forums li.bbp-body div.bbp-reply-content,
#bbpress-forums li.bbp-body div.bbp-topic-content {
	box-sizing: border-box;
	min-width: 0;
	margin: 0;
	padding: 20px 22px;
	font-size: 17px;
	line-height: 1.65;
}

#bbpress-forums li.bbp-body div.bbp-reply-author img.avatar,
#bbpress-forums li.bbp-body div.bbp-topic-author img.avatar {
	max-width: 78px;
	margin-top: 0;
	border: 3px solid #ffffff;
	border-radius: 6px;
	box-shadow: 0 5px 14px rgba(15, 35, 65, 0.18);
}

#bbpress-forums li.bbp-body div.bbp-reply-author .bbp-author-name,
#bbpress-forums li.bbp-body div.bbp-topic-author .bbp-author-name {
	margin-top: 6px;
	font-size: 1.05em;
	font-weight: 700;
}

#bbpress-forums li.bbp-body div.bbp-reply-author .bbp-author-role,
#bbpress-forums li.bbp-body div.bbp-topic-author .bbp-author-role {
	color: #52657c;
	font-size: 0.78em;
}

/* Classic entry/page comments keep every original element in a larger card. */
.comments-area .comments-title {
	margin: 0 0 20px;
	padding: 11px 16px;
	color: #ffffff;
	background-color: #103b5f;
	background-image: linear-gradient(135deg, #103b5f, #14617f);
	border: 1px solid #0f3857;
	border-radius: 7px;
	font-size: 28px;
	line-height: 1.2;
	text-shadow: 0 1px 3px rgba(2, 6, 23, 0.52);
}

.comments-area .comment-list,
.comments-area .comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comments-area .comment-list > li.comment,
.comments-area .comment-list .children > li.comment {
	margin: 0 0 22px;
}

.comments-area .comment-list .children {
	margin-left: 44px;
	padding-left: 20px;
	border-left: 3px solid #67e8f9;
}

.comments-area article.comment {
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border-radius: 8px;
	box-shadow: 0 10px 25px rgba(15, 35, 65, 0.1);
	overflow: hidden;
}

.comments-area article.comment::before,
.comments-area article.comment::after {
	display: none;
	content: none;
}

.comments-area article.comment > .comment-reply {
	display: none;
}

.comments-area article.comment > .comment-image {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	box-sizing: border-box;
	padding: 16px 10px;
	background-color: #eef5fb;
	border: 1px solid #c5d5e5;
	border-right: 0;
	border-radius: 8px 0 0 8px;
}

.comments-area article.comment > .comment-image img.avatar {
	display: block;
	box-sizing: border-box;
	width: 64px;
	height: 64px;
	margin: 0;
	border: 3px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0 5px 14px rgba(15, 35, 65, 0.2);
}

.comments-area article.comment > .comment-wrap {
	box-sizing: border-box;
	min-width: 0;
	margin: 0;
	background-color: #ffffff;
	border: 1px solid #c5d5e5;
	border-left: 0;
	border-radius: 0 8px 8px 0;
	overflow: hidden;
}

.comments-area article.comment .comment-header {
	margin: 0;
	padding: 12px 16px;
	color: #ffffff;
	background-color: #164e73;
	background-image: linear-gradient(135deg, #103b5f, #14617f);
	border: 0;
	font-weight: 400;
	text-shadow: 0 1px 2px rgba(2, 6, 23, 0.5);
}

.comments-area article.comment .comment-author {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	color: #ffffff;
	font-family: "Play", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
}

.comments-area article.comment .comment-author a {
	color: #ffffff;
}

.comments-area article.comment .comment-post-author {
	display: inline-flex;
	padding: 2px 7px;
	color: #103b5f;
	background-color: #ffffff;
	border-radius: 999px;
	font-size: 10px;
	text-shadow: none;
}

.comments-area article.comment .comment-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 7px;
	font-size: 12px;
	line-height: 1.35;
}

.comments-area article.comment .comment-meta > a:first-child {
	color: #dbeafe;
}

.comments-area article.comment .comment-meta .comment-reply {
	float: none;
	margin-left: auto;
}

.comments-area article.comment .comment-edit-link,
.comments-area article.comment .comment-reply-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 4px 9px;
	color: #ffffff;
	background-color: var(--spek-blue-600);
	background-image: linear-gradient(135deg, var(--spek-blue-600), #087fa7);
	border: 1px solid #93c5fd;
	border-radius: 4px;
	box-shadow: 0 4px 10px rgba(2, 6, 23, 0.2), inset 0 1px rgba(255, 255, 255, 0.22);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(2, 6, 23, 0.4);
}

.comments-area article.comment .comment-edit-link:hover,
.comments-area article.comment .comment-reply-link:hover {
	color: #ffffff;
	background-color: #1647c4;
	background-image: linear-gradient(135deg, #1d4ed8, #0e7490);
}

.comments-area article.comment .comment-content {
	box-sizing: border-box;
	padding: 18px 20px;
	color: var(--spek-ink);
	background-color: #ffffff;
	font-size: 18px;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

.comments-area article.comment .comment-content > :first-child {
	margin-top: 0;
}

.comments-area article.comment .comment-content > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 568px) {
	#header-menu-sidebar .header-search-form {
		display: flex;
		align-items: stretch;
		box-sizing: border-box;
		height: 48px;
		border: 1px solid #ffffff;
		border-radius: 4px;
		overflow: hidden;
	}

	#header-menu-sidebar .search-form-fields {
		flex: 1 1 auto;
		box-sizing: border-box;
		width: auto;
		min-width: 0;
		height: 46px;
		border: 0;
		border-radius: 0;
	}

	#header-menu-sidebar input.search-field,
	#header-menu-sidebar input.search-field:focus {
		box-sizing: border-box;
		width: 100%;
		height: 46px;
		padding: 0 14px;
	}

	#header-menu-sidebar .header-search-form button.search-submit,
	#header-menu-sidebar .header-search-form button.search-submit:hover,
	#header-menu-sidebar .header-search-form button.search-submit:focus-visible {
		display: inline-flex;
		flex: 0 0 54px;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 54px;
		min-width: 54px;
		height: 46px;
		margin: 0;
		padding: 0;
		border: 0;
		border-left: 1px solid rgba(255, 255, 255, 0.22);
		border-radius: 0;
		overflow: hidden;
	}

	#header-menu-sidebar .header-search-form button.search-submit svg {
		display: block;
		width: 30px;
		height: 30px;
		margin: 0 !important;
	}

	.entry-content .table-wrapper,
	.entry-content figure.wp-block-table {
		margin: 22px 0;
		overflow: hidden;
	}

	.entry-content .table-wrapper table,
	.entry-content figure.wp-block-table table,
	.entry-content > table {
		table-layout: fixed;
	}

	.entry-content .table-wrapper th,
	.entry-content .table-wrapper td,
	.entry-content figure.wp-block-table th,
	.entry-content figure.wp-block-table td,
	.entry-content > table th,
	.entry-content > table td {
		padding: 11px 9px;
		font-size: 14px;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	#bbpress-forums li.bbp-body div.hentry {
		grid-template-columns: 1fr;
	}

	#bbpress-forums li.bbp-body div.bbp-reply-author,
	#bbpress-forums li.bbp-body div.bbp-topic-author {
		display: grid;
		grid-template-columns: 62px minmax(0, 1fr);
		align-items: center;
		box-sizing: border-box;
		width: auto;
		min-height: 86px;
		margin: 0;
		padding: 12px;
		border-right: 0;
		border-bottom: 1px solid #d5e1ed;
		text-align: left;
	}

	#bbpress-forums li.bbp-body div.bbp-reply-author img.avatar,
	#bbpress-forums li.bbp-body div.bbp-topic-author img.avatar {
		position: static;
		grid-row: 1 / span 4;
		grid-column: 1;
		width: 54px;
		height: auto;
		margin: 0;
	}

	#bbpress-forums li.bbp-body div.bbp-reply-author .bbp-author-name,
	#bbpress-forums li.bbp-body div.bbp-topic-author .bbp-author-name {
		grid-column: 2;
		clear: none;
		margin: 0 0 0 10px;
	}

	#bbpress-forums li.bbp-body div.bbp-reply-author .bbp-author-role,
	#bbpress-forums li.bbp-body div.bbp-topic-author .bbp-author-role,
	#bbpress-forums li.bbp-body div.bbp-reply-author .bbp-reply-ip,
	#bbpress-forums li.bbp-body div.bbp-topic-author .bbp-reply-ip {
		grid-column: 2;
		margin-left: 10px;
	}

	#bbpress-forums li.bbp-body div.bbp-reply-content,
	#bbpress-forums li.bbp-body div.bbp-topic-content {
		clear: both;
		margin: 0;
		padding: 16px;
		font-size: 16px;
	}

	.comments-area .comments-title {
		padding: 10px 12px;
		font-size: 24px;
	}

	.comments-area .comment-list .children {
		margin-left: 10px;
		padding-left: 10px;
	}

	.comments-area article.comment {
		display: block;
		position: relative;
		border: 1px solid #c5d5e5;
	}

	.comments-area article.comment > .comment-image {
		position: absolute;
		top: 13px;
		left: 13px;
		z-index: 2;
		width: 56px;
		height: 56px;
		padding: 0;
		background: transparent;
		border: 0;
	}

	.comments-area article.comment > .comment-image img.avatar {
		width: 56px;
		height: 56px;
	}

	.comments-area article.comment > .comment-wrap {
		border: 0;
		border-radius: 0;
	}

	.comments-area article.comment .comment-header {
		min-height: 82px;
		padding: 13px 12px 12px 82px;
	}

	.comments-area article.comment .comment-author {
		font-size: 17px;
	}

	.comments-area article.comment .comment-meta {
		align-items: flex-start;
	}

	.comments-area article.comment .comment-meta .comment-reply {
		width: 100%;
		margin: 2px 0 0;
	}

	.comments-area article.comment .comment-content {
		padding: 16px;
		font-size: 16px;
	}
}

/* The drawer is also used at tablet widths, so its search row stays identical. */
@media screen and (min-width: 569px) and (max-width: 1024px) {
	#header-menu-sidebar .header-search-form {
		display: flex;
		align-items: stretch;
		box-sizing: border-box;
		height: 48px;
		border: 1px solid #ffffff;
		border-radius: 4px;
		overflow: hidden;
	}

	#header-menu-sidebar .search-form-fields {
		flex: 1 1 auto;
		box-sizing: border-box;
		width: auto;
		min-width: 0;
		height: 46px;
		border: 0;
		border-radius: 0;
	}

	#header-menu-sidebar input.search-field,
	#header-menu-sidebar input.search-field:focus {
		box-sizing: border-box;
		width: 100%;
		height: 46px;
		padding: 0 14px;
	}

	#header-menu-sidebar .header-search-form button.search-submit,
	#header-menu-sidebar .header-search-form button.search-submit:hover,
	#header-menu-sidebar .header-search-form button.search-submit:focus-visible {
		display: inline-flex;
		flex: 0 0 54px;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 54px;
		min-width: 54px;
		height: 46px;
		margin: 0;
		padding: 0;
		border: 0;
		border-left: 1px solid rgba(255, 255, 255, 0.22);
		border-radius: 0;
		overflow: hidden;
	}

	#header-menu-sidebar .header-search-form button.search-submit svg {
		display: block;
		width: 30px;
		height: 30px;
		margin: 0 !important;
	}
}