/**
 * Blog: posts page, topic and search listings, single posts.
 * Loaded on blog views only, after pages.css (and before polish.css's sitewide rules).
 * Uses the section tokens from sections.css (--ink, --body, --muted, --line, --mist,
 * --r-*, --s-*, --shadow-*) and the type scale from polish.css (--fs-*).
 * Each topic keeps one brand colour everywhere (--tint, set per card or article).
 */

/* ======================= SHARED ======================= */

.adic-blog,
.adic-article {
	--tint: #63C3F3;
	--tint-soft: color-mix(in srgb, var(--tint) 20%, #FFFFFF);
	--article-w: 720px;
}

.adic-topic {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 5px 12px 5px 10px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--tint) 22%, #FFFFFF);
	color: var(--ink) !important;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.01em;
	text-decoration: none !important;
	transition: background-color 0.2s;
}

.adic-topic::before {
	content: "";
	flex: none;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--tint);
}

.adic-topic:hover,
.adic-topic:focus-visible {
	background: color-mix(in srgb, var(--tint) 40%, #FFFFFF);
}

.adic-topic--lg {
	padding: 8px 16px 8px 13px;
	font-size: 14px;
	background: #FFFFFF;
	box-shadow: 0 6px 16px -8px rgba(15, 35, 55, 0.18);
}

.adic-topic--tag {
	background: var(--mist);
}

.adic-topic--tag::before {
	display: none;
}

/* ======================= LISTING HERO ======================= */

.adic-blog-hero {
	padding-bottom: clamp(48px, 6vw, 80px) !important;
}

.adic-blog-hero .adic-hero__title {
	font-size: var(--fs-h1) !important;
}

.adic-blog-search {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	max-width: 620px;
	box-sizing: border-box;
	margin-top: 32px !important;
	padding: 7px 7px 7px 20px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: #FFFFFF;
	box-shadow: var(--shadow-md);
	color: var(--muted);
	transition: box-shadow 0.2s, border-color 0.2s;
}

.adic-blog-search:focus-within {
	border-color: var(--color-sky, #63C3F3);
	box-shadow: 0 0 0 4px rgba(99, 195, 243, 0.22), var(--shadow-md);
}

.adic-blog-search svg {
	flex: none;
}

.adic-blog-search input[type="search"] {
	flex: 1;
	min-width: 0;
	height: 46px;
	margin: 0;
	padding: 0;
	border: 0 !important;
	background: transparent;
	box-shadow: none !important;
	color: var(--ink);
	font: inherit;
	font-size: 17px;
	outline: none;
}

.adic-blog-search .adic-btn {
	min-height: 46px;
	padding-inline: 24px;
}

.adic-blog-topics {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	max-width: 900px;
	margin-top: 22px !important;
}

.adic-blog-topics a {
	--tint: var(--ink);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border: 1px solid rgba(26, 26, 26, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.75);
	color: var(--ink) !important;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none !important;
	transition: background-color 0.2s, border-color 0.2s;
}

.adic-blog-topics a[style]::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--tint);
}

.adic-blog-topics a:hover,
.adic-blog-topics a:focus-visible {
	background: #FFFFFF;
	border-color: rgba(26, 26, 26, 0.25);
}

.adic-blog-topics a[aria-current] {
	background: var(--ink);
	border-color: var(--ink);
	color: #FFFFFF !important;
}

/* ======================= LISTING ======================= */

.adic-blog-list {
	padding-top: clamp(48px, 6vw, 80px) !important;
}

.adic-blog-list__head {
	margin: clamp(56px, 7vw, 88px) 0 var(--s-head) !important;
}

.adic-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(20px, 2.4vw, 32px);
}

.adic-blog-feature {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
	gap: clamp(20px, 2.4vw, 32px);
}

.adic-blog-feature__side {
	display: grid;
	grid-template-rows: 1fr 1fr;
	gap: clamp(20px, 2.4vw, 32px);
}

