/* utilities/responsive.css — split from theme.css */
@media ( max-width: 680px ) {
	html {
		scroll-padding-top: 7.25rem;
	}

	:target {
		scroll-margin-top: 7.25rem;
	}

	body {
		font-size: 15px;
	}

	.nav-wrap {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 0.35rem;
		padding-block: 0.65rem;
	}

	.site-header .nav-wrap > .site-branding {
		flex: 1 1 auto;
		min-width: 0;
		margin-top: -5px;
		margin-inline-end: 0.25rem;
	}

	.site-header .brand,
	.site-header .site-branding .brand,
	.site-header .site-branding h1.brand,
	.site-header .brand a,
	.site-header .site-header__brand .reclaim-cabinet-name {
		font-size: 0.63rem;
		letter-spacing: 0.025em;
	}

	.site-header .site-branding__fallback-logo {
		width: 1.95rem;
		height: 1.95rem;
		font-size: 1.2rem;
		box-shadow:
			0.18rem 0.18rem 0 var( --coral ),
			0.34rem 0.34rem 0 var( --orange );
		transform: none;
	}

	.site-header .site-branding__fallback-logo--mark img {
		width: 1.22rem;
		height: 1.22rem;
	}

	.site-header .site-branding .wp-block-site-logo {
		transform: scale( 1.06 );
	}

	.site-header .site-branding .wp-block-site-logo img {
		max-height: 1.95rem;
	}

	body:not( .has-js ) .nav-wrap nav {
		position: relative;
		width: 100%;
		min-width: 0;
	}

	.has-js .site-header .nav-wrap > .primary-navigation {
		margin: 0;
	}

	.nav-list {
		width: 100%;
		overflow-x: auto;
		gap: 0.25rem;
		margin-inline: -0.35rem;
		padding: 0 0.35rem 0.2rem;
		scroll-padding-inline: 0.35rem;
		scrollbar-width: none;
	}

	.nav-list::-webkit-scrollbar {
		display: none;
	}

	.nav-list a {
		min-height: 2.35rem;
		padding: 0.42rem 0.25rem 0.3rem;
		white-space: nowrap;
	}

	.has-js nav.primary-navigation {
		position: fixed;
		right: 0.85rem;
		right: max( 0.85rem, env( safe-area-inset-right ) );
		top: 5.15rem;
		top: calc( 5.15rem + max( 0rem, env( safe-area-inset-top ) ) );
		left: 0.85rem;
		left: max( 0.85rem, env( safe-area-inset-left ) );
		z-index: 80;
		display: block;
		width: auto;
		max-height: min( calc( 100vh - 6.35rem ), 24rem );
		padding: 1rem;
		border: 2px solid var( --stroke-strong );
		border-radius: var( --radius-md );
		background: var( --surface );
		box-shadow: 0.4rem 0.4rem 0 var( --shadow-ink );
		overflow-y: auto;
		transform: translateY( -0.75rem );
		visibility: hidden;
		opacity: 0;
		transition: transform 180ms ease, opacity 180ms ease, visibility 180ms ease;
	}

	body:not( .mobile-nav-open ) nav.primary-navigation {
		transition: none;
	}

	body.mobile-nav-open nav.primary-navigation {
		transform: translateY( 0 );
		visibility: visible;
		opacity: 1;
	}

	.has-js .primary-navigation .nav-list {
		display: grid;
		width: 100%;
		gap: 0.5rem;
		margin: 0;
		padding: 0;
		overflow: visible;
	}

	.has-js .primary-navigation .nav-list a {
		justify-content: space-between;
		width: 100%;
		min-height: 3rem;
		padding: 0.75rem 0.9rem;
		border: 2px solid var( --stroke-strong );
		border-radius: var( --radius-sm );
		background: var( --surface );
		box-shadow: 0.15rem 0.15rem 0 var( --shadow-ink );
		white-space: normal;
	}

	.has-js .primary-navigation .nav-list a:hover,
	.has-js .primary-navigation .nav-list a[aria-current="page"],
	.has-js .primary-navigation .nav-list .current-menu-item > a,
	.has-js .primary-navigation .nav-list .current_page_item > a,
	.has-js .primary-navigation .nav-list .current_page_parent > a,
	.has-js .primary-navigation .nav-list .current-menu-ancestor > a {
		background: var( --highlight-interactive );
		color: var( --on-highlight );
	}

	.has-js .mobile-menu-toggle {
		position: relative;
		flex: 0 0 auto;
		order: 3;
		z-index: 90;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 2.8rem;
		height: 2.8rem;
		border: 2px solid var( --stroke-strong );
		border-radius: var( --radius-sm );
		background: var( --surface );
		box-shadow: 0.2rem 0.2rem 0 var( --shadow-ink );
		color: var( --ink );
		cursor: pointer;
		transition:
			background-color 150ms ease,
			box-shadow 150ms ease,
			color 150ms ease,
			transform 150ms ease;
	}

	.has-js .mobile-menu-toggle:hover,
	.has-js .mobile-menu-toggle:focus-visible {
		transform: translate( 0.1rem, 0.1rem );
		background: var( --highlight-interactive );
		box-shadow: 0.1rem 0.1rem 0 var( --shadow-ink );
		color: var( --on-highlight );
	}

	body.mobile-nav-open .mobile-menu-toggle {
		background: var( --coral );
		color: var( --on-highlight );
	}

	.mobile-menu-toggle[hidden] {
		display: none;
	}

	.mobile-menu-toggle__icon {
		display: grid;
		gap: 0.28rem;
		width: 1.2rem;
	}

	.mobile-menu-toggle__icon span {
		display: block;
		height: 0.13rem;
		border-radius: 999px;
		background: currentColor;
		transition: transform 180ms ease, opacity 180ms ease;
	}

	body.mobile-nav-open .mobile-menu-toggle__icon span:nth-child( 1 ) {
		transform: translateY( 0.41rem ) rotate( 45deg );
	}

	body.mobile-nav-open .mobile-menu-toggle__icon span:nth-child( 2 ) {
		opacity: 0;
	}

	body.mobile-nav-open .mobile-menu-toggle__icon span:nth-child( 3 ) {
		transform: translateY( -0.41rem ) rotate( -45deg );
	}

	.has-js .mobile-nav-backdrop {
		position: fixed;
		inset: 0;
		z-index: 70;
		display: block;
		background: rgba( 5, 20, 28, 0.34 );
		opacity: 0;
		visibility: hidden;
		transition: opacity 180ms ease, visibility 180ms ease;
	}

	.has-js .mobile-nav-backdrop:not( [hidden] ) {
		opacity: 1;
		visibility: visible;
	}

	.site-header__actions {
		flex: 0 0 auto;
		order: 2;
		gap: 0.35rem;
	}

	.theme-toggle {
		flex: 0 0 auto;
		order: 0;
		justify-content: center;
		width: 2.8rem;
		min-width: 2.8rem;
		height: 2.8rem;
		min-height: 2.8rem;
		margin: 0;
		padding: 0;
	}

	.theme-toggle__icon {
		font-size: 1.1rem;
	}

	.theme-toggle__text {
		display: none;
	}

	body.mobile-nav-open .site-header {
		z-index: 95;
	}

	body.mobile-nav-open header.wp-block-template-part {
		z-index: 95;
	}

	.page-hero {
		padding-block: clamp( 3rem, 11vw, 4.6rem ) clamp( 2rem, 9vw, 3rem );
	}

	.post-single {
		margin-block: 0;
	}

	.post-hero {
		padding-block: clamp( 1.5rem, 8vw, 2.6rem ) clamp( 1rem, 6vw, 1.6rem );
	}

	.post-hero .eyebrow {
		top: -0.85rem;
		left: 1rem;
	}

	.post-section {
		padding-bottom: clamp( 1.5rem, 8vw, 2.5rem );
	}

	.hero h1,
	.page-hero h1 {
		max-width: 100%;
		font-size: clamp( 1.45rem, 7vw, 1.85rem );
		line-height: 1.08;
		letter-spacing: 0;
		overflow-wrap: break-word;
		text-wrap: auto;
	}

	.hero-copy h1 .hero-emphasis--blogs,
	.hero-copy h1 .hero-emphasis--social-web,
	.hero-copy__headline h1 .hero-emphasis--blogs,
	.hero-copy__headline h1 .hero-emphasis--social-web {
		font-size: 1.38em;
	}

	.hero-emphasis--social-web,
	.hero-accent--social-web {
		white-space: normal;
	}

	.lede,
	.hero .hero-copy > p:not( .eyebrow ):not( .lede ),
	.page-hero .container > p:not( .eyebrow ),
	.section > .container > .section-heading h2,
	.section > .container > .section-heading > .wp-block-group__inner-container > h2,
	.section > .container > .section-heading .wp-block-heading,
	.section > .container > .section-heading > .wp-block-group__inner-container > .wp-block-heading,
	.section > .container > .section-heading > p:not( .eyebrow ):not( .badge-row ),
	.section > .container > .section-heading > .wp-block-group__inner-container > p:not( .eyebrow ):not( .badge-row ),
	#courses .section-heading.corporate .corporate-head__content h2,
	#courses .section-heading.corporate .corporate-head__content .wp-block-heading,
	#courses .section-heading.corporate .corporate-head__content > p,
	#courses .section-heading.end h2,
	#courses .section-heading.end .wp-block-heading,
	#courses .section-heading.end > .wp-block-group__inner-container > h2,
	#courses .section-heading.end > .wp-block-group__inner-container > .wp-block-heading,
	#courses .section-heading.end p,
	#courses .section-heading.end > .wp-block-group__inner-container > p,
	.two-column > .section-heading h2,
	.two-column > .section-heading .wp-block-heading,
	.two-column > .section-heading > .wp-block-group__inner-container > h2,
	.two-column > .section-heading > .wp-block-group__inner-container > .wp-block-heading,
	.two-column > .section-heading > p:not( .eyebrow ):not( .badge-row ),
	.two-column > .section-heading > .wp-block-group__inner-container > p:not( .eyebrow ):not( .badge-row ) {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0.85rem 1rem;
		border: var( --card-border-width ) solid color-mix( in srgb, var( --card-border ) 55%, transparent );
		border-bottom-width: 0;
		border-radius: var( --radius-md );
		background: color-mix( in srgb, var( --surface ) 72%, transparent );
		box-shadow: 0 2px 14px color-mix( in srgb, var( --shadow-ink ) 12%, transparent );
		color: var( --ink );
		font-size: 1.03rem;
		line-height: 1.62;
	}

	#courses .section-heading.corporate .corporate-head__content h2,
	#courses .section-heading.corporate .corporate-head__content .wp-block-heading {
		display: block;
		font-size: clamp( 1.08rem, 4.2vw, 1.45rem );
		line-height: 1.22;
	}

	.two-column > .section-heading h2,
	.two-column > .section-heading .wp-block-heading,
	.two-column > .section-heading > .wp-block-group__inner-container > h2,
	.two-column > .section-heading > .wp-block-group__inner-container > .wp-block-heading {
		font-size: clamp( 1.28rem, 5.5vw, 1.62rem );
		line-height: 1.12;
	}

	@supports ( ( backdrop-filter: blur( 6px ) ) or ( -webkit-backdrop-filter: blur( 6px ) ) ) {
		.lede,
		.hero .hero-copy > p:not( .eyebrow ):not( .lede ),
		.page-hero .container > p:not( .eyebrow ),
		.section > .container > .section-heading h2,
		.section > .container > .section-heading > .wp-block-group__inner-container > h2,
		.section > .container > .section-heading .wp-block-heading,
		.section > .container > .section-heading > .wp-block-group__inner-container > .wp-block-heading,
		.section > .container > .section-heading > p:not( .eyebrow ):not( .badge-row ),
		.section > .container > .section-heading > .wp-block-group__inner-container > p:not( .eyebrow ):not( .badge-row ),
		#courses .section-heading.corporate .corporate-head__content h2,
		#courses .section-heading.corporate .corporate-head__content .wp-block-heading,
		#courses .section-heading.corporate .corporate-head__content > p,
		#courses .section-heading.end h2,
		#courses .section-heading.end .wp-block-heading,
		#courses .section-heading.end > .wp-block-group__inner-container > h2,
		#courses .section-heading.end > .wp-block-group__inner-container > .wp-block-heading,
		#courses .section-heading.end p,
		#courses .section-heading.end > .wp-block-group__inner-container > p,
		.two-column > .section-heading h2,
		.two-column > .section-heading .wp-block-heading,
		.two-column > .section-heading > .wp-block-group__inner-container > h2,
		.two-column > .section-heading > .wp-block-group__inner-container > .wp-block-heading,
		.two-column > .section-heading > p:not( .eyebrow ):not( .badge-row ),
		.two-column > .section-heading > .wp-block-group__inner-container > p:not( .eyebrow ):not( .badge-row ) {
			background: color-mix( in srgb, var( --glass-strong ) 62%, transparent );
			backdrop-filter: blur( 12px );
			-webkit-backdrop-filter: blur( 12px );
		}
	}

	.cta-row,
	.cta-row > .wp-block-group__inner-container {
		gap: 0.65rem;
	}

	.cta-row > a,
	.cta-row p,
	.callout.split > p,
	.callout.split > .wp-block-group__inner-container > p {
		width: 100%;
	}

	.cta-row .button,
	.callout.split .button {
		width: 100%;
		min-height: 3.15rem;
	}

	.hero-card {
		box-shadow:
			0.32rem 0.32rem 0 var( --coral ),
			0.58rem 0.58rem 0 var( --orange );
		border-radius: calc( var( --card-radius ) - 0.375rem );
		transform: none;
	}

	.hero-card:hover {
		transform: none;
	}

	.hero-card::before {
		inset: -0.45rem;
		border-radius: calc( var( --card-radius ) + 0.075rem );
		transform: rotate( -1deg );
	}

	.node {
		align-items: flex-start;
		padding: 0.9rem;
	}

	.node > .wp-block-group__inner-container {
		align-items: flex-start;
	}

	.node-icon {
		width: 2.55rem;
		height: 2.55rem;
		border-radius: calc( var( --radius-sm ) + 0.1rem );
	}

	.section {
		padding-block: var( --section-padding-block );
	}

	.hero {
		padding-block: clamp( 1.35rem, 7vw, 2.5rem ) clamp( 1rem, 4.5vw, 1.35rem );
	}

	body.home .hero {
		padding-top: clamp( 0.45rem, 2vw, 0.7rem );
		padding-bottom: 0;
	}

	.status-notice {
		padding: 0.7rem 0.8rem;
		gap: var( --mobile-stack-gap, 0.75rem );
	}

	.section-heading h2,
	.callout h2,
	.panel h2 {
		font-size: clamp( 1.52rem, 7.5vw, 2.05rem );
		line-height: 1.05;
	}

	#courses .section-heading.corporate .corporate-head {
		--corporate-icon-size: clamp( 2.65rem, 13vw, 3.35rem );
		--corporate-icon-gap: clamp( 0.55rem, 3vw, 0.85rem );
	}

	#courses .section-heading.corporate .corporate-head__content h2,
	#courses .section-heading.corporate .corporate-head__content .wp-block-heading {
		font-size: clamp( 1.08rem, 4.2vw, 1.45rem );
		line-height: 1.22;
	}

	#courses .section-heading.corporate .corporate-head__content p,
	#courses .section-heading.corporate p:not( .eyebrow ) {
		font-size: 0.92rem;
	}

	#get-involved .callout h2 {
		max-width: none;
		font-size: 1.55rem;
	}

	#get-involved .cta-row.compact,
	#get-involved .cta-row.compact > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	pre {
		padding: 1rem;
		font-size: 0.9rem;
	}

	th,
	td,
	.wp-block-table.table-wrap th,
	.wp-block-table.table-wrap td {
		padding: 0.8rem;
	}

	.card-grid,
	.card-grid > .wp-block-group__inner-container,
	.card-grid.two,
	.card-grid.two > .wp-block-group__inner-container,
	.post-archive-grid,
	.feature-list,
	.feature-list > .wp-block-group__inner-container,
	.steps,
	.steps > .wp-block-group__inner-container,
	.destination-grid,
	.destination-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	.callout,
	.panel,
	.card,
	.feature,
	.post-content-column,
	.post-summary,
	.social-feed-post,
	.post-navigation .wp-block-post-navigation-link,
	.post-sidebar__section,
	.post-sidebar__widget,
	.post-footer,
	.comments-area,
	.comments-area .comment > .wp-block-columns {
		border-radius: var( --card-radius );
		box-shadow: 0.22rem 0.22rem 0 var( --shadow-ink );
	}

	.post-summary {
		padding: 1.1rem;
	}

	.social-feed-stream {
		padding-left: 0.85rem;
	}

	.social-feed-post {
		padding: 1rem;
	}

	.social-feed-post::before {
		left: -1.22rem;
	}

	.social-feed-post__header {
		align-items: flex-start;
		flex-direction: column;
	}

	.social-feed-post__header .wp-block-post-date {
		margin-left: 3.1rem;
	}

	.post-meta {
		align-items: flex-start;
		gap: 0.35rem 0.55rem;
		font-size: 0.88rem;
	}

	.post-meta--single {
		flex-direction: column;
	}

	.post-meta--single .post-meta__item + .post-meta__item::before {
		display: none;
	}

	.post-container,
	.post-content-column,
	.post-sidebar,
	.comments-area,
	.entry-content > *,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-pagination,
	.post-footer {
		max-width: 100%;
	}

	.post-container {
		width: min( calc( 100% - 2.5rem ), var( --max-width ) );
	}

	.entry-content {
		font-size: 1rem;
	}

	.entry-content h2 {
		padding-top: 1.15rem;
		font-size: clamp( 1.55rem, 8vw, 2.05rem );
	}

	.entry-content h3 {
		font-size: clamp( 1.28rem, 6vw, 1.6rem );
	}

	.post-navigation .wp-block-post-navigation-link,
	.post-footer,
	.comments-area,
	.comments-area .comment > .wp-block-columns {
		padding: 1rem;
	}

	.comments-area .wp-block-comment-template ol {
		margin-left: 0.7rem;
		padding-left: 0.7rem;
	}
}

