/**
 * Learner — Blog & Article design layer.
 *
 * Implements the approved blog / single-post design on top of core block
 * markup. Every colour, radius and shadow below resolves to a theme.json
 * preset, so the palette stays editable from the Site Editor (Styles → Colors)
 * and there is exactly one source of truth for the colour rules.
 *
 * Loaded on the front end AND inside the editor (see inc/Assets.php), so the
 * Site Editor preview matches the live site.
 */

/* ---- Design tokens → theme.json presets -------------------------------- */
:root {
	--lrn-primary: var(--wp--preset--color--primary, #4200FF);
	--lrn-periwinkle: var(--wp--preset--color--periwinkle, #9E9CFF);
	--lrn-pink: var(--wp--preset--color--pink, #FFEAFB);
	--lrn-ink: var(--wp--preset--color--contrast, #1D2327);
	--lrn-white: var(--wp--preset--color--base, #FFFFFF);
	--lrn-lav-50: var(--wp--preset--color--base-2, #F4F4FF);
	--lrn-lav-100: var(--wp--preset--color--secondary, #E9E8FF);
	--lrn-pink-50: var(--wp--preset--color--pink-soft, #FFF5FB);

	--lrn-ink-60: rgba(29, 35, 39, .62);
	--lrn-ink-40: rgba(29, 35, 39, .42);
	--lrn-border: rgba(29, 35, 39, .09);

	--lrn-shadow-sm: 0 2px 10px rgba(29, 35, 39, .06);
	--lrn-shadow-md: 0 12px 30px rgba(29, 35, 39, .09);
	--lrn-shadow-blue: 0 14px 30px rgba(66, 0, 255, .24);

	--lrn-r-lg: 24px;
	--lrn-r-md: 16px;
	--lrn-r-sm: 10px;

	--lrn-mid: 980px;
}

/* Gradient headline word (used in the blog H1). */
.learner-grad-text,
.learner-grad-text a {
	background: linear-gradient(92deg, var(--lrn-primary) 10%, var(--lrn-periwinkle) 90%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

/* A 980px measure — wider than the article column, narrower than the grid. */
.learner-mid { max-width: var(--lrn-mid) !important; margin-left: auto; margin-right: auto; }

/* ======================================================================== *
 * Announcement bar
 * ======================================================================== */
.learner-banner {
	background: linear-gradient(90deg, var(--lrn-primary) 0%, var(--lrn-periwinkle) 100%);
	color: #fff;
	font-size: 14px;
}
.learner-banner a:not(.wp-element-button) { color: #fff; }
.learner-banner .wp-block-button__link {
	background: #fff;
	color: var(--lrn-primary);
	font-size: 13px;
	padding: 7px 16px;
	box-shadow: none;
}
.learner-banner .wp-block-button__link:hover { background: var(--lrn-pink); color: var(--lrn-primary); }
.learner-banner__pill {
	background: rgba(255, 255, 255, .18);
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 999px;
	padding: 4px 12px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	line-height: 1.6;
}

/* ======================================================================== *
 * Header
 * ======================================================================== */
/* The announcement bar scrolls away; only the nav row sticks (per design).
 *
 * Sticky has to sit on the OUTER element. A sticky child is confined to its
 * parent's box, and this parent is only as tall as the bar plus the nav — so
 * a sticky .site-header unstuck itself after ~58px of scroll. The negative
 * top (the bar's height, published as --lrn-banner-h by theme.js, 0px when
 * the bar is dismissed or absent) lets the bar slide away before the nav
 * pins to the viewport. */
body .site-header-outer {
	position: sticky;
	top: calc(-1 * var(--lrn-banner-h, 0px));
	z-index: 100;
	box-shadow: none;
}
body .site-header {
	position: relative;
	z-index: 0;
	transition: box-shadow .25s ease;
}
/* The translucent blur lives on a pseudo-element rather than on .site-header
 * itself: an element carrying backdrop-filter becomes the containing block
 * for its position:fixed descendants, which pinned the mobile navigation
 * overlay to the header box instead of the viewport and broke it. */
body .site-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgba(255, 255, 255, .92);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}
.site-header-outer.is-stuck .site-header { box-shadow: 0 6px 24px rgba(29, 35, 39, .06); }

.learner-banner__close {
	background: none;
	border: 0;
	color: rgba(255, 255, 255, .75);
	font-size: 17px;
	line-height: 1;
	cursor: pointer;
	padding: 4px 6px;
	margin-left: auto;
}
.learner-banner__close:hover { color: #fff; }
.site-header .wp-block-site-title a { font-weight: 800; font-size: 23px; letter-spacing: -.02em; }
.site-header .wp-block-navigation { font-size: 15px; font-weight: 500; }
.site-header .wp-block-navigation a { color: var(--lrn-ink-60); text-decoration: none; }
.site-header .wp-block-navigation a:hover,
.site-header .wp-block-navigation .current-menu-item > a,
.site-header .wp-block-navigation .current_page_parent > a { color: var(--lrn-ink); }
.site-header .wp-block-navigation .current-menu-item > a,
.site-header .wp-block-navigation .current_page_parent > a { position: relative; }
.site-header .wp-block-navigation .current-menu-item > a::after,
.site-header .wp-block-navigation .current_page_parent > a::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: -8px;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: var(--lrn-primary);
}
.site-header .wp-block-button__link { box-shadow: var(--lrn-shadow-blue); padding: 10px 20px; font-size: 14px; }

/* ======================================================================== *
 * Blog hero
 * ======================================================================== */
.learner-blog-hero {
	background:
		radial-gradient(520px 300px at 90% 0%, rgba(158, 156, 255, .22), transparent 60%),
		radial-gradient(420px 280px at 4% 100%, rgba(255, 234, 251, .9), transparent 60%),
		linear-gradient(180deg, var(--lrn-lav-50), var(--lrn-white));
	border-bottom: 1px solid var(--lrn-border);
	text-align: center;
}
.learner-blog-hero h1 { font-size: clamp(2.25rem, 5vw, 52px); font-weight: 800; }
.learner-hero-sub { font-size: 17px; color: var(--lrn-ink-60); max-width: 560px; margin-inline: auto; line-height: 1.65; }

/* Breadcrumb trail (also used on single posts). */
.learner-crumb {
	font-size: 13.5px;
	color: var(--lrn-ink-40);
	gap: 8px !important;
	align-items: center;
}
.learner-crumb p, .learner-crumb div, .learner-crumb a { margin: 0; font-size: 13.5px; }
.learner-crumb a { color: var(--lrn-ink-40); text-decoration: none; }
.learner-crumb a:hover { color: var(--lrn-primary); }
.learner-crumb .wp-block-post-terms a,
.learner-crumb > :last-child { color: var(--lrn-ink); font-weight: 600; }

/* Search box */
.learner-search { max-width: 640px; margin-inline: auto; }
.learner-search .wp-block-search__inside-wrapper {
	background: #fff;
	border: 1.5px solid rgba(66, 0, 255, .22);
	border-radius: 999px;
	padding: 7px 8px 7px 22px;
	box-shadow: var(--lrn-shadow-sm);
}
.learner-search .wp-block-search__input {
	border: none;
	outline: none;
	background: transparent;
	font-size: 15px;
	padding: 0;
	color: var(--lrn-ink);
}
.learner-search .wp-block-search__input::placeholder { color: var(--lrn-ink-40); }
.learner-search .wp-block-search__button {
	border-radius: 999px;
	padding: 10px 22px;
	font-size: 14px;
	font-weight: 700;
	box-shadow: var(--lrn-shadow-blue);
	margin: 0;
}

/* Category chips */
.learner-chips { gap: 10px !important; }
.learner-chips .wp-block-categories,
.learner-chips ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.learner-chips li { margin: 0; }
.learner-chip,
.learner-chips li > a {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	padding: 9px 20px;
	border-radius: 999px;
	border: 1px solid var(--lrn-border);
	color: var(--lrn-ink-60);
	text-decoration: none;
	transition: border-color .2s ease, color .2s ease, background-color .2s ease;
	background: transparent;
}
.learner-chip:hover,
.learner-chips li > a:hover { border-color: rgba(66, 0, 255, .4); color: var(--lrn-ink); }
.learner-chip.is-active,
.learner-chips li.current-cat > a {
	background: var(--lrn-primary);
	border-color: var(--lrn-primary);
	color: #fff;
	box-shadow: var(--lrn-shadow-blue);
}
.learner-chip a { color: inherit; text-decoration: none; }
.learner-chips .wp-block-categories__label,
.learner-chips label { display: none; }

/* ======================================================================== *
 * Featured (sticky) post card
 * ======================================================================== */
.learner-featured .wp-block-post-template { list-style: none; padding: 0; margin: 0; }
.learner-fcard {
	display: grid;
	grid-template-columns: 1.08fr .92fr;
	background: var(--lrn-ink);
	border-radius: 28px;
	overflow: hidden;
	color: #fff;
	box-shadow: var(--lrn-shadow-md);
}
.learner-fcard__body { padding: 48px 52px; display: flex; flex-direction: column; justify-content: center; gap: 0; }
.learner-fcard__body > * { margin-block: 0; }
.learner-fcard__eyebrow {
	display: inline-flex;
	align-self: flex-start;
	background: rgba(158, 156, 255, .22);
	border: 1px solid rgba(158, 156, 255, .45);
	color: #B9B8FF;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 6px 14px;
	border-radius: 999px;
	margin-bottom: 22px !important;
}
.learner-fcard__body .wp-block-post-title { font-size: 32px; line-height: 1.25; font-weight: 800; margin-bottom: 18px !important; }
.learner-fcard__body .wp-block-post-title a { color: #fff; text-decoration: none; }
.learner-fcard__body .wp-block-post-title a:hover { color: var(--lrn-periwinkle); }
.learner-fcard__body .wp-block-post-excerpt { font-size: 16px; line-height: 1.7; color: rgba(255, 255, 255, .68); margin-bottom: 30px !important; }
.learner-fcard__body .wp-block-post-excerpt__more-text { display: none; }
.learner-fcard__meta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.learner-fcard__meta .wp-block-avatar img { width: 44px; height: 44px; border-radius: 50%; }
.learner-fcard__meta .wp-block-post-author-name { font-size: 14.5px; font-weight: 700; }
.learner-fcard__meta .wp-block-post-author-name a { color: #fff; text-decoration: none; }
.learner-fcard__meta .wp-block-post-date,
.learner-fcard__meta .wp-block-post-time-to-read { font-size: 13px; color: rgba(255, 255, 255, .55); }
.learner-fcard__meta .wp-block-post-date a { color: inherit; text-decoration: none; }
.learner-fcard__meta .wp-block-read-more,
.learner-fcard__meta .learner-readmore {
	margin-left: auto;
	font-size: 13.5px;
	font-weight: 700;
	color: #fff !important;
	background: var(--lrn-primary);
	padding: 10px 22px;
	border-radius: 999px;
	text-decoration: none;
}
.learner-fcard__cover { position: relative; overflow: hidden; background: linear-gradient(125deg, #4200FF, #9E9CFF); min-height: 320px; }
.learner-fcard__cover .wp-block-post-featured-image { height: 100%; margin: 0; }
.learner-fcard__cover .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; }
.learner-fcard__cover::before,
.learner-fcard__cover::after {
	content: "";
	position: absolute;
	border: 1.5px solid rgba(255, 255, 255, .3);
	border-radius: 50%;
	pointer-events: none;
	z-index: 2;
}
.learner-fcard__cover::before { width: 260px; height: 260px; top: -90px; right: -70px; }
.learner-fcard__cover::after { width: 140px; height: 140px; bottom: -60px; left: -40px; }
.learner-fcard__badge {
	position: absolute;
	top: 22px; right: 24px;
	z-index: 3;
	background: #fff;
	color: var(--lrn-primary);
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 7px 14px;
	border-radius: 999px;
}

/* ======================================================================== *
 * Post grid
 * ======================================================================== */
.learner-grid-head { margin-bottom: 36px; }
.learner-grid-head h2, .learner-grid-head h3 { font-size: 24px; font-weight: 800; margin: 0; }
.wp-block-query-total { font-size: 14px; color: var(--lrn-ink-40); font-weight: 500; margin: 0; }

/* "View all" beside a section heading — the design's ghost button (.btn-ghost),
   so it reads as a control rather than an underlined body link. */
.learner-grid-head .learner-readmore { margin: 0; }
.learner-grid-head .learner-readmore a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	background: var(--lrn-white);
	color: var(--lrn-primary);
	border: 1.5px solid rgba(66, 0, 255, .28);
	border-radius: 999px;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}
.learner-grid-head .learner-readmore a:hover,
.learner-grid-head .learner-readmore a:focus-visible {
	background: var(--lrn-lav-50);
	border-color: var(--lrn-primary);
	text-decoration: none;
	transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
	.learner-grid-head .learner-readmore a { transition: none; }
	.learner-grid-head .learner-readmore a:hover { transform: none; }
}

.learner-postlist { list-style: none; padding: 0; margin: 0; }
.learner-postlist > li { margin: 0; }

.learner-card2 {
	background: #fff;
	border: 1px solid var(--lrn-border);
	border-radius: var(--lrn-r-lg);
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.learner-card2:hover { transform: translateY(-6px); box-shadow: var(--lrn-shadow-md); }

.learner-pc-cover {
	position: relative;
	overflow: hidden;
	min-height: 180px;
	background: linear-gradient(125deg, #4200FF, #9E9CFF);
}
.learner-pc-cover::before {
	content: "";
	position: absolute;
	width: 160px; height: 160px;
	top: -60px; right: -50px;
	border: 1.5px solid rgba(255, 255, 255, .28);
	border-radius: 50%;
	pointer-events: none;
	z-index: 2;
}
.learner-pc-cover .wp-block-post-featured-image { margin: 0; height: 100%; }
.learner-pc-cover .wp-block-post-featured-image img { width: 100%; height: 180px; object-fit: cover; display: block; }
.learner-pc-cover .wp-block-post-terms {
	position: absolute;
	bottom: 14px; left: 14px;
	z-index: 3;
	background: rgba(255, 255, 255, .94);
	font-size: 11.5px;
	font-weight: 700;
	padding: 6px 13px;
	border-radius: 999px;
	line-height: 1.4;
}
.learner-pc-cover .wp-block-post-terms a { color: var(--lrn-ink); text-decoration: none; }
.learner-pc-cover .wp-block-post-terms .wp-block-post-terms__separator { display: none; }
.learner-pc-cover .wp-block-post-terms a ~ a { display: none; }

/* Cover gradients rotate through the palette (design covers A–F). */
.learner-postlist > li:nth-child(6n+1) .learner-pc-cover { background: linear-gradient(125deg, #1D2327, #4200FF); }
.learner-postlist > li:nth-child(6n+2) .learner-pc-cover { background: linear-gradient(125deg, #9E9CFF, #FFEAFB); }
.learner-postlist > li:nth-child(6n+3) .learner-pc-cover { background: linear-gradient(125deg, #4200FF, #9E9CFF); }
.learner-postlist > li:nth-child(6n+4) .learner-pc-cover { background: linear-gradient(125deg, #FFEAFB, #9E9CFF); }
.learner-postlist > li:nth-child(6n+5) .learner-pc-cover { background: linear-gradient(125deg, #4200FF, #1D2327); }
.learner-postlist > li:nth-child(6n+6) .learner-pc-cover { background: linear-gradient(125deg, #9E9CFF, #4200FF); }

.learner-pc-body { padding: 24px; display: flex; flex-direction: column; flex: 1; gap: 0; }
.learner-pc-body > * { margin-block: 0; }
.learner-pc-meta { display: flex; gap: 8px; align-items: center; font-size: 12.5px; color: var(--lrn-ink-40); margin-bottom: 12px !important; }
.learner-pc-meta .wp-block-post-date,
.learner-pc-meta .wp-block-post-time-to-read { font-size: 12.5px; color: var(--lrn-ink-40); }
.learner-pc-meta .wp-block-post-date a { color: inherit; text-decoration: none; }
.learner-sep { color: var(--lrn-ink-40); font-size: 12.5px; line-height: 1; margin: 0; }
.learner-pc-body .wp-block-post-title { font-size: 18px; line-height: 1.4; margin-bottom: 12px !important; font-weight: 700; }
.learner-pc-body .wp-block-post-title a { color: var(--lrn-ink); text-decoration: none; }
.learner-pc-body .wp-block-post-title a:hover { color: var(--lrn-primary); }
.learner-pc-body .wp-block-post-excerpt { font-size: 14px; color: var(--lrn-ink-60); line-height: 1.6; margin-bottom: 18px !important; }
.learner-pc-body .wp-block-post-excerpt__more-text { display: none; }
.learner-pc-author {
	display: flex;
	align-items: center;
	gap: 10px;
	border-top: 1px solid var(--lrn-border);
	padding-top: 16px;
	margin-top: auto !important;
}
.learner-pc-author .wp-block-avatar img { width: 32px; height: 32px; border-radius: 50%; }
.learner-pc-author .wp-block-post-author-name { font-size: 13px; font-weight: 700; }
.learner-pc-author .wp-block-post-author-name a { color: var(--lrn-ink); text-decoration: none; }
.learner-pc-author .learner-readmore { margin-left: auto; font-size: 12.5px; font-weight: 700; color: var(--lrn-primary); text-decoration: none; }

/* ======================================================================== *
 * Pagination
 * ======================================================================== */
.learner-pagination { gap: 10px !important; }
.learner-pagination .wp-block-query-pagination-numbers { display: flex; gap: 10px; }
.learner-pagination a,
.learner-pagination span.page-numbers,
.learner-pagination .wp-block-query-pagination-previous,
.learner-pagination .wp-block-query-pagination-next {
	min-width: 44px;
	height: 44px;
	padding: 0 12px;
	border-radius: 12px;
	border: 1px solid var(--lrn-border);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14.5px;
	font-weight: 700;
	color: var(--lrn-ink-60);
	text-decoration: none;
	transition: border-color .2s ease, color .2s ease;
}
.learner-pagination a:hover,
.learner-pagination .wp-block-query-pagination-previous:hover,
.learner-pagination .wp-block-query-pagination-next:hover { border-color: rgba(66, 0, 255, .4); color: var(--lrn-ink); }
.learner-pagination .page-numbers.current {
	background: var(--lrn-primary);
	border-color: var(--lrn-primary);
	color: #fff;
	box-shadow: var(--lrn-shadow-blue);
}
.learner-pagination .page-numbers.dots { border: none; color: var(--lrn-ink-40); }
.learner-pagination .wp-block-query-pagination-previous,
.learner-pagination .wp-block-query-pagination-next { padding: 0 20px; gap: 6px; }

/* ======================================================================== *
 * Newsletter panel
 * ======================================================================== */
.learner-newsletter {
	background: linear-gradient(120deg, var(--lrn-lav-50), var(--lrn-pink));
	border: 1px solid rgba(66, 0, 255, .1);
	border-radius: 28px;
	padding: 52px 64px;
}
.learner-newsletter h2, .learner-newsletter h3 { font-size: 26px; font-weight: 800; margin: 0 0 8px; }
.learner-newsletter p { font-size: 15px; color: var(--lrn-ink-60); margin: 0; }
.learner-newsletter .learner-form__input { border: 1.5px solid rgba(66, 0, 255, .22); border-radius: 999px; padding: 13px 22px; min-width: 260px; }
.learner-newsletter .learner-form__submit { border-radius: 999px; box-shadow: var(--lrn-shadow-blue); }

/* ======================================================================== *
 * Single post — header
 * ======================================================================== */
.learner-art-head { background: linear-gradient(180deg, var(--lrn-lav-50), var(--lrn-white)); text-align: center; }
.learner-art-head .learner-crumb { justify-content: center; }
.learner-art-tag {
	display: inline-block;
	background: #fff;
	border: 1.5px solid rgba(66, 0, 255, .25);
	border-radius: 999px;
	padding: 7px 16px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	line-height: 1.4;
}
.learner-art-tag a { color: var(--lrn-primary); text-decoration: none; }
.learner-art-tag .wp-block-post-terms__separator { display: none; }
.learner-art-tag a ~ a { display: none; }
.learner-art-head .wp-block-post-title {
	font-size: clamp(2rem, 4.5vw, 46px);
	line-height: 1.16;
	font-weight: 800;
	max-width: 840px;
	margin-inline: auto;
}
.learner-standfirst {
	font-size: 19px;
	color: var(--lrn-ink-60);
	line-height: 1.6;
	max-width: 680px;
	margin-inline: auto;
}
.learner-standfirst .wp-block-post-excerpt__more-text { display: none; }
.learner-art-meta { align-items: center; gap: 14px !important; }
.learner-art-meta .wp-block-avatar img { width: 46px; height: 46px; border-radius: 50%; }
.learner-art-meta .wp-block-post-author-name { font-size: 15px; font-weight: 700; text-align: left; }
.learner-art-meta .wp-block-post-author-name a { color: var(--lrn-ink); text-decoration: none; }
.learner-art-meta .wp-block-post-date,
.learner-art-meta .wp-block-post-time-to-read { font-size: 13px; color: var(--lrn-ink-40); text-align: left; }
.learner-art-meta .wp-block-post-date a { color: inherit; text-decoration: none; }
.learner-art-meta .learner-vsep { width: 1px; height: 34px; background: var(--lrn-border); display: block; margin: 0; padding: 0; }
.learner-art-meta .wp-block-post-author-biography {
	font-size: 13px;
	color: var(--lrn-ink-40);
	text-align: left;
	max-width: 34ch;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0;
}
.learner-meta-date b { display: block; font-size: 15px; color: var(--lrn-ink); }

/* Featured image */
.learner-art-feat {
	border-radius: 28px;
	overflow: hidden;
	box-shadow: var(--lrn-shadow-md);
	background: linear-gradient(125deg, #4200FF 0%, #9E9CFF 55%, #FFEAFB 110%);
	position: relative;
}
.learner-art-feat img { width: 100%; max-height: 420px; object-fit: cover; display: block; }

/* ======================================================================== *
 * Single post — body
 * ======================================================================== */
.learner-art-body { font-size: 17.5px; line-height: 1.85; color: rgba(29, 35, 39, .86); }
.learner-art-body > p { margin-bottom: 28px; }
.learner-art-body > h2 { font-size: clamp(1.5rem, 3vw, 29px); line-height: 1.3; margin: 48px 0 20px; }
.learner-art-body > h3 { font-size: 21px; margin: 36px 0 16px; }
.learner-art-body > ul, .learner-art-body > ol { margin: 0 0 28px; padding-left: 1.2em; }
.learner-art-body li { margin-bottom: 14px; }
.learner-art-body a { color: var(--lrn-primary); }
.learner-art-body > .wp-block-image,
.learner-art-body > figure { border-radius: 20px; overflow: hidden; margin: 40px 0; }
.learner-art-body figcaption {
	font-size: 13px;
	color: var(--lrn-ink-40);
	padding: 14px 18px;
	text-align: center;
	background: var(--lrn-lav-50);
	margin: 0;
}
/* Drop cap on the opening paragraph (design detail, AEO-safe). */
.learner-art-body > p:first-of-type::first-letter {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 74px;
	font-weight: 800;
	color: var(--lrn-primary);
	float: left;
	line-height: .85;
	margin: 6px 14px 0 0;
}
/* Pull quotes */
.learner-art-body .wp-block-quote,
.learner-art-body .wp-block-pullquote {
	background: linear-gradient(140deg, var(--lrn-pink), var(--lrn-lav-50));
	border-left: 5px solid var(--lrn-primary);
	border-radius: 0 20px 20px 0;
	padding: 34px 40px;
	margin: 40px 0;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 22px;
	line-height: 1.55;
	font-weight: 600;
	color: var(--lrn-ink);
	text-align: left;
}
.learner-art-body .wp-block-quote cite,
.learner-art-body .wp-block-pullquote cite {
	display: block;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 13.5px;
	font-weight: 600;
	font-style: normal;
	color: var(--lrn-primary);
	margin-top: 16px;
	letter-spacing: .06em;
	text-transform: uppercase;
}
/* Callout / key-takeaway box — helps answer engines lift the summary. */
.learner-art-body .is-style-learner-callout,
.learner-callout {
	background: var(--lrn-ink);
	color: #fff;
	border-radius: 20px;
	padding: 30px 34px;
	margin: 40px 0;
}
.learner-art-body .is-style-learner-callout p,
.learner-callout p { color: rgba(255, 255, 255, .72); font-size: 14.5px; line-height: 1.65; margin: 0; }
.learner-art-body .is-style-learner-callout strong,
.learner-callout strong { color: #fff; font-family: var(--wp--preset--font-family--serif); }

/* Tags + share row */
.learner-art-foot { align-items: center; }
.learner-art-foot .wp-block-post-terms a {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	color: var(--lrn-primary);
	background: var(--lrn-lav-50);
	border: 1px solid rgba(66, 0, 255, .16);
	padding: 8px 16px;
	border-radius: 999px;
	text-decoration: none;
	margin: 0 6px 6px 0;
}
.learner-art-foot .wp-block-post-terms__separator { display: none; }
.learner-share { font-size: 13.5px; color: var(--lrn-ink-40); font-weight: 600; align-items: center; }
.learner-share .wp-block-social-link { border-radius: 11px; }

/* Author box */
.learner-author-box {
	background: linear-gradient(120deg, var(--lrn-lav-50), var(--lrn-pink));
	border: 1px solid rgba(66, 0, 255, .1);
	border-radius: 24px;
	padding: 36px 42px;
	align-items: center;
	gap: 26px !important;
}
.learner-author-box .wp-block-avatar img {
	width: 84px;
	height: 84px;
	border-radius: 50%;
	border: 4px solid #fff;
	box-shadow: var(--lrn-shadow-sm);
}
.learner-author-box .learner-eyebrow {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--lrn-primary);
	margin: 0 0 6px;
}
.learner-author-box .wp-block-post-author-name { font-family: var(--wp--preset--font-family--serif); font-size: 21px; font-weight: 800; margin-bottom: 8px; }
.learner-author-box .wp-block-post-author-name a { color: var(--lrn-ink); text-decoration: none; }
.learner-author-box .wp-block-post-author-biography { font-size: 14.5px; line-height: 1.65; color: var(--lrn-ink-60); max-width: 560px; margin: 0; }

/* Prev / next */
.learner-postnav .wp-block-post-navigation-link {
	border: 1px solid var(--lrn-border);
	border-radius: 20px;
	padding: 24px 28px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.learner-postnav .wp-block-post-navigation-link:hover { border-color: rgba(66, 0, 255, .35); box-shadow: var(--lrn-shadow-sm); }
.learner-postnav .post-navigation-link__label {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--lrn-ink-40);
	margin-bottom: 10px;
}
.learner-postnav .wp-block-post-navigation-link a {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 16.5px;
	line-height: 1.4;
	font-weight: 700;
	color: var(--lrn-ink);
	text-decoration: none;
}
.learner-postnav .post-navigation-link-next { text-align: right; }
/* Core still prints the wrapper div when there is no adjacent post, which the
   border and padding above turn into an empty card. Hide the ones with no
   link, and the whole row when neither direction has one. */
.learner-postnav .wp-block-post-navigation-link:not(:has(a)) { display: none; }
.learner-postnav:not(:has(a)) { display: none; }

/* Related posts */
.learner-related .learner-sec-head { margin-bottom: 40px; }
.learner-related .learner-sec-head h2 { font-size: 26px; font-weight: 800; margin: 0; }
.learner-related .learner-sec-head a { font-size: 14.5px; font-weight: 700; color: var(--lrn-primary); text-decoration: none; }

/* ======================================================================== *
 * Comments
 * ======================================================================== */
.learner-comments .wp-block-comments-title { font-size: 26px; font-weight: 800; margin-bottom: 36px; }
.learner-comments .wp-block-comment-template { list-style: none; padding: 0; margin: 0; }
.learner-comments .wp-block-comment-template li { margin-bottom: 36px; }
.learner-comments .wp-block-comment-template ol { list-style: none; padding-left: 66px; margin-top: 36px; }
.learner-comment { display: flex; gap: 18px; align-items: flex-start; }
.learner-comment .wp-block-avatar img { width: 48px; height: 48px; border-radius: 50%; }
.learner-comment-body {
	flex: 1;
	background: var(--lrn-lav-50);
	border: 1px solid rgba(66, 0, 255, .08);
	border-radius: 4px 20px 20px 20px;
	padding: 22px 26px;
}
.learner-comment-head { align-items: center; gap: 12px !important; margin-bottom: 10px; }
.learner-comment-head .wp-block-comment-author-name { font-size: 14.5px; font-weight: 700; }
.learner-comment-head .wp-block-comment-author-name a { color: var(--lrn-ink); text-decoration: none; }
.learner-comment-head .wp-block-comment-date { font-size: 12.5px; color: var(--lrn-ink-40); }
.learner-comment-head .wp-block-comment-date a { color: inherit; text-decoration: none; }
.learner-comment-head .wp-block-comment-reply-link { margin-left: auto; font-size: 12.5px; font-weight: 700; }
.learner-comment-head .wp-block-comment-reply-link a { color: var(--lrn-primary); text-decoration: none; }
.learner-comment-body .wp-block-comment-content p { font-size: 14.5px; line-height: 1.7; color: rgba(29, 35, 39, .8); margin: 0 0 .8em; }
.learner-comments .wp-block-post-comments-form {
	background: #fff;
	border: 1px solid var(--lrn-border);
	border-radius: 20px;
	padding: 28px;
	box-shadow: var(--lrn-shadow-sm);
}
.learner-comments .wp-block-post-comments-form .comment-reply-title { font-family: var(--wp--preset--font-family--serif); font-size: 17px; margin-bottom: 18px; }
.learner-comments .wp-block-post-comments-form input:not([type="submit"]),
.learner-comments .wp-block-post-comments-form textarea {
	width: 100%;
	border: 1.5px solid var(--lrn-border);
	border-radius: 14px;
	padding: 14px 18px;
	font-size: 14.5px;
	font-family: inherit;
	outline: none;
	color: var(--lrn-ink);
	background: #fff;
}
.learner-comments .wp-block-post-comments-form input:focus,
.learner-comments .wp-block-post-comments-form textarea:focus { border-color: rgba(66, 0, 255, .4); }
.learner-comments .wp-block-post-comments-form .form-submit input[type="submit"] { border-radius: 999px; box-shadow: var(--lrn-shadow-blue); }
.learner-comments .comment-form-cookies-consent { display: flex; gap: .5rem; align-items: flex-start; }
.learner-comments .comment-form-cookies-consent input { width: auto !important; }

/* ======================================================================== *
 * Footer (dark, per design)
 * ======================================================================== */
.site-footer { background: var(--lrn-ink) !important; color: rgba(255, 255, 255, .72); }
.site-footer .wp-block-site-title a,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4 { color: #fff; }
.site-footer p, .site-footer li { color: rgba(255, 255, 255, .72); }
.site-footer .learner-footer-list a { color: rgba(255, 255, 255, .72); text-decoration: none; }
.site-footer .learner-footer-list a:hover { color: #fff; }
.site-footer .wp-block-social-links .wp-social-link { background: rgba(255, 255, 255, .08); border-radius: 11px; }
.site-footer .wp-block-social-links .wp-social-link svg { fill: #fff; }
.site-footer .learner-foot-bottom {
	border-top: 1px solid rgba(255, 255, 255, .1);
	padding-top: 26px;
	font-size: 13.5px;
	color: rgba(255, 255, 255, .55);
}
.site-footer .learner-foot-bottom strong { color: #fff; }
.site-footer .learner-form__input { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .16); color: #fff; }
.site-footer .learner-form__input::placeholder { color: rgba(255, 255, 255, .45); }

/* ======================================================================== *
 * Responsive
 * ======================================================================== */
@media (max-width: 960px) {
	.learner-fcard { grid-template-columns: 1fr; }
	.learner-fcard__cover { min-height: 220px; order: -1; }
	.learner-fcard__body { padding: 34px 28px; }
	.learner-fcard__body .wp-block-post-title { font-size: 26px; }
	.learner-newsletter { padding: 36px 28px; }
	.learner-author-box { padding: 28px 24px; }
	.learner-art-body > p:first-of-type::first-letter { font-size: 56px; }
}
@media (max-width: 782px) {
	.learner-banner .wp-block-group { text-align: center; }
	.learner-postnav .post-navigation-link-next { text-align: left; }
	.site-header .wp-block-navigation .current-menu-item > a::after,
	.site-header .wp-block-navigation .current_page_parent > a::after { display: none; }
	.learner-comments .wp-block-comment-template ol { padding-left: 24px; }
	.learner-art-meta .learner-vsep { display: none; }
}
@media (max-width: 600px) {
	.learner-search .wp-block-search__inside-wrapper { padding-left: 14px; }
	.learner-newsletter { padding: 28px 20px; }
	.learner-comment { gap: 12px; }
	.learner-comment-body { padding: 18px 18px; }
}

/* ======================================================================== *
 * Lead-capture landing — CTA band
 * Mirrors the `.news` section of the approved landing design. The form
 * itself is a shortcode, so the wrapper owns the width and the chrome:
 * swapping the shortcode leaves the band looking identical.
 * ======================================================================== */
.learner-leadcta {
	background: var(--lrn-ink);
	border-radius: 32px;
	padding: 72px 80px;
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 48px;
	align-items: center;
}
.learner-leadcta::before,
.learner-leadcta::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.learner-leadcta::before {
	width: 380px; height: 380px; top: -160px; right: -90px;
	background: radial-gradient(circle, rgba(66, 0, 255, .5), transparent 70%);
}
.learner-leadcta::after {
	width: 300px; height: 300px; bottom: -140px; left: -60px;
	background: radial-gradient(circle, rgba(158, 156, 255, .32), transparent 70%);
}
.learner-leadcta > * { position: relative; z-index: 2; }
/* The band's headline is the page H1 (it is the homepage's primary topic), so
   both levels share the design's 36px cap rather than theme.json's h1 preset. */
.learner-leadcta h1,
.learner-leadcta h2 {
	color: #fff;
	font-size: clamp(28px, 3.4vw, 36px);
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
}
.learner-leadcta p { color: rgba(255, 255, 255, .66); font-size: 16px; line-height: 1.65; margin: 0; }
.learner-leadcta__note { font-size: 12.5px; color: rgba(255, 255, 255, .45); margin-top: 14px; }

/* Fixed measure for the form column — the shortcode inside is replaceable.
 *
 * These rules repaint the embedded form for a dark background and nothing
 * else. Layout belongs to whichever plugin renders the shortcode: setting
 * display/flex/padding here silently fights its own grid (a flex-basis lands
 * on the block axis inside a column field and stretches every input), and the
 * damage differs per form. Colour in, layout out. */
.learner-leadcta__form { max-width: 420px; margin-left: auto; width: 100%; }
:is(.learner-leadcta__form, .learner-form-dark) form {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 18px;
	padding: 20px;
	backdrop-filter: blur(6px);
}
:is(.learner-leadcta__form, .learner-form-dark) input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
:is(.learner-leadcta__form, .learner-form-dark) select,
:is(.learner-leadcta__form, .learner-form-dark) textarea {
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 10px;
	color: #fff;
	box-shadow: none;
}
:is(.learner-leadcta__form, .learner-form-dark) input:focus,
:is(.learner-leadcta__form, .learner-form-dark) select:focus,
:is(.learner-leadcta__form, .learner-form-dark) textarea:focus {
	border-color: var(--lrn-periwinkle);
	outline: none;
}
:is(.learner-leadcta__form, .learner-form-dark) ::placeholder { color: rgba(255, 255, 255, .45); }
:is(.learner-leadcta__form, .learner-form-dark) button,
:is(.learner-leadcta__form, .learner-form-dark) input[type="submit"] {
	background: var(--lrn-primary);
	color: #fff;
	border: none;
	border-radius: 999px;
	font-weight: 700;
	cursor: pointer;
	box-shadow: var(--lrn-shadow-blue);
}
:is(.learner-leadcta__form, .learner-form-dark) label { color: rgba(255, 255, 255, .72); }

@media (max-width: 1000px) {
	.learner-leadcta { grid-template-columns: 1fr; gap: 32px; padding: 48px 36px; }
	.learner-leadcta__form { max-width: none; margin-left: 0; }
}
@media (max-width: 600px) {
	.learner-leadcta { padding: 36px 22px; border-radius: 24px; }
}

/* ======================================================================== *
 * Shortcode forms in the remaining waitlist slots
 * Same "colour in, layout out" rule as the CTA band: the plugin owns the
 * structure, the theme only repaints for the surface it sits on.
 * ======================================================================== */

/* Footer column — narrower than the CTA band, no glass panel around it. */
.site-footer .learner-form-dark form { background: none; border: none; padding: 0; backdrop-filter: none; }
.site-footer .learner-form-dark { margin-top: 14px; }

/* Blog newsletter band — light lavender surface, so the dark treatment
   would be unreadable here. */
:is(.learner-form-light, .learner-newsletter) form { background: none; border: none; padding: 0; }
:is(.learner-form-light, .learner-newsletter) input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
:is(.learner-form-light, .learner-newsletter) select,
:is(.learner-form-light, .learner-newsletter) textarea {
	background: #fff;
	border: 1.5px solid rgba(66, 0, 255, .22);
	border-radius: 12px;
	color: var(--lrn-ink);
	box-shadow: none;
}
:is(.learner-form-light, .learner-newsletter) input:focus,
:is(.learner-form-light, .learner-newsletter) select:focus,
:is(.learner-form-light, .learner-newsletter) textarea:focus { border-color: var(--lrn-primary); outline: none; }
:is(.learner-form-light, .learner-newsletter) ::placeholder { color: var(--lrn-ink-40); }
:is(.learner-form-light, .learner-newsletter) label { color: var(--lrn-ink-60); }
:is(.learner-form-light, .learner-newsletter) button,
:is(.learner-form-light, .learner-newsletter) input[type="submit"] {
	background: var(--lrn-primary);
	color: #fff;
	border: none;
	border-radius: 999px;
	font-weight: 700;
	cursor: pointer;
	box-shadow: var(--lrn-shadow-blue);
}

/* Legal bar links — muted like the footer nav, not theme.json's blue
   underlined body link. */
.site-footer .learner-foot-bottom a {
	color: rgba(255, 255, 255, .72);
	text-decoration: none;
}
.site-footer .learner-foot-bottom a:hover,
.site-footer .learner-foot-bottom a:focus-visible { color: #fff; text-decoration: underline; }

/* ======================================================================== *
 * Full-page patterns (Features / Pricing / About / FAQ / Contact)
 * ======================================================================== */

/* Card used by feature and value grids. */
.learner-feature-card {
	background: #fff;
	border: 1px solid var(--lrn-border);
	border-radius: var(--lrn-r-lg);
	padding: 30px 28px;
	height: 100%;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.learner-feature-card:hover { transform: translateY(-3px); box-shadow: var(--lrn-shadow-md); border-color: rgba(66, 0, 255, .18); }
.learner-feature-card h3 { margin: 0 0 10px; }
.learner-feature-card p { margin: 0; }
.learner-feature-card__icon {
	font-size: 26px;
	line-height: 1;
	margin: 0 0 18px !important;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: var(--lrn-lav-50);
}

/* Ticked list, used on Features and inside pricing plans. */
.learner-check-list { list-style: none; padding-left: 0; }
.learner-check-list li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	color: var(--lrn-ink-60);
	line-height: 1.6;
}
.learner-check-list li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 1px;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--lrn-lav-100);
	color: var(--lrn-primary);
	font-size: 11px;
	font-weight: 800;
}

/* Stat panel on the Features page. */
.learner-stat-panel { background: #fff; border: 1px solid var(--lrn-border); border-radius: var(--lrn-r-lg); padding: 34px 30px; }
.learner-stat__num { font-family: var(--wp--preset--font-family--serif); font-size: 34px; font-weight: 800; color: var(--lrn-primary); margin: 0 0 4px !important; line-height: 1.1; }

/* Pricing plans. */
.learner-plan {
	background: #fff;
	border: 1px solid var(--lrn-border);
	border-radius: var(--lrn-r-lg);
	padding: 36px 32px;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.learner-plan h2 { margin: 0 0 6px; }
.learner-plan .wp-block-buttons { margin-top: auto; padding-top: 22px; }
.learner-plan .wp-block-button, .learner-plan .wp-block-button__link { width: 100%; text-align: center; }
.learner-plan__price {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 40px;
	font-weight: 800;
	line-height: 1.1;
	margin: 18px 0 22px !important;
}
.learner-plan__price span { font-family: var(--wp--preset--font-family--sans); font-size: 15px; font-weight: 500; color: var(--lrn-ink-40); }
.learner-plan--featured {
	border-color: var(--lrn-primary);
	box-shadow: var(--lrn-shadow-blue);
	position: relative;
}
.learner-plan--featured .learner-check-list li { color: var(--lrn-ink); }
.learner-plan__badge {
	position: absolute;
	top: -14px;
	left: 32px;
	background: var(--lrn-primary);
	color: #fff;
	border-radius: 999px;
	padding: 6px 16px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin: 0 !important;
}

/* FAQ accordions (core Details block). */
.learner-faq-item {
	background: #fff;
	border: 1px solid var(--lrn-border);
	border-radius: var(--lrn-r-md);
	padding: 20px 24px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.learner-faq-item:hover { border-color: rgba(66, 0, 255, .28); }
.learner-faq-item[open] { border-color: rgba(66, 0, 255, .28); box-shadow: var(--lrn-shadow-sm); }
.learner-faq-item summary {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 700;
	font-size: 17px;
	cursor: pointer;
	list-style: none;
	position: relative;
	padding-right: 34px;
}
.learner-faq-item summary::-webkit-details-marker { display: none; }
.learner-faq-item summary::after {
	content: "+";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	font-weight: 400;
	color: var(--lrn-primary);
	line-height: 1;
}
.learner-faq-item[open] summary::after { content: "−"; }
.learner-faq-item p { color: var(--lrn-ink-60); margin: 14px 0 0; line-height: 1.7; }

/* Contact page. */
.learner-contact-item { border-left: 2px solid var(--lrn-lav-100); padding-left: 18px; }
.learner-contact-item h3 { margin: 0 0 4px; }
.learner-contact-item p { margin: 0; }
.learner-contact-card {
	background: #fff;
	border: 1px solid var(--lrn-border);
	border-radius: var(--lrn-r-lg);
	padding: 36px 34px;
	box-shadow: var(--lrn-shadow-md);
}
.learner-contact-card h2 { margin: 0 0 8px; }

@media (max-width: 600px) {
	.learner-feature-card, .learner-plan { padding: 26px 22px; }
	.learner-contact-card { padding: 26px 22px; }
	.learner-faq-item { padding: 16px 18px; }
}

/* ======================================================================== *
 * Pages
 * The page template renders no post title (each page pattern brings its own
 * H1) and lets post-content run full width, so alignfull heroes can break
 * out. Plain text pages would then start flush against the header, so give
 * the first block breathing room — unless it is a full-bleed section that is
 * meant to sit tight under the header.
 * ======================================================================== */
.learner-page-main > .wp-block-post-content > *:first-child:not(.alignfull):not(.alignwide) {
	margin-top: var(--wp--preset--spacing--60);
}
.learner-page-main > .wp-block-post-content > *:last-child {
	margin-bottom: var(--wp--preset--spacing--70);
}

/* ---- Mobile navigation overlay ----------------------------------------- *
 * The desktop nav is right-justified, and core carries that justification
 * into the open overlay through custom properties — which pushed every item
 * against the right edge and floated the submenus as cards. Core reads these
 * variables rather than plain rules, so overriding them is what actually
 * wins; bumping selector specificity does nothing.
 * ----------------------------------------------------------------------- */
/* The inner .wp-block-navigation__container also carries the
   .wp-block-navigation class, so core re-declares these variables on it and
   shadows an override set only on the outer container. Set them on both. */
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	--navigation-layout-justification-setting: flex-start;
	--navigation-layout-justify: flex-start;
	--navigation-layout-align: flex-start;
	--navigation-layout-direction: column;
	--navigation-layout-wrap: nowrap;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
	width: 100%;
	text-align: left;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100%; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { padding-block: 6px; }
/* Submenus read as an indented list here, not a floating card. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	position: static;
	width: 100%;
	border: 0;
	box-shadow: none;
	background: transparent;
	padding-left: 16px;
	min-width: 0;
}

/* Overlay gutters — core leaves the content at padding-inline: 0, so items
   sat flush against the screen edge. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-inline: 28px;
	padding-bottom: 40px;
}

/* On phones the header CTA duplicates the announcement bar's "Join the
   waitlist" and pushes the logo and hamburger onto separate rows. The nav
   overlay takes over below 600px (core's breakpoint), so drop it there and
   let the row be logo | hamburger. */
@media (max-width: 599px) {
	.site-header .wp-block-buttons { display: none; }
}