/* Card */
.adic-post-card {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: var(--r-md);
	background: #FFFFFF;
	transition: transform 0.35s var(--ease-out, ease), box-shadow 0.35s var(--ease-out, ease), border-color 0.35s;
}

.adic-post-card:hover,
.adic-post-card:focus-within {
	transform: translateY(-4px);
	border-color: transparent;
	box-shadow: var(--shadow-lg);
}

.adic-post-card__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--tint-soft);
}

.adic-post-card__media::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 4px;
	background: var(--tint);
}

.adic-post-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s var(--ease-out, ease);
}

.adic-post-card:hover .adic-post-card__media img {
	transform: scale(1.04);
}

.adic-post-card__ph {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	background:
		radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--tint) 55%, transparent) 0 22%, transparent 23%),
		radial-gradient(circle at 10% 100%, rgba(255, 255, 255, 0.7) 0 30%, transparent 31%),
		color-mix(in srgb, var(--tint) 26%, #FFFFFF);
	color: color-mix(in srgb, var(--tint) 60%, var(--ink));
}

.adic-post-card__ph svg {
	width: 22%;
	min-width: 44px;
	height: auto;
	opacity: 0.8;
}

.adic-post-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 12px;
	padding: clamp(20px, 2vw, 26px);
}

.adic-post-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 !important;
	color: var(--muted);
	font-size: 14px;
}

.adic-post-card__title {
	margin: 0 !important;
	font-size: 21px !important;
	line-height: 1.25 !important;
	letter-spacing: -0.012em;
	text-wrap: balance;
}

.adic-post-card__title a {
	color: var(--ink) !important;
	text-decoration: none !important;
	background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 2px;
	transition: background-size 0.35s var(--ease-out, ease);
}

.adic-post-card__title a:hover,
.adic-post-card__title a:focus-visible {
	background-size: 100% 2px;
}

.adic-post-card__text {
	margin: 0 !important;
	color: var(--body);
	font-size: 16px;
	line-height: 1.6;
}

.adic-post-card__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: auto 0 0 !important;
	padding-top: 14px;
	border-top: 1px solid var(--line);
	color: var(--muted);
	font-size: 14px;
}

.adic-post-card__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--ink);
	font-weight: 700;
}

.adic-post-card__more svg {
	transition: transform 0.25s;
}

.adic-post-card:hover .adic-post-card__more svg {
	transform: translateX(3px);
}

/* Lead card: large image, bigger title. */
.adic-post-card--lead .adic-post-card__media {
	aspect-ratio: 16 / 9;
}

.adic-post-card--lead .adic-post-card__body {
	padding: clamp(24px, 2.6vw, 36px);
	gap: 16px;
}

.adic-post-card--lead .adic-post-card__title {
	font-size: clamp(26px, 2.4vw, 34px) !important;
	line-height: 1.12 !important;
	letter-spacing: -0.02em;
}

.adic-post-card--lead .adic-post-card__text {
	font-size: 17px;
}

/* Side cards: image beside the text. */
.adic-post-card--side {
	flex-direction: row;
}

.adic-post-card--side .adic-post-card__media {
	flex: 0 0 42%;
	aspect-ratio: auto;
	min-height: 100%;
}

.adic-post-card--side .adic-post-card__media::after {
	inset: 0 0 0 auto;
	width: 4px;
	height: auto;
}

.adic-post-card--side .adic-post-card__title {
	font-size: 20px !important;
}

/* Pagination */
.adic-blog-pager {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: clamp(48px, 6vw, 72px);
}

.adic-blog-pager .page-numbers,
.adic-blog-pager--inline a,
.adic-blog-pager--inline > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 48px;
	height: 48px;
	box-sizing: border-box;
	padding: 0 14px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: #FFFFFF;
	color: var(--ink) !important;
	font-weight: 700;
	text-decoration: none !important;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.adic-blog-pager a.page-numbers:hover,