@media ( max-width: 380px ) {
	.container {
		width: min( calc( 100% - 1rem ), var( --max-width ) );
	}

	.site-header .brand,
	.site-header .site-branding .brand,
	.site-header .site-branding h1.brand,
	.site-header .brand a,
	.site-header .site-header__brand .reclaim-cabinet-name {
		font-size: 0.63rem;
		line-height: 1.05;
	}

	#courses .section-heading.corporate .corporate-head {
		--corporate-icon-size: clamp( 2.35rem, 15vw, 2.85rem );
		--corporate-icon-gap: 0.5rem;
	}

	.hero h1,
	.page-hero h1 {
		font-size: 1.65rem;
	}

	.eyebrow,
	.kicker,
	.badge,
	.status-notice__label {
		white-space: normal;
	}

	.node,
	.node > .wp-block-group__inner-container {
		flex-direction: column;
	}

	.node-copy,
	.node-description,
	.status-notice p,
	.section-heading p {
		overflow-wrap: anywhere;
	}

	.entry-content th,
	.entry-content td {
		padding: 0.55rem 0.35rem;
	}
}

.site-branding {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	gap: 0.95rem;
}

.site-branding .wp-block-site-logo {
	flex: 0 0 auto;
	margin: 0;
}

.brand {
	margin: 0;
}

