/**
 * Aeon News – editorial components (phase 4): genre label, opinion byline, article end,
 * writer pages and the opinion section.
 *
 * Mobile first; breakpoints 480 / 768 / 1024 / 1280. Colours come from the theme tokens
 * (inc/design-tokens.php); typography inherits the publication's Codestar settings.
 */

:root {
	--aeon-ed-ink: var(--aeon-ink, #222);
	--aeon-ed-muted: #5f6368;
	--aeon-ed-line: #e3e3e3;
	--aeon-ed-paper: #f6f1e7;
	--aeon-ed-ui: var(--aeon-interactives-font, inherit);
	--aeon-ed-gap: 16px;

	/* One colour per genre; editorial and comment use the publication's accent. */
	--aeon-genre-ledare: var(--aeon-accent, #69043b);
	--aeon-genre-kommentar: var(--aeon-accent, #69043b);
	--aeon-genre-analys: #4b4f8f;
	--aeon-genre-kronika: #9a5b13;
	--aeon-genre-debatt: #1d5f86;
	--aeon-genre-replik: #1d5f86;
	--aeon-genre-insandare: #3f6b3a;
	--aeon-genre-recension: #7a3b2e;
}

/* The theme's dark mode (body.dark-mode). */
body.dark-mode {
	--aeon-ed-ink: #ececec;
	--aeon-ed-muted: #a8a8a8;
	--aeon-ed-line: #3a3a3a;
	--aeon-ed-paper: #2b2722;
}

body.dark-mode .aeon-writer-hero {
	--aeon-wh-tint: #262626;
	--aeon-wh-tint: color-mix(in srgb, var(--aeon-wh-accent) 16%, #1d1d1d);
}

body.dark-mode .aeon-writer-hero__kicker,
body.dark-mode .aeon-writer-about a,
body.dark-mode .aeon-writer-about__more summary {
	color: #f0d9e4;
	color: color-mix(in srgb, var(--aeon-accent, #69043b) 25%, #fff);
}

body.dark-mode .aeon-writer-hero--profile .aeon-writer-hero__img,
body.dark-mode .aeon-writer-hero__monogram {
	border-color: #1d1d1d;
}

body.dark-mode .aeon-writer-scope a[aria-current="page"] {
	background: #ececec;
	color: #111;
}

/* ---------- Genre label above the headline ---------- */

.aeon-genre-kicker {
	--aeon-genre: var(--aeon-accent, #69043b);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 6px;
	font-family: var(--aeon-ed-ui);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--aeon-genre);
}

.aeon-genre-kicker::before {
	display: none;
}

.aeon-genre-kicker::before {
	content: "";
	width: 18px;
	height: 3px;
	background: currentColor;
}

.aeon-genre--ledare { --aeon-genre: var(--aeon-genre-ledare); }
.aeon-genre--kommentar { --aeon-genre: var(--aeon-genre-kommentar); }
.aeon-genre--analys { --aeon-genre: var(--aeon-genre-analys); }
.aeon-genre--kronika { --aeon-genre: var(--aeon-genre-kronika); }
.aeon-genre--debatt { --aeon-genre: var(--aeon-genre-debatt); }
.aeon-genre--replik { --aeon-genre: var(--aeon-genre-replik); }
.aeon-genre--insandare { --aeon-genre: var(--aeon-genre-insandare); }
.aeon-genre--recension { --aeon-genre: var(--aeon-genre-recension); }

/* ---------- Automatic signature after the text ---------- */

/* Same typography as the article text (serif_content), like the manual signature it replaces. */
/* One empty line between the end of the text and the signature, as with manual signatures. */
.aeon-signature {
	margin-top: 1.6em;
}

.aeon-signature p {
	margin: 0 0 4px;
}

.serif_content.aeon-signature a,
:is(html.aeon-dark-mode-active, body.dark-mode) .serif_content.aeon-signature a {
	color: inherit;
	text-decoration: none;
}

.serif_content a.aeon-signature-link,
.entry-content a.aeon-signature-link,
:is(html.aeon-dark-mode-active, body.dark-mode) :is(.serif_content, .entry-content) a.aeon-signature-link {
	color: inherit;
	text-decoration: none;
}

.aeon-signature a:hover,
.aeon-signature a:focus-visible,
a.aeon-signature-link:hover,
a.aeon-signature-link:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.aeon-signature__arrow {
	margin-left: 8px;
	font-size: 0.75em;
	font-style: normal;
	vertical-align: 0.05em;
}

.aeon-signature__bio {
	font-size: 0.9em;
	color: var(--aeon-ed-muted);
}

.aeon-signature__note {
	margin-top: 8px;
}

.aeon-signature--note {
	margin-top: 10px;
}

/* ---------- References under the article ---------- */

.aeon-references {
	position: relative;
	margin: 30px 0 10px;
	padding-top: 14px;
	border-top: 1px solid var(--aeon-ed-line);
	font-family: var(--aeon-ed-ui);
}

.aeon-references::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 44px;
	height: 3px;
	background: var(--aeon-accent, #69043b);
}

.aeon-references__title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 10px;
	font-family: var(--aeon-ed-ui);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--aeon-ed-ink);
}

.aeon-references__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 20px;
	padding: 0 7px;
	border-radius: 999px;
	background: #f2ebef;
	background: color-mix(in srgb, var(--aeon-accent, #69043b) 9%, transparent);
	font-size: 12px;
	letter-spacing: 0;
	color: var(--aeon-accent, #69043b);
	box-sizing: border-box;
}

.aeon-references__body {
	font-size: 15px;
	line-height: 1.55;
	color: var(--aeon-ed-muted);
	overflow-wrap: anywhere;
}

.aeon-references__body p {
	margin: 0 0 0.55em;
}

.aeon-references__body ol,
.aeon-references__body ul {
	margin: 0 0 0.55em;
	padding-left: 1.4em;
}

.aeon-references__body li {
	margin-bottom: 0.4em;
}

.aeon-references__body a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: rgba(127, 127, 127, 0.45);
	text-underline-offset: 2px;
}

.aeon-references__body a:hover,
.aeon-references__body a:focus-visible {
	color: var(--aeon-accent, #69043b);
	text-decoration-color: currentColor;
}

.aeon-references__body sup {
	margin-right: 2px;
	font-weight: 700;
	color: var(--aeon-ed-ink);
}

/* Long lists: the first lines, a fade, and a button for the rest. */
.aeon-references--collapsed .aeon-references__body {
	max-height: 8.6em;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to bottom, #000 40%, transparent);
	mask-image: linear-gradient(to bottom, #000 40%, transparent);
}

.aeon-references--open .aeon-references__body {
	max-height: none;
	-webkit-mask-image: none;
	mask-image: none;
}

.aeon-references__toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 6px;
	padding: 7px 14px;
	border: 1px solid var(--aeon-ed-line);
	border-radius: 999px;
	background: transparent;
	font-family: var(--aeon-ed-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--aeon-ed-ink);
	cursor: pointer;
	transition: border-color 0.15s, color 0.15s;
}

.aeon-references__toggle:hover,
.aeon-references__toggle:focus-visible {
	border-color: var(--aeon-accent, #69043b);
	color: var(--aeon-accent, #69043b);
}

.aeon-references__toggle::after {
	content: "";
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
}

.aeon-references--open .aeon-references__toggle::after {
	margin-top: 3px;
	transform: rotate(-135deg);
}

.aeon-references__hide,
.aeon-references--open .aeon-references__show {
	display: none;
}

.aeon-references--open .aeon-references__hide {
	display: inline;
}

body.dark-mode .aeon-references__count {
	background: #3a3a3a;
	color: #ececec;
}

body.dark-mode .aeon-references__body a:hover,
body.dark-mode .aeon-references__body a:focus-visible {
	color: #fff;
}

@media print {
	.aeon-references--collapsed .aeon-references__body {
		max-height: none;
		-webkit-mask-image: none;
		mask-image: none;
	}

	.aeon-references__toggle {
		display: none;
	}
}

/* ---------- Writer page ---------- */

.aeon-writer-hero {
	--aeon-wh-accent: var(--aeon-accent, #69043b);
	--aeon-wh-tint: #f7f1f4;
	--aeon-wh-tint: color-mix(in srgb, var(--aeon-wh-accent) 6%, #fff);
	margin: 8px 0 22px;
	font-family: var(--aeon-ed-ui);
	color: var(--aeon-ed-ink);
}

/* Stage: name on the left, the portrait standing on the accent line on the right. */
.aeon-writer-hero__stage {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 8px 14px;
	min-height: 170px;
	padding: 18px 14px 0 18px;
	border-bottom: 3px solid var(--aeon-wh-accent);
	border-radius: 6px 6px 0 0;
	background: var(--aeon-wh-tint);
	overflow: hidden;
}

.aeon-writer-hero__text {
	align-self: center;
	min-width: 0;
	padding-bottom: 18px;
}

.aeon-writer-hero__kicker {
	margin: 0 0 6px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--aeon-wh-accent);
}

.aeon-writer-hero__name {
	margin: 0;
	color: inherit;
	font-size: 32px;
	line-height: 1.02;
	letter-spacing: -0.015em;
	overflow-wrap: break-word;
}

.aeon-writer-hero__quote {
	max-width: 34ch;
	margin: 12px 0 0;
	font-family: var(--aeon-font, serif);
	font-size: 17px;
	font-style: italic;
	line-height: 1.45;
	color: var(--aeon-ed-muted);
}

.aeon-writer-hero__portrait {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.aeon-writer-hero--column .aeon-writer-hero__img {
	display: block;
	width: auto;
	height: 180px;
	max-width: 44vw;
	object-fit: contain;
	object-position: bottom right;
}

/* Fallback: round portrait or initials, centred beside the name. */
.aeon-writer-hero--profile .aeon-writer-hero__portrait {
	align-self: center;
	padding-bottom: 18px;
}

.aeon-writer-hero--profile .aeon-writer-hero__img,
.aeon-writer-hero__monogram {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 104px;
	height: 104px;
	border: 4px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 2px var(--aeon-wh-accent);
	object-fit: cover;
	background: var(--aeon-wh-accent);
}

.aeon-writer-hero__monogram {
	font-family: var(--aeon-font, serif);
	font-size: 38px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #fff;
}

.aeon-writer-hero__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
	padding: 12px 2px;
	border-bottom: 1px solid var(--aeon-ed-line);
}

.aeon-writer-hero__facts {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	color: var(--aeon-ed-muted);
}

.aeon-writer-hero__facts li {
	margin: 0;
	padding: 0;
}

.aeon-writer-hero__facts li + li::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: 0 11px 3px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.55;
}

.aeon-writer-hero__facts strong {
	color: var(--aeon-ed-ink);
}

.aeon-writer-hero__actions {
	display: flex;
	gap: 8px;
}

.aeon-writer-hero__action {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border: 1px solid var(--aeon-ed-line);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--aeon-ed-ink);
	text-decoration: none;
	transition: color 0.15s, border-color 0.15s;
}

.aeon-writer-hero__action:hover,
.aeon-writer-hero__action:focus-visible {
	border-color: var(--aeon-wh-accent);
	color: var(--aeon-wh-accent);
}

/* Biography from the writer's profile. */
.aeon-writer-about {
	max-width: 64ch;
	margin: 0 0 28px;
	font-family: var(--aeon-font, serif);
	font-size: 17px;
	line-height: 1.6;
	color: var(--aeon-ed-ink);
}

.aeon-writer-about p {
	margin: 0 0 0.75em;
}

.aeon-writer-about__intro > p:first-child {
	font-size: 1.1em;
}

.aeon-writer-about a {
	color: var(--aeon-accent, #69043b);
}

.aeon-writer-about__more summary {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--aeon-ed-ui);
	font-size: 14px;
	font-weight: 700;
	color: var(--aeon-accent, #69043b);
	list-style: none;
	cursor: pointer;
}

.aeon-writer-about__more summary::-webkit-details-marker {
	display: none;
}

.aeon-writer-about__more summary::after {
	content: "";
	width: 7px;
	height: 7px;
	margin-top: -3px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.15s;
}

.aeon-writer-about__more[open] summary::after {
	margin-top: 3px;
	transform: rotate(-135deg);
}

.aeon-writer-about__close,
.aeon-writer-about__more[open] .aeon-writer-about__open {
	display: none;
}

.aeon-writer-about__more[open] .aeon-writer-about__close {
	display: inline;
}

.aeon-writer-about__rest {
	margin-top: 12px;
}

.aeon-writer-section-title {
	margin: 0 0 10px;
	font-family: var(--aeon-ed-ui);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--aeon-ed-muted);
}

.aeon-writer-series {
	margin: 0 0 26px;
}

.aeon-writer-series ul {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.aeon-writer-series a {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	height: 100%;
	padding: 11px 13px;
	border: 1px solid var(--aeon-ed-line);
	border-left: 3px solid var(--aeon-accent, #69043b);
	border-radius: 4px;
	font-family: var(--aeon-ed-ui);
	color: var(--aeon-ed-ink);
	text-decoration: none;
	box-sizing: border-box;
	transition: border-color 0.15s;
}

.aeon-writer-series a:hover,
.aeon-writer-series a:focus-visible {
	border-color: var(--aeon-accent, #69043b);
}

.aeon-writer-series__name {
	font-weight: 700;
	line-height: 1.3;
}

.aeon-writer-series__count {
	flex: 0 0 auto;
	font-size: 13px;
	color: var(--aeon-ed-muted);
}

.aeon-writer-scope {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 20px;
	font-family: var(--aeon-ed-ui);
}

.aeon-writer-scope a {
	padding: 6px 12px;
	border: 1px solid var(--aeon-ed-line);
	border-radius: 999px;
	font-size: 14px;
	color: var(--aeon-ed-ink);
	text-decoration: none;
}

.aeon-writer-scope a span {
	color: var(--aeon-ed-muted);
}

.aeon-writer-scope a[aria-current="page"] {
	border-color: var(--aeon-ed-ink);
	background: var(--aeon-ed-ink);
	color: #fff;
}

.aeon-writer-scope a[aria-current="page"] span {
	color: inherit;
}

.aeon-writer-lead {
	margin: 0 0 8px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--aeon-ed-line);
}

.aeon-writer-lead__image img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 12px;
	border-radius: 3px;
}

.aeon-writer-lead__title {
	margin: 0 0 8px;
	font-size: 25px;
	line-height: 1.15;
}

.aeon-writer-lead__title a,
.aeon-writer-list__title {
	color: var(--aeon-ed-ink);
	text-decoration: none;
}

.aeon-writer-lead__title a:hover,
.aeon-writer-lead__title a:focus-visible,
.aeon-writer-list__title:hover,
.aeon-writer-list__title:focus-visible {
	text-decoration: underline;
}

.aeon-writer-lead__excerpt {
	margin: 0 0 8px;
	font-family: var(--aeon-font, serif);
	font-size: 17px;
	line-height: 1.5;
}

.aeon-writer-list {
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}

.aeon-writer-list__item {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 3px 14px;
	padding: 13px 0;
	border-bottom: 1px solid var(--aeon-ed-line);
}

.aeon-writer-list__item--thumb {
	grid-template-columns: minmax(0, 1fr) 96px;
}

.aeon-writer-list__date {
	grid-column: 1;
	font-family: var(--aeon-ed-ui);
	font-size: 13px;
	color: var(--aeon-ed-muted);
}

.aeon-writer-list__body {
	grid-column: 1;
}

.aeon-writer-list__thumb {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: start;
}

.aeon-writer-list__thumb img {
	display: block;
	width: 96px;
	height: 55px;
	border-radius: 3px;
	object-fit: cover;
}

.aeon-writer-list__genre {
	--aeon-genre: var(--aeon-accent, #69043b);
	margin-right: 6px;
	font-family: var(--aeon-ed-ui);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--aeon-genre);
}

.aeon-writer-list__title {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
}

.aeon-writer-empty {
	font-family: var(--aeon-ed-ui);
	color: var(--aeon-ed-muted);
}

@media (min-width: 768px) {
	.aeon-writer-hero__stage {
		gap: 8px 24px;
		min-height: 230px;
		padding: 26px 26px 0 30px;
	}

	.aeon-writer-hero__text {
		padding-bottom: 26px;
	}

	.aeon-writer-hero__name {
		font-size: 46px;
	}

	.aeon-writer-hero__quote {
		font-size: 19px;
	}

	.aeon-writer-hero--column .aeon-writer-hero__img {
		height: 290px;
		max-width: none;
	}

	.aeon-writer-hero--profile .aeon-writer-hero__portrait {
		padding-bottom: 26px;
	}

	.aeon-writer-hero--profile .aeon-writer-hero__img,
	.aeon-writer-hero__monogram {
		width: 148px;
		height: 148px;
	}

	.aeon-writer-hero__monogram {
		font-size: 52px;
	}

	.aeon-writer-about {
		font-size: 18px;
	}

	.aeon-writer-series ul {
		grid-template-columns: repeat(2, 1fr);
	}

	.aeon-writer-lead {
		display: grid;
		grid-template-columns: 56% minmax(0, 1fr);
		gap: 0 20px;
		align-items: start;
	}

	.aeon-writer-lead__image {
		grid-row: 1 / span 4;
	}

	.aeon-writer-lead__image img {
		margin-bottom: 0;
	}

	.aeon-writer-list__item {
		grid-template-columns: 110px minmax(0, 1fr);
		align-items: baseline;
	}

	.aeon-writer-list__item--thumb {
		grid-template-columns: 110px minmax(0, 1fr) 120px;
	}

	.aeon-writer-list__body {
		grid-column: 2;
	}

	.aeon-writer-list__thumb {
		grid-column: 3;
		grid-row: 1;
	}

	.aeon-writer-list__thumb img {
		width: 120px;
		height: 69px;
	}
}

@media (min-width: 1024px) {
	.aeon-writer-hero__name {
		font-size: 52px;
	}

	.aeon-writer-lead__title {
		font-size: 28px;
	}
}

/* ---------- Opinion section ---------- */

.aeon-opinion-hero {
	margin: 8px 0 20px;
	padding-bottom: 12px;
	border-bottom: 3px solid var(--aeon-ed-ink);
	font-family: var(--aeon-ed-ui);
}

.aeon-opinion-hero__title {
	margin: 0 0 10px;
	font-size: 32px;
	line-height: 1.1;
	color: var(--aeon-ed-ink);
}

.aeon-opinion-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
}

.aeon-opinion-nav a {
	--aeon-genre: var(--aeon-accent, #69043b);
	padding-bottom: 2px;
	border-bottom: 2px solid var(--aeon-genre);
	font-size: 14px;
	font-weight: 700;
	color: var(--aeon-ed-ink);
	text-decoration: none;
}

.aeon-opinion-section {
	margin: 0 0 28px;
}

.aeon-opinion-section__head {
	--aeon-genre: var(--aeon-accent, #69043b);
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 10px;
	padding-top: 8px;
	border-top: 3px solid var(--aeon-genre);
	font-family: var(--aeon-ed-ui);
}

.aeon-opinion-section__title {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--aeon-genre);
}

.aeon-opinion-section__more {
	font-size: 13px;
	font-weight: 700;
	color: var(--aeon-ed-muted);
	text-decoration: none;
}

.aeon-opinion-section__more:hover,
.aeon-opinion-section__more:focus-visible {
	text-decoration: underline;
}

.aeon-opinion-editorial {
	margin: 0 0 12px;
}

.aeon-opinion-editorial__title {
	margin: 0 0 8px;
	font-size: 26px;
	line-height: 1.15;
}

.aeon-opinion-editorial__title a,
.aeon-opinion-list__title,
.aeon-columnist__link {
	color: var(--aeon-ed-ink);
	text-decoration: none;
}

.aeon-opinion-editorial__title a:hover,
.aeon-opinion-editorial__title a:focus-visible,
.aeon-opinion-list__title:hover,
.aeon-opinion-list__title:focus-visible {
	text-decoration: underline;
}

.aeon-opinion-editorial__lead {
	margin: 0 0 6px;
	font-family: var(--aeon-font, serif);
	font-size: 17px;
	line-height: 1.5;
	color: var(--aeon-ed-ink);
}

.aeon-opinion-editorial__meta {
	margin: 0;
	font-family: var(--aeon-ed-ui);
	font-size: 13px;
	color: var(--aeon-ed-muted);
}

.aeon-opinion-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.aeon-opinion-list li {
	display: grid;
	gap: 2px;
	padding: 10px 0;
	border-bottom: 1px solid var(--aeon-ed-line);
}

.aeon-opinion-list__title {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
}

.aeon-opinion-list__writer {
	font-family: var(--aeon-ed-ui);
	font-size: 13px;
	color: var(--aeon-ed-muted);
}

.aeon-columnists {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.aeon-columnist__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 12px;
	border-radius: 4px;
	background: var(--aeon-ed-paper);
	font-family: var(--aeon-ed-ui);
}

.aeon-columnist__img {
	display: block;
	width: 72px;
	height: 72px;
	margin-bottom: 8px;
	border-radius: 50%;
	object-fit: cover;
	object-position: top center;
	background: #fff;
}

.aeon-columnist__img--initials {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	font-weight: 700;
	color: var(--aeon-ed-muted);
}

.aeon-columnist__name {
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--aeon-genre-kronika);
}

.aeon-columnist__title {
	font-family: var(--aeon-font, serif);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--aeon-ed-ink);
}

.aeon-columnist__link:hover .aeon-columnist__title,
.aeon-columnist__link:focus-visible .aeon-columnist__title {
	text-decoration: underline;
}

.aeon-opinion-grid {
	display: grid;
	gap: 0 24px;
}

@media (min-width: 480px) {
	.aeon-columnists {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 768px) {
	.aeon-opinion-hero__title {
		font-size: 42px;
	}

	.aeon-opinion-editorial__title {
		font-size: 32px;
	}

	.aeon-opinion-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}