.adic-blog-pager a.page-numbers:focus-visible {
	border-color: var(--ink);
}

.adic-blog-pager .page-numbers.current {
	background: var(--ink);
	border-color: var(--ink);
	color: #FFFFFF !important;
}

.adic-blog-pager .page-numbers.dots {
	border-color: transparent;
	background: transparent;
	min-width: 24px;
	padding: 0;
}

.adic-blog-pager .prev,
.adic-blog-pager .next {
	padding: 0 20px;
}

/* Empty state */
.adic-blog-empty {
	max-width: 620px;
	margin: 0 auto;
	padding: clamp(32px, 4vw, 48px);
	border-radius: var(--r-lg);
	background: var(--mist);
	text-align: center;
}

.adic-blog-empty p {
	color: var(--body);
}

.adic-blog-empty__title {
	color: var(--ink) !important;
	font-size: 24px;
	font-weight: 700;
}

.adic-blog-empty__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 24px;
}

/* ======================= ARTICLE ======================= */

.adic-progress {
	position: fixed;
	z-index: 899;
	top: calc(var(--adic-header-h, 84px) + var(--adic-bar-h, 0px));
	left: 0;
	right: 0;
	height: 3px;
	pointer-events: none;
}

.adic-progress span {
	display: block;
	height: 100%;
	border-radius: 0 3px 3px 0;
	background: var(--ink);
	transform: scaleX(0);
	transform-origin: 0 50%;
}

.adic-post-hero {
	padding-block: clamp(40px, 5vw, 72px) clamp(56px, 6vw, 88px) !important;
}

.adic-post-hero.has-image {
	padding-bottom: clamp(140px, 16vw, 220px) !important;
}

.adic-post-hero__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	max-width: 880px;
	margin: 0 auto;
}

.adic-post-hero__title {
	margin: 0 !important;
	font-size: clamp(36px, 4.2vw, 56px) !important;
	line-height: 1.04 !important;
}

.adic-post-hero .adic-hero__lead {
	margin: 0 !important;
	max-width: 760px;
	color: var(--body);
}

.adic-byline {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 6px;
}

.adic-byline__avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 3px solid #FFFFFF;
	box-shadow: 0 0 0 2px var(--tint);
}

.adic-byline__text p {
	margin: 0 !important;
}

.adic-byline__name {
	color: var(--ink);
	font-weight: 700;
}

.adic-byline__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 0;
	color: var(--muted);
	font-size: 15px;
}

.adic-byline__meta > * + *::before {
	content: "·";
	margin: 0 8px;
}

/* Cover image overlaps the header. */
.adic-post-cover {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	max-width: calc(1240px + 2 * var(--sec-gutter));
	margin: calc(-1 * clamp(110px, 13vw, 180px)) auto 0 !important;
	padding-inline: var(--sec-gutter);
}

.adic-post-cover img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 620px;
	aspect-ratio: 2 / 1;
	object-fit: cover;
	border: 6px solid #FFFFFF;
	border-radius: var(--r-lg);
	box-sizing: border-box;
	box-shadow: var(--shadow-lg);
}

.adic-post-cover figcaption {
	margin-top: 12px;
	color: var(--muted);
	font-size: 14px;
	text-align: center;
}

/* Article column + sticky side panel */
.adic-article__layout {
	display: grid;
	grid-template-columns: minmax(0, var(--article-w)) 300px;
	grid-template-areas:
		"body aside"
		"foot aside";
	justify-content: center;
	column-gap: clamp(48px, 6vw, 96px);
	box-sizing: border-box;
	max-width: calc(1240px + 2 * var(--sec-gutter));
	margin: 0 auto;
	padding: clamp(48px, 6vw, 80px) var(--sec-gutter) var(--s-section);
}

.adic-article__body {
	grid-area: body;
	min-width: 0;
}