.brand a {
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.primary-navigation {
	min-width: 0;
}

.primary-navigation .wp-block-navigation__container {
	display: flex;
	align-items: center;
	gap: clamp( 0.45rem, 1.4vw, 1.1rem );
	margin: 0;
	padding: 0;
	list-style: none;
}

.primary-navigation .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.4rem;
	padding: 0 0 0.2rem;
	border-bottom: 3px solid transparent;
	color: var( --ink );
	font-weight: 850;
	line-height: 1.2;
	text-decoration: none;
}

.primary-navigation .wp-block-navigation-item__content:hover,
.primary-navigation .wp-block-navigation-item__content:focus-visible,
.primary-navigation .wp-block-navigation-item__content[aria-current="page"],
.primary-navigation .current-menu-item > .wp-block-navigation-item__content,
.primary-navigation .current_page_item > .wp-block-navigation-item__content,
.primary-navigation .current_page_parent > .wp-block-navigation-item__content,
.primary-navigation .current-menu-ancestor > .wp-block-navigation-item__content {
	border-bottom-color: var( --coral );
	background: transparent;
	color: var( --ink );
}

.footer-links,
.footer-links .wp-block-navigation__container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0.8rem 1rem;
	margin: 0;
	min-width: 0;
	padding: 0;
	list-style: none;
}