.adic-article__aside {
	grid-area: aside;
	align-self: start;
	position: sticky;
	top: calc(var(--adic-header-h, 84px) + var(--adic-bar-h, 0px) + 32px);
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.adic-article__foot {
	grid-area: foot;
	display: flex;
	flex-direction: column;
	gap: 28px;
	margin-top: 48px;
	padding-top: 32px;
	border-top: 1px solid var(--line);
}

/* Article typography */
.adic-article__body {
	color: var(--body);
	font-size: 18px;
	line-height: 1.75;
}

.adic-article__body > * {
	max-width: none !important;
	margin-inline: 0 !important;
}

.adic-article__body > * + * {
	margin-top: 1.25em !important;
	margin-bottom: 0 !important;
}

.adic-article__body > p:first-child {
	color: var(--ink);
	font-size: 21px;
	line-height: 1.6;
}

.adic-article__body h2,
.adic-article__body h3,
.adic-article__body h4 {
	color: var(--ink);
	text-wrap: balance;
	scroll-margin-top: calc(var(--adic-header-h, 84px) + var(--adic-bar-h, 0px) + 24px);
}

.adic-article__body h2 {
	margin-top: 2.2em !important;
	font-size: clamp(26px, 2.3vw, 32px) !important;
	line-height: 1.15 !important;
	letter-spacing: -0.018em;
}

.adic-article__body h3 {
	margin-top: 1.8em !important;
	font-size: clamp(20px, 1.6vw, 23px) !important;
	line-height: 1.25 !important;
}

.adic-article__body h4 {
	margin-top: 1.6em !important;
	font-size: 18px !important;
}

.adic-article__body :is(h2, h3, h4) + * {
	margin-top: 0.6em !important;
}

.adic-article__body a:not(.wp-block-button__link):not(.adic-btn) {
	color: var(--wp--preset--color--link-blue, #0A6591);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.adic-article__body a:not(.wp-block-button__link):not(.adic-btn):hover {
	color: var(--color-link-hover, #084E70);
	text-decoration-thickness: 2px;
}

.adic-article__body strong {
	color: var(--ink);
}

.adic-article__body :is(ul, ol):not(.blocks-gallery-grid):not(.wp-block-gallery) {
	padding-left: 0;
	list-style: none;
}

.adic-article__body :is(ul, ol) li {
	position: relative;
	margin: 0.5em 0 0;
	padding-left: 34px;
}

.adic-article__body ul li::before {
	content: "";
	position: absolute;
	left: 8px;
	top: 0.62em;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--tint);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--tint) 25%, transparent);
}

.adic-article__body ol {
	counter-reset: adic-ol;
}

.adic-article__body ol li {
	counter-increment: adic-ol;
}

.adic-article__body ol li::before {
	content: counter(adic-ol);
	position: absolute;
	left: 0;
	top: 0.2em;
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--ink);
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}

.adic-article__body blockquote,
.adic-article__body .wp-block-quote,
.adic-article__body .wp-block-pullquote {
	position: relative;
	margin-block: 2em !important;
	padding: 28px 32px 28px 36px;
	border: 0;
	border-radius: var(--r-md);
	background: var(--tint-soft);
	color: var(--ink);
	font-size: 21px;
	line-height: 1.5;
	text-align: left;
}

.adic-article__body blockquote::before {
	content: "";
	position: absolute;
	left: 0;
	top: 24px;
	bottom: 24px;
	width: 5px;
	border-radius: 0 4px 4px 0;
	background: var(--tint);
}

.adic-article__body blockquote p {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
}

/* The base theme's large blue quote mark is replaced by the tinted bar. */
.adic-article__body blockquote p:first-of-type::before {
	display: none;
}

.adic-article__body blockquote cite {
	display: block;
	margin-top: 12px;
	color: var(--muted);
	font-size: 15px;
	font-style: normal;
}

.adic-article__body :is(figure, .wp-block-image) img,
.adic-article__body > img {
	height: auto;
	border-radius: var(--r-md);
}

.adic-article__body figcaption {
	margin-top: 10px;
	color: var(--muted);
	font-size: 14px;
	text-align: center;
}

.adic-article__body .wp-block-embed iframe,
.adic-article__body iframe {
	max-width: 100%;
	border-radius: var(--r-md);
}

.adic-article__body .wp-block-table {
	overflow-x: auto;
}

.adic-article__body table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--line);
	border-radius: var(--r-sm);
	overflow: hidden;
	font-size: 16px;
}

.adic-article__body th,
.adic-article__body td {
	padding: 12px 16px;
	border: 0;
	border-bottom: 1px solid var(--line);
	text-align: left;
}

.adic-article__body th,
.adic-article__body thead td {
	background: var(--mist);
	color: var(--ink);
	font-weight: 700;
}

.adic-article__body tr:last-child td {
	border-bottom: 0;
}

.adic-article__body hr {
	height: 4px;
	margin-block: 2.5em !important;
	border: 0;
	border-radius: 4px;
	background: var(--brand-stripe);
	opacity: 1;
}

/* On this page */
.adic-toc {
	padding: 22px 22px 18px;
	border: 1px solid var(--line);
	border-radius: var(--r-md);
	background: #FFFFFF;
}

.adic-toc__title {
	margin: 0 0 12px !important;
	color: var(--green-text, #3A7330);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.adic-toc ol {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 2px solid var(--line);
	max-height: 46vh;
	overflow: auto;
}

.adic-toc li {
	margin: 0;
}

.adic-toc a {
	display: block;
	margin-left: -2px;
	padding: 7px 0 7px 14px;
	border-left: 2px solid transparent;
	color: var(--body) !important;
	font-size: 15px;
	line-height: 1.4;
	text-decoration: none !important;
	transition: color 0.2s, border-color 0.2s;
}

.adic-toc a:hover,
.adic-toc a:focus-visible {
	color: var(--ink) !important;
}

.adic-toc a[aria-current] {
	border-left-color: var(--tint);
	color: var(--ink) !important;
	font-weight: 700;
}

/* Booking card */
.adic-article__book {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding: 26px 24px 24px;
	border-radius: var(--r-md);
	background:
		radial-gradient(circle at 100% 0, rgba(255, 181, 62, 0.35) 0, transparent 55%),
		var(--ink);
	color: rgba(255, 255, 255, 0.82);
	font-size: 15px;
	line-height: 1.55;
}

.adic-article__book::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 5px;
	background: var(--brand-stripe);
}

.adic-article__book p {
	margin: 0 !important;
}