.footer-links .wp-block-navigation-item__content {
	color: var( --muted );
	font-weight: 800;
	text-decoration: none;
}

.footer-links .wp-block-navigation-item__content:hover,
.footer-links .wp-block-navigation-item__content:focus-visible {
	color: var( --accent-rose );
}

@media ( max-width: 680px ) {
	.primary-navigation .wp-block-navigation__container {
		width: 100%;
		overflow-x: auto;
		gap: 0.25rem;
		margin-inline: -0.35rem;
		padding: 0 0.35rem 0.2rem;
		scroll-padding-inline: 0.35rem;
		scrollbar-width: none;
	}

	.primary-navigation .wp-block-navigation__container::-webkit-scrollbar {
		display: none;
	}

	.primary-navigation .wp-block-navigation-item__content {
		min-height: 2.35rem;
		padding: 0.42rem 0.25rem 0.3rem;
		white-space: nowrap;
	}

	.has-js .primary-navigation .wp-block-navigation__container {
		display: grid;
		grid-template-columns: minmax( 0, 1fr );
		width: 100%;
		justify-items: stretch;
		gap: 0.5rem;
		margin: 0;
		padding: 0;
		overflow: visible;
	}

	.has-js .primary-navigation .wp-block-navigation__container > .wp-block-navigation-item {
		justify-self: stretch;
		width: 100%;
	}

	.has-js .primary-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		min-height: 3rem;
		padding: 0.75rem 0.9rem;
		border: 2px solid var( --stroke-strong );
		border-radius: var( --radius-sm );
		background: var( --surface );
		box-shadow: 0.15rem 0.15rem 0 var( --shadow-ink );
		text-align: left;
		transition: background-color 150ms ease, box-shadow 150ms ease, color 150ms ease, transform 150ms ease;
		white-space: normal;
	}

	.has-js .primary-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover,
	.has-js .primary-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible {
		transform: translate( 0.08rem, 0.08rem );
		background: var( --highlight-interactive );
		box-shadow: 0.07rem 0.07rem 0 var( --shadow-ink );
		color: var( --on-highlight );
	}

	.has-js .primary-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"],
	.has-js .primary-navigation .wp-block-navigation__container > .current-menu-item > .wp-block-navigation-item__content,
	.has-js .primary-navigation .wp-block-navigation__container > .current_page_item > .wp-block-navigation-item__content,
	.has-js .primary-navigation .wp-block-navigation__container > .current_page_parent > .wp-block-navigation-item__content,
	.has-js .primary-navigation .wp-block-navigation__container > .current-menu-ancestor > .wp-block-navigation-item__content {
		background: var( --highlight-interactive );
		color: var( --on-highlight );
	}

	.has-js .primary-navigation .wp-block-navigation-item__content:hover,
	.has-js .primary-navigation .wp-block-navigation-item__content:focus-visible,
	.has-js .primary-navigation .wp-block-navigation-item__content[aria-current="page"],
	.has-js .primary-navigation .current-menu-item > .wp-block-navigation-item__content,
	.has-js .primary-navigation .current_page_item > .wp-block-navigation-item__content,
	.has-js .primary-navigation .current_page_parent > .wp-block-navigation-item__content,
	.has-js .primary-navigation .current-menu-ancestor > .wp-block-navigation-item__content {
		background: var( --highlight-interactive );
		color: var( --on-highlight );
	}

	.footer-links,
	.footer-links .wp-block-navigation__container {
		justify-content: flex-start;
	}
}

.post-sidebar__meta,
.post-sidebar__meta:hover,
.post-sidebar__meta:focus-within {
	--box-hover-color: var( --line );
	--box-hover-shadow: 0.28rem 0.28rem 0 var( --box-hover-color );

	padding: 1rem;
	border: var( --card-border-width, 1px ) solid var( --card-border );
	border-radius: var( --card-radius );
	background:
		linear-gradient( 135deg, rgba( 255, 196, 64, 0.08 ), transparent 52% ),
		var( --glass-strong );
	box-shadow: var( --box-hover-shadow );
}

.post-sidebar__meta .post-sidebar__title {
	margin-bottom: 0.8rem;
}

.post-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.8rem;
	max-width: var( --content-width );
	margin: 2rem 0 0;
	padding: 0.9rem 0 0;
	border: 0;
	border-top: 2px solid var( --line );
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var( --muted );
}

.post-footer .wp-block-post-terms {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.45rem;
	align-items: baseline;
	margin: 0;
}

.post-footer a {
	color: var( --accent-strong );
	font-weight: 800;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

@media ( prefers-reduced-motion: reduce ) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.001ms !important;
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
	}
}