.adic-article__book-kicker {
	color: var(--color-sunshine, #FED53B);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.adic-article__book-title {
	color: #FFFFFF;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.adic-article__book .adic-btn {
	margin-top: 8px;
}

.adic-article__book-link {
	color: #FFFFFF !important;
	font-weight: 600;
	text-decoration: none !important;
}

.adic-article__book-link:hover {
	text-decoration: underline !important;
}

/* After the article */
.adic-article__topics,
.adic-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.adic-article__topics > span,
.adic-share > span {
	margin-right: 6px;
	color: var(--ink);
	font-weight: 700;
}

.adic-share a,
.adic-share button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 44px;
	height: 44px;
	box-sizing: border-box;
	padding: 0 12px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: #FFFFFF;
	color: var(--ink) !important;
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.adic-share a:hover,
.adic-share a:focus-visible,
.adic-share button:hover,
.adic-share button:focus-visible {
	border-color: var(--ink);
	background: var(--ink);
	color: #FFFFFF !important;
}

.adic-share__copy.is-done {
	border-color: var(--color-green, #8CC47B);
	background: var(--color-green-tint, #F2F7E6);
	color: var(--ink) !important;
}

.adic-article__note {
	display: flex;
	gap: 12px;
	margin: 0 !important;
	padding: 18px 20px;
	border-radius: var(--r-sm);
	background: var(--mist);
	color: #4A5560;
	font-size: 15px;
	line-height: 1.6;
}

.adic-article__note::before {
	content: "i";
	flex: none;
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--ink);
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
}

.adic-author {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	padding: 24px;
	border: 1px solid var(--line);
	border-radius: var(--r-md);
}

.adic-author p {
	margin: 0 !important;
}

.adic-author__avatar {
	flex: none;
	width: 72px;
	height: 72px;
	border-radius: 50%;
}

.adic-author__kicker {
	color: var(--muted);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.adic-author__name {
	color: var(--ink);
	font-size: 19px;
	font-weight: 700;
}

.adic-author__bio {
	margin-top: 6px !important;
	color: var(--body);
	font-size: 16px;
	line-height: 1.6;
}

.adic-related-posts .adic-head--row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: var(--s-head);
}

/* ======================= RESPONSIVE ======================= */

@media (max-width: 1099px) {
	.adic-blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.adic-blog-feature {
		grid-template-columns: minmax(0, 1fr);
	}

	.adic-blog-feature__side {
		grid-template-rows: none;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.adic-post-card--side {
		flex-direction: column;
	}

	.adic-post-card--side .adic-post-card__media {
		flex: none;
		aspect-ratio: 16 / 10;
		min-height: 0;
	}

	.adic-post-card--side .adic-post-card__media::after {
		inset: auto 0 0;
		width: auto;
		height: 4px;
	}

	.adic-article__layout {
		grid-template-columns: minmax(0, var(--article-w));
		grid-template-areas:
			"aside"
			"body"
			"foot";
	}

	.adic-article__aside {
		position: static;
	}

	.adic-toc {
		margin-bottom: 36px;
	}

	.adic-toc ol {
		max-height: none;
	}

	/* The closing call to action covers booking on smaller screens. */
	.adic-article__book {
		display: none;
	}
}

@media (max-width: 699px) {
	.adic-blog-grid,
	.adic-blog-feature__side {
		grid-template-columns: minmax(0, 1fr);
	}

	.adic-blog-search {
		padding-left: 16px;
	}

	.adic-blog-search .adic-btn {
		padding-inline: 18px;
	}

	.adic-blog-topics {
		flex-wrap: nowrap;
		justify-content: flex-start;
		width: calc(100% + 2 * var(--sec-gutter));
		margin-inline: calc(-1 * var(--sec-gutter)) !important;
		padding: 2px var(--sec-gutter) 6px;
		overflow-x: auto;
		scrollbar-width: none;
		box-sizing: border-box;
	}

	.adic-blog-topics::-webkit-scrollbar {
		display: none;
	}

	.adic-blog-topics a {
		flex: none;
	}

	.adic-post-hero__title {
		font-size: clamp(32px, 9vw, 40px) !important;
	}

	.adic-post-hero.has-image {
		padding-bottom: 96px !important;
	}

	.adic-post-cover {
		margin-top: -72px !important;
	}

	.adic-post-cover img {
		aspect-ratio: 4 / 3;
		border-width: 4px;
	}

	.adic-article__body {
		font-size: 17px;
	}

	.adic-article__body > p:first-child {
		font-size: 19px;
	}

	.adic-article__body blockquote {
		padding: 22px 22px 22px 26px;
		font-size: 19px;
	}

	.adic-share > span {
		flex-basis: 100%;
	}

	.adic-author {
		flex-direction: column;
	}

	.adic-pagination-label,
	.adic-blog-pager .prev span,
	.adic-blog-pager .next span {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.adic-post-card,
	.adic-post-card__media img,
	.adic-post-card__title a {
		transition: none;
	}

	.adic-post-card:hover {
		transform: none;
	}

	.adic-post-card:hover .adic-post-card__media img {
		transform: none;
	}
}