/**
 * Radoon — inner pages: reading column, articles, the guide, lists, empty states and not found.
 *
 * Loaded on pages, articles, archives, search and the not-found page, after site.css (which holds
 * the navy page head and the breadcrumbs shared by every inner view).
 *
 * Rhythm: the page head is navy; the body is pearl with a reading column of about 68 characters,
 * set right to left with a line height of 2. Gold appears only as hairlines, list markers and the
 * bird; text and buttons on light grounds stay navy.
 *
 * @package radoon
 */

/* ------------------------------------------------------------------ Reading layout */

/* The reading measure: about 70 Persian letters a line at the prose size. The ch unit would lie
   here, since the Persian-digit fonts draw a narrow zero. */
:root {
	--rdn-measure: 42rem;
}

/* Key figures beside the page head break evenly, so a long legal name never leaves one word on
   its own line. */
.rdn-head-facts__value,
.rdn-head-facts__note {
	text-wrap: balance;
}

/* Topic chips, quiet links and the links of note cards are finger-sized on touch screens. */
@media (pointer: coarse) {
	.rdn-topic,
	.rdn-note-card__links a {
		min-block-size: 2.75rem;
	}

	/* A quiet link keeps its underline close to the words; only its hit area grows. */
	.rdn-link {
		position: relative;
	}

	.rdn-link::after {
		content: "";
		position: absolute;
		inset-block: -0.375rem;
		inset-inline: 0;
	}
}

.rdn-main--page,
.rdn-main--article,
.rdn-main--listing,
.rdn-main--404 {
	overflow-x: clip;
}

.rdn-reading {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 3rem;
	padding-block: clamp(3rem, 2rem + 3.5vw, 5.5rem) var(--rdn-section);
}

.rdn-reading__main {
	min-inline-size: 0;
}

.rdn-reading__aside {
	min-inline-size: 0;
}

@media (width >= 1000px) {
	.rdn-reading {
		grid-template-columns: minmax(0, 1fr) minmax(15rem, 19rem);
		gap: clamp(3rem, 7vw, 7.5rem);
		align-items: start;
	}

	.rdn-reading--single {
		grid-template-columns: minmax(0, 1fr);
	}

	.rdn-reading__aside--sticky {
		position: sticky;
		inset-block-start: calc(var(--rdn-header-h) + 2rem);
		transition: inset-block-start var(--rdn-mid) var(--rdn-ease);
	}

	.admin-bar .rdn-reading__aside--sticky {
		inset-block-start: calc(var(--rdn-header-h) + 2rem + var(--wp-admin--admin-bar--height, 32px));
	}

	/* While reading down the header tucks away; the aside then rises with it. */
	html[data-rdn-header-hidden] .rdn-reading__aside--sticky {
		inset-block-start: 2rem;
	}

	html[data-rdn-header-hidden] .admin-bar .rdn-reading__aside--sticky {
		inset-block-start: calc(2rem + var(--wp-admin--admin-bar--height, 32px));
	}
}

@media (width < 1000px) {
	.rdn-reading--article .rdn-reading__aside {
		display: none;
	}
}

/* ------------------------------------------------------------------ Prose */

.rdn-prose {
	max-inline-size: var(--rdn-measure);
	color: var(--rdn-text);
	font-size: var(--rdn-fs-md);
	line-height: 2;
	text-align: start;
	overflow-wrap: break-word;
}

.rdn-prose > * {
	margin-block: 0;
}

.rdn-prose > * + * {
	margin-block-start: 1.25em;
}

.rdn-prose p {
	margin-block-end: 0;
}

.rdn-prose :is(h2, h3, h4) {
	color: var(--rdn-navy);
	font-family: var(--rdn-font-head);
	font-weight: 700;
	text-wrap: balance;
}

.rdn-prose h2 {
	margin-block-start: 2.6em;
	font-size: clamp(1.375rem, 1.15rem + 0.8vw, 1.75rem);
	line-height: 1.6;
}

/* A short royal hairline opens every chapter, as the eyebrows do in sections. */
.rdn-prose h2::before {
	content: "";
	display: block;
	inline-size: 2rem;
	block-size: 1px;
	margin-block-end: 1rem;
	background: var(--rdn-royal);
}

.rdn-prose h3 {
	margin-block-start: 2em;
	font-size: clamp(1.1875rem, 1.05rem + 0.45vw, 1.375rem);
	line-height: 1.7;
}

.rdn-prose h4 {
	margin-block-start: 1.75em;
	font-size: var(--rdn-fs-md);
	line-height: 1.8;
}

.rdn-prose > :is(h2, h3, h4):first-child {
	margin-block-start: 0;
}

.rdn-prose :is(h2, h3, h4) + * {
	margin-block-start: 0.75em;
}

.rdn-prose a {
	color: var(--rdn-navy);
	font-weight: 500;
	text-decoration-line: underline;
	text-decoration-color: var(--rdn-sand);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.4em;
	transition: text-decoration-color var(--rdn-fast) var(--rdn-ease), color var(--rdn-fast) var(--rdn-ease);
}

.rdn-prose a:hover {
	color: var(--rdn-ink);
	text-decoration-color: var(--rdn-navy);
}

.rdn-prose :is(strong, b) {
	color: var(--rdn-ink);
	font-weight: 500;
}

/* Lists: a royal hairline dash; numbered lists count in Persian inside a small navy square. */
.rdn-prose :is(ul, ol) {
	padding: 0;
	list-style: none;
}

.rdn-prose li {
	position: relative;
}

.rdn-prose li + li {
	margin-block-start: 0.6em;
}

.rdn-prose ul > li {
	padding-inline-start: 1.75em;
}

.rdn-prose ul > li::before {
	content: "";
	position: absolute;
	inset-block-start: 1em;
	inset-inline-start: 0.125em;
	inline-size: 0.875em;
	block-size: 1px;
	background: var(--rdn-royal);
}

.rdn-prose ol {
	counter-reset: rdn-ol;
}

.rdn-prose ol > li {
	padding-inline-start: 2.5em;
	counter-increment: rdn-ol;
}

.rdn-prose ol > li::before {
	content: counter(rdn-ol);
	content: counter(rdn-ol, persian);
	position: absolute;
	inset-block-start: 0.3em;
	inset-inline-start: 0;
	display: grid;
	place-items: center;
	inline-size: 1.625em;
	block-size: 1.625em;
	background: var(--rdn-navy);
	color: var(--rdn-white);
	font-family: var(--rdn-font-head);
	font-size: 0.8125em;
	font-weight: 700;
	line-height: 1;
}

.rdn-prose li > :is(ul, ol) {
	margin-block-start: 0.6em;
}

.rdn-prose li > ul > li::before {
	inline-size: 0.5em;
	opacity: 0.7;
}

/* Tables: hairlines and a navy header row; wide tables scroll inside their own frame. */
.rdn-prose .wp-block-table,
.rdn-table-scroll {
	margin-inline: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.rdn-prose > table {
	display: block;
	max-inline-size: 100%;
	overflow-x: auto;
}

.rdn-prose table {
	inline-size: 100%;
	border-collapse: collapse;
	font-size: 0.9375em;
	line-height: 1.8;
}

.rdn-prose thead {
	border: 0;
}

.rdn-prose th,
.rdn-prose td {
	padding: 0.75em 1em;
	border: 0;
	border-block-end: 1px solid var(--rdn-line);
	text-align: start;
	vertical-align: top;
}

.rdn-prose thead th,
.rdn-prose tr:first-child > th {
	background: var(--rdn-navy);
	border-block-end-color: var(--rdn-navy);
	color: var(--rdn-white);
	font-weight: 500;
	white-space: nowrap;
}

.rdn-prose tbody th {
	color: var(--rdn-navy);
	font-weight: 500;
}

/* From tablet width up the header row may wrap, so a table of four or five columns fits the
   reading column and no column hides past its edge. */
@media (width >= 700px) {
	.rdn-prose thead th,
	.rdn-prose tr:first-child > th {
		white-space: normal;
		text-wrap: balance;
	}
}

/* Wide tables (rdn_stack_wide_tables()): each row is a block, its first cell the title and the
   other cells label and value, so no column hides past the edge of the reading column. Tables of
   five columns or more read this way everywhere; tables of four columns only on phones. */
.rdn-prose .rdn-table--stacked,
.rdn-prose .rdn-table--stacked :is(thead, tbody, tr, th, td) {
	display: block;
}

.rdn-prose .rdn-table--stacked {
	border-block-start: 1px solid var(--rdn-navy);
}

.rdn-prose .rdn-table--stacked .rdn-table__head {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.rdn-prose .rdn-table--stacked tbody tr {
	padding-block: 1.25rem;
	border-block-end: 1px solid var(--rdn-line);
}

.rdn-prose .rdn-table--stacked tbody :is(th, td) {
	position: relative;
	padding: 0;
	border: 0;
	background: none;
}

.rdn-prose .rdn-table--stacked tbody tr > :first-child {
	margin-block-end: 0.5rem;
	color: var(--rdn-navy);
	font-family: var(--rdn-font-head);
	font-size: 1.0625em;
	font-weight: 700;
}

.rdn-prose .rdn-table--stacked tbody tr > :not(:first-child) {
	padding-block: 0.25rem;
	padding-inline-start: 11rem;
}

.rdn-prose .rdn-table--stacked tbody tr > :not(:first-child)::before {
	content: attr(data-label);
	position: absolute;
	inset-block-start: 0.25rem;
	inset-inline-start: 0;
	inline-size: 10rem;
	color: var(--rdn-muted);
	font-size: 0.875em;
	line-height: 2.05;
}

/* On phones the label sits above its value, and four-column tables stack as well. */
@media (width < 600px) {
	.rdn-prose .rdn-table--stack-phone,
	.rdn-prose .rdn-table--stack-phone :is(thead, tbody, tr, th, td) {
		display: block;
	}

	.rdn-prose .rdn-table--stack-phone {
		border-block-start: 1px solid var(--rdn-navy);
	}

	.rdn-prose .rdn-table--stack-phone .rdn-table__head {
		position: absolute;
		inline-size: 1px;
		block-size: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.rdn-prose .rdn-table--stack-phone tbody tr {
		padding-block: 1.25rem;
		border-block-end: 1px solid var(--rdn-line);
	}

	.rdn-prose .rdn-table--stack-phone tbody :is(th, td) {
		position: relative;
		padding: 0;
		border: 0;
		background: none;
	}

	.rdn-prose .rdn-table--stack-phone tbody tr > :first-child {
		margin-block-end: 0.5rem;
		color: var(--rdn-navy);
		font-family: var(--rdn-font-head);
		font-size: 1.0625em;
		font-weight: 700;
	}

	.rdn-prose :is(.rdn-table--stacked, .rdn-table--stack-phone) tbody tr > :not(:first-child) {
		padding-block: 0;
		padding-inline-start: 0;
	}

	.rdn-prose :is(.rdn-table--stacked, .rdn-table--stack-phone) tbody tr > :not(:first-child)::before {
		content: attr(data-label);
		position: static;
		display: block;
		inline-size: auto;
		color: var(--rdn-muted);
		font-size: 0.875em;
		line-height: 1.8;
	}

	.rdn-prose :is(.rdn-table--stacked, .rdn-table--stack-phone) tbody tr > :not(:first-child) + * {
		margin-block-start: 0.375rem;
	}
}

.rdn-prose tbody tr:hover > * {
	background: rgb(218 192 163 / 0.12);
}

.rdn-prose :is(figcaption, .wp-element-caption) {
	margin-block-start: 0.75rem;
	padding-inline-start: 0.75rem;
	border-inline-start: 1px solid var(--rdn-royal);
	color: var(--rdn-muted);
	font-size: var(--rdn-fs-sm);
	line-height: 1.8;
}

/* Quotes: a royal hairline and the heading face. */
.rdn-prose blockquote,
.rdn-prose .wp-block-quote {
	margin-block: 2em;
	margin-inline: 0;
	padding-block: 0.25em;
	padding-inline: 1.5em 0;
	border-inline-start: 1px solid var(--rdn-royal);
	color: var(--rdn-navy);
	font-family: var(--rdn-font-head);
	font-size: var(--rdn-fs-lg);
	line-height: 1.9;
}

.rdn-prose blockquote p {
	margin: 0;
}

.rdn-prose blockquote p + p {
	margin-block-start: 0.75em;
}

.rdn-prose blockquote cite {
	display: block;
	margin-block-start: 0.75rem;
	color: var(--rdn-muted);
	font-family: var(--rdn-font-body);
	font-size: var(--rdn-fs-sm);
	font-style: normal;
}

.rdn-prose .wp-block-pullquote {
	margin-block: 2.5em;
	padding: 2em 0;
	border-block: 1px solid var(--rdn-line);
	text-align: start;
}

.rdn-prose .wp-block-pullquote blockquote {
	margin: 0;
}

/* Figures and media. */
.rdn-prose :is(figure, .wp-block-image) {
	margin-block: 2.25em;
	margin-inline: 0;
}

.rdn-prose img {
	block-size: auto;
}

.rdn-prose .aligncenter {
	margin-inline: auto;
	text-align: center;
}

.rdn-prose :is(iframe, video) {
	max-inline-size: 100%;
}

.rdn-prose .wp-block-embed__wrapper iframe {
	inline-size: 100%;
	block-size: auto;
	aspect-ratio: 16 / 9;
}

.rdn-prose hr,
.rdn-prose .wp-block-separator {
	inline-size: 100%;
	margin-block: 3em;
	border: 0;
	border-block-start: 1px solid var(--rdn-line);
	background: none;
	opacity: 1;
}

.rdn-prose .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.rdn-prose .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	min-block-size: 3.25rem;
	padding: 0 1.75rem;
	border: 1px solid var(--rdn-navy);
	border-radius: 0;
	background: var(--rdn-navy);
	color: var(--rdn-white);
	font-size: 0.9375rem;
	font-weight: 500;
	text-decoration: none;
}

.rdn-prose .wp-block-button__link:hover {
	background: var(--rdn-ink);
	color: var(--rdn-white);
}

.rdn-prose .is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--rdn-navy);
}

/* Disclosure blocks read as a quiet list of questions. */
.rdn-prose details {
	border-block: 1px solid var(--rdn-line);
}

.rdn-prose details + details {
	margin-block-start: 0;
	border-block-start: 0;
}

.rdn-prose summary {
	padding-block: 0.875em;
	color: var(--rdn-navy);
	font-weight: 500;
	cursor: pointer;
}

.rdn-prose details[open] > summary {
	padding-block-end: 0.5em;
}

.rdn-prose details > :not(summary) {
	margin-block: 0 1em;
}

.rdn-prose :is(code, kbd) {
	font-family: var(--rdn-font-latin);
	font-size: 0.875em;
}

.rdn-page-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-block-start: 3rem;
	font-size: var(--rdn-fs-sm);
}

.rdn-page-links a {
	display: inline-grid;
	place-items: center;
	min-inline-size: 2.5rem;
	block-size: 2.5rem;
	border: 1px solid var(--rdn-line);
	text-decoration: none;
}

/* ------------------------------------------------------------------ Page flow with sections */

/* Radoon sections leave the reading column and span the page; text between them keeps it. */
.rdn-flow > .rdn-embedded-section {
	margin-block: 0;
}

.rdn-flow__prose {
	padding-block: clamp(3rem, 2rem + 3vw, 5rem);
}

/* Section numbers belong to the order of the home page; inside a page they would mislead. */
.rdn-embedded-section .rdn-head .rdn-eyebrow__index {
	display: none;
}

/* Straight after the page head a section needs less air: the head already opened the page. */
.rdn-flow--after-hero > .rdn-embedded-section:first-child > .rdn-section {
	padding-block-start: clamp(3rem, 2rem + 3vw, 5rem);
}

/* A navy section under the navy head: one continuous ground, divided by a hairline. */
.rdn-flow--after-hero > .rdn-embedded-section:first-child:has(> .rdn-section--navy, > .rdn-section--ink) {
	position: relative;
}

.rdn-flow--after-hero > .rdn-embedded-section:first-child:has(> .rdn-section--navy, > .rdn-section--ink)::before {
	content: "";
	position: absolute;
	inset-block-start: 0;
	inset-inline: max(var(--rdn-gutter), calc((100% - var(--rdn-container)) / 2));
	z-index: 1;
	block-size: 1px;
	background: var(--rdn-line-navy);
}

.rdn-main:has(.rdn-flow--after-hero > .rdn-embedded-section:first-child > :is(.rdn-section--navy, .rdn-section--ink)) .rdn-page-head--compact {
	min-block-size: clamp(19rem, 36vh, 25rem);
}

/* ------------------------------------------------------------------ Asides */

.rdn-note-card {
	background: var(--rdn-white);
	border: 1px solid var(--rdn-line);
}

.rdn-note-card__row {
	padding: 1.5rem;
}

.rdn-note-card__row + .rdn-note-card__row {
	border-block-start: 1px solid var(--rdn-line);
}

.rdn-note-card--ask {
	padding: 1.5rem;
}

.rdn-note-card__label {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin: 0 0 0.5rem;
	color: var(--rdn-muted);
	font-size: var(--rdn-fs-sm);
	font-weight: 500;
	line-height: 1.6;
}

.rdn-note-card__label::before {
	content: "";
	flex: none;
	inline-size: 1.25rem;
	block-size: 1px;
	background: var(--rdn-royal);
}

.rdn-note-card__value {
	margin: 0;
	color: var(--rdn-navy);
	font-family: var(--rdn-font-head);
	font-size: var(--rdn-fs-md);
	font-weight: 700;
	line-height: 1.6;
}

.rdn-note-card__text {
	margin: 0 0 1rem;
	font-size: 0.9375rem;
	line-height: 1.9;
}

.rdn-note-card__links {
	display: grid;
	gap: 0.25rem;
	margin: 0 0 1.25rem;
	padding: 0;
	list-style: none;
	font-size: 0.9375rem;
}

.rdn-note-card__links a {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	padding-block: 0.25rem;
	color: var(--rdn-navy);
	text-decoration: none;
}

.rdn-note-card__links a:hover span {
	text-decoration: underline;
	text-decoration-color: var(--rdn-sand);
}

.rdn-note-card__links .rdn-icon {
	flex: none;
	color: var(--rdn-muted);
}

.rdn-note-card .rdn-btn {
	min-block-size: 3rem;
	padding-inline: 1.25rem;
}

/* Between phone and desktop the aside follows the text at the width of the reading column, its
   two rows side by side. */
@media (600px <= width < 1000px) {
	.rdn-reading__aside {
		max-inline-size: var(--rdn-measure);
	}

	.rdn-reading__aside > .rdn-note-card:not(.rdn-note-card--ask) {
		display: grid;
		grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
	}

	.rdn-reading__aside .rdn-note-card__row + .rdn-note-card__row {
		border-block-start: 0;
		border-inline-start: 1px solid var(--rdn-line);
	}
}

/* ------------------------------------------------------------------ Table of contents */

.rdn-contents__title {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0 0 1rem;
	color: var(--rdn-navy);
	font-size: var(--rdn-fs-sm);
	font-weight: 500;
	line-height: 1.6;
}

.rdn-contents__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Each link carries its own part of the hairline, so the list can scroll without clipping it. */
.rdn-contents__list a {
	display: block;
	padding: 0.4375rem 1rem;
	border-inline-start: 1px solid var(--rdn-line);
	color: var(--rdn-text);
	font-size: 0.9375rem;
	line-height: 1.75;
	text-decoration: none;
	transition: color var(--rdn-fast) var(--rdn-ease), border-color var(--rdn-fast) var(--rdn-ease);
}

.rdn-contents__list a:hover {
	color: var(--rdn-navy);
}

.rdn-contents__list a[aria-current="true"] {
	border-inline-start-color: var(--rdn-royal);
	color: var(--rdn-navy);
	font-weight: 500;
}

.rdn-contents--aside {
	margin-block-end: 2rem;
}

/* A long index scrolls inside itself, so the sticky aside never runs past the screen. */
.rdn-contents--aside .rdn-contents__list {
	max-block-size: max(12rem, calc(100vh - var(--rdn-header-h) - 24rem));
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
}

.rdn-contents--aside .rdn-contents__title::before {
	content: "";
	flex: none;
	inline-size: 1.5rem;
	block-size: 1px;
	background: var(--rdn-royal);
}

.rdn-contents--fold {
	margin-block-end: 2.5rem;
	border: 1px solid var(--rdn-line);
	background: var(--rdn-white);
}

.rdn-contents--fold > summary {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0;
	padding: 1rem 1.25rem;
	cursor: pointer;
	list-style: none;
}

.rdn-contents--fold > summary::-webkit-details-marker {
	display: none;
}

.rdn-contents__chevron {
	margin-inline-start: auto;
	transition: transform var(--rdn-mid) var(--rdn-ease);
}

.rdn-contents--fold[open] .rdn-contents__chevron {
	transform: rotate(180deg);
}

.rdn-contents--fold .rdn-contents__list {
	margin: 0 1.25rem 1.25rem;
}

@media (width >= 1000px) {
	.rdn-contents--fold {
		display: none;
	}
}

/* ------------------------------------------------------------------ Articles */

/* Article titles run long; a calmer size keeps them to two or three lines. */
.rdn-page-head--article .rdn-page-head__title {
	max-inline-size: 44rem;
	font-size: clamp(1.75rem, 1.3rem + 1.5vw, 2.625rem);
	line-height: 1.5;
	text-wrap: pretty;
}

.rdn-page-head--cover {
	padding-block-end: clamp(5rem, 3rem + 7vw, 9rem);
}

.rdn-article__cover {
	position: relative;
	z-index: 1;
	margin: calc(-1 * clamp(3.5rem, 2rem + 5vw, 7rem)) 0 0;
}

.rdn-article__cover img {
	inline-size: 100%;
	max-block-size: 36rem;
	object-fit: cover;
}

.rdn-article__cover figcaption {
	margin-block-start: 0.75rem;
	padding-inline-start: 0.75rem;
	border-inline-start: 1px solid var(--rdn-royal);
	color: var(--rdn-muted);
	font-size: var(--rdn-fs-sm);
}

.rdn-article__topics {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	max-inline-size: var(--rdn-measure);
	margin: 3rem 0 0;
	padding: 2rem 0 0;
	border-block-start: 1px solid var(--rdn-line);
	list-style: none;
}

.rdn-topic--light {
	border-color: var(--rdn-line-strong);
	background: var(--rdn-white);
	color: var(--rdn-navy);
}

.rdn-topic--light:hover {
	border-color: var(--rdn-navy);
	color: var(--rdn-navy);
}

/* Official sources: numbered, one per hairline row, the domain beside each title. */
.rdn-sources {
	max-inline-size: var(--rdn-measure);
	margin-block-start: clamp(3rem, 2rem + 3vw, 4.5rem);
	padding-block-start: 2rem;
	border-block-start: 1px solid var(--rdn-line);
}

.rdn-sources__title {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	margin: 0 0 0.75rem;
	font-size: var(--rdn-fs-lg);
}

.rdn-sources__title::before {
	content: "";
	flex: none;
	inline-size: 2rem;
	block-size: 1px;
	background: var(--rdn-royal);
}

.rdn-sources__note {
	margin: 0;
	color: var(--rdn-muted);
	font-size: 0.9375rem;
	line-height: 1.9;
}

.rdn-sources__list {
	margin: 1.5rem 0 0;
	padding: 0;
	list-style: none;
	counter-reset: rdn-source;
	border-block-start: 1px solid var(--rdn-line);
}

.rdn-sources__list li {
	display: grid;
	grid-template-columns: 2.25rem minmax(0, 1fr);
	align-items: baseline;
	border-block-end: 1px solid var(--rdn-line);
	counter-increment: rdn-source;
}

.rdn-sources__list li::before {
	content: counter(rdn-source);
	content: counter(rdn-source, persian);
	color: var(--rdn-muted);
	font-family: var(--rdn-font-head);
	font-size: var(--rdn-fs-sm);
}

.rdn-sources__list a,
.rdn-sources__list li > .rdn-sources__name {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.125rem 0.75rem;
	padding-block: 0.875rem;
	color: var(--rdn-navy);
	font-size: 0.9375rem;
	line-height: 1.8;
	text-decoration: none;
}

.rdn-sources__list a:hover .rdn-sources__name {
	text-decoration: underline;
	text-decoration-color: var(--rdn-sand);
	text-underline-offset: 0.35em;
}

.rdn-sources__host {
	color: var(--rdn-muted);
	font-family: var(--rdn-font-latin);
	font-size: var(--rdn-fs-xs);
	letter-spacing: 0.02em;
}

.rdn-sources__icon {
	align-self: center;
	margin-inline-start: auto;
	color: var(--rdn-muted);
}

/* Related articles. */
.rdn-related {
	padding-block: var(--rdn-section);
	background: var(--rdn-white);
	border-block-start: 1px solid var(--rdn-line);
}

.rdn-related__head {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	justify-content: space-between;
	gap: 1rem 2rem;
	margin-block-end: clamp(2rem, 1.5rem + 2vw, 3rem);
}

.rdn-related__title {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	margin: 0;
	font-size: var(--rdn-fs-xl);
}

.rdn-related__title::before {
	content: "";
	flex: none;
	inline-size: 2.5rem;
	block-size: 1px;
	background: var(--rdn-royal);
}

/* ------------------------------------------------------------------ Consultation band */

.rdn-band {
	background: var(--rdn-navy);
	color: var(--rdn-on-navy);
}

.rdn-band__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2rem;
	align-items: center;
	padding-block: clamp(3.5rem, 2.5rem + 4vw, 6rem);
}

.rdn-band .rdn-eyebrow {
	color: var(--rdn-sand);
}

.rdn-band__title {
	max-inline-size: 36rem;
	margin: 0;
	color: var(--rdn-white);
	font-size: var(--rdn-fs-xl);
	line-height: 1.5;
}

.rdn-band__lead {
	max-inline-size: 38rem;
	margin: 1rem 0 0;
	color: var(--rdn-on-navy);
	line-height: 2;
}

.rdn-band__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.5rem;
}

.rdn-band__phone {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--rdn-sand);
	font-size: 0.9375rem;
	text-decoration: none;
}

.rdn-band__phone:hover {
	color: var(--rdn-white);
}

.rdn-band__way {
	display: none;
}

@media (width >= 900px) {
	.rdn-band__inner {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 2rem clamp(3rem, 6vw, 6rem);
	}

	.rdn-band__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.rdn-band__phone {
		justify-content: center;
	}
}

@media (width >= 1180px) {
	.rdn-band__inner {
		grid-template-columns: minmax(0, 1fr) 13rem auto;
	}

	.rdn-band__way {
		display: block;
		grid-column: 2;
		grid-row: 1;
	}

	.rdn-band__actions {
		grid-column: 3;
		grid-row: 1;
	}
}

/* ------------------------------------------------------------------ Lists and the guide */

.rdn-listing {
	padding-block: clamp(3rem, 2rem + 3.5vw, 5.5rem) var(--rdn-section);
}

.rdn-listing__title {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	margin: clamp(3.5rem, 2.5rem + 3vw, 5rem) 0 clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem);
	font-size: var(--rdn-fs-lg);
}

.rdn-listing__title::before {
	content: "";
	flex: none;
	inline-size: 2.5rem;
	block-size: 1px;
	background: var(--rdn-royal);
}

.rdn-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem 0.875rem;
	margin: 0 0 1rem;
	color: var(--rdn-muted);
	font-size: var(--rdn-fs-sm);
	line-height: 1.6;
}

.rdn-card__meta > * {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
}

.rdn-card__meta > * + * {
	padding-inline-start: 0.875rem;
	border-inline-start: 1px solid var(--rdn-line-strong);
}

/* An article without a cover picture shows its own drawing (inc/post-covers.php), edge to edge.
   The drawing is cut to the frame from its centre, so it also fills the square of a phone row. */
.rdn-card__placeholder--cover {
	position: relative;
	background: var(--rdn-pearl);
}

.rdn-card__placeholder--cover .rdn-cover {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
}

/* The newest article: a wide card, picture and words side by side. */
.rdn-card--feature .rdn-card__link {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	background: var(--rdn-white);
	border: 1px solid var(--rdn-line);
	transition: border-color var(--rdn-mid) var(--rdn-ease);
}

.rdn-card--feature .rdn-card__link:hover {
	border-color: var(--rdn-line-strong);
}

.rdn-card--feature .rdn-card__media {
	margin: 0;
	border: 0;
	aspect-ratio: 16 / 10;
}

.rdn-card--feature .rdn-card__placeholder--cover {
	background: var(--rdn-navy);
}

.rdn-card--feature .rdn-card__body {
	display: flex;
	flex-direction: column;
	padding: clamp(1.5rem, 1rem + 2.5vw, 3rem);
}

.rdn-card--feature .rdn-card__title {
	font-size: var(--rdn-fs-xl);
	line-height: 1.55;
}

.rdn-card--feature .rdn-card__excerpt {
	flex: 0 1 auto;
	font-size: var(--rdn-fs-md);
	line-height: 2;
}

.rdn-card--feature .rdn-card__more {
	margin-block-start: auto;
}

@media (width >= 900px) {
	.rdn-card--feature .rdn-card__link {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	}

	.rdn-card--feature .rdn-card__media {
		aspect-ratio: auto;
		min-block-size: 22rem;
	}

	.rdn-card--feature .rdn-card__body {
		justify-content: center;
	}
}

/* On phones the list reads as rows: a small picture at the start, topic, title and meta beside
   it. Only the newest article keeps the large card. */
@media (width < 600px) {
	.rdn-cards--guide {
		gap: 0;
		border-block-start: 1px solid var(--rdn-line);
	}

	.rdn-cards--guide .rdn-card__link {
		display: grid;
		grid-template-columns: 6.5rem minmax(0, 1fr);
		gap: 1rem;
		align-items: start;
		padding-block: 1.25rem;
		border-block-end: 1px solid var(--rdn-line);
	}

	.rdn-cards--guide .rdn-card__media {
		margin: 0;
		aspect-ratio: 1;
	}

	.rdn-cards--guide .rdn-card__eyebrow {
		margin-block-end: 0.25rem;
		font-size: var(--rdn-fs-xs);
	}

	/* Rows do not need the blank eyebrow that keeps grid titles level. */
	.rdn-cards--guide .rdn-card__eyebrow--blank {
		display: none;
	}

	.rdn-cards--guide .rdn-card__title {
		margin-block-end: 0.5rem;
		font-size: var(--rdn-fs-md);
		line-height: 1.7;
	}

	.rdn-cards--guide :is(.rdn-card__excerpt, .rdn-card__more) {
		display: none;
	}

	.rdn-cards--guide .rdn-card__meta {
		margin: 0;
		font-size: var(--rdn-fs-xs);
	}

	.rdn-cards--guide .rdn-card__meta > * + * {
		padding-inline-start: 0.625rem;
	}
}

/* In the grid, cards of one row share their height, so the date and "read" rows line up along
   the bottom. */
@media (width >= 600px) {
	.rdn-cards--guide .rdn-card {
		display: flex;
		flex-direction: column;
	}

	.rdn-cards--guide .rdn-card__link {
		flex: 1;
	}

	.rdn-cards--guide .rdn-card__body {
		display: flex;
		flex: 1;
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ------------------------------------------------------------------ Cover drawings */

/* Covers of guide articles and the guide's own plate (inc/post-covers.php). Colours live in the
   drawing itself; here only the Latin letters, the place in the page head and one hairline that
   redraws itself: when a card is hovered, and once when the page head opens. */
.rdn-cover text {
	font-family: var(--rdn-font-latin);
	direction: ltr;
}

.rdn-page-head__art .rdn-cover {
	inline-size: 100%;
	block-size: auto;
}

.rdn-page-head__art--small {
	inline-size: 9rem;
	margin-block-end: 1.5rem;
}

@media (width < 960px) {
	.rdn-page-head__art--small {
		display: none;
	}
}

.rdn-cover__trace {
	stroke-dasharray: 1;
	stroke-dashoffset: 0;
}

.rdn-page-head__art .rdn-cover__trace {
	animation: rdn-cover-trace 1.6s var(--rdn-ease-in-out) 0.35s both;
}

@media (hover: hover) {
	.rdn-card__link:hover .rdn-cover__trace {
		animation: rdn-cover-trace 1.2s var(--rdn-ease-in-out) both;
	}
}

@keyframes rdn-cover-trace {
	from {
		stroke-dashoffset: 1;
	}
}

html.rdn-motion-off .rdn-cover__trace {
	animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.rdn-cover__trace {
		animation: none !important;
	}
}

/* ------------------------------------------------------------------ Search results */

/* A plain list at reading width: kind, title, excerpt with the searched words marked. */
.rdn-results {
	max-inline-size: 48rem;
	border-block-start: 1px solid var(--rdn-line);
}

.rdn-result {
	border-block-end: 1px solid var(--rdn-line);
}

.rdn-result__link {
	position: relative;
	display: block;
	padding-block: clamp(1.5rem, 1.25rem + 1vw, 2rem);
	color: var(--rdn-text);
	text-decoration: none;
}

/* On hover a royal hairline runs along the row's lower edge, from the reading side. */
.rdn-result__link::before {
	content: "";
	position: absolute;
	inset-inline: 0;
	inset-block-end: -1px;
	block-size: 1px;
	background: var(--rdn-royal);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform var(--rdn-mid) var(--rdn-ease);
}

.rdn-result__link:hover::before,
.rdn-result__link:focus-visible::before {
	transform: scaleX(1);
}

.rdn-result__kind {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin: 0 0 0.375rem;
	color: var(--rdn-muted);
	font-size: var(--rdn-fs-sm);
	font-weight: 500;
	line-height: 1.6;
}

.rdn-result__title {
	margin: 0;
	color: var(--rdn-navy);
	font-size: var(--rdn-fs-lg);
	line-height: 1.6;
}

.rdn-result__excerpt {
	margin: 0.5rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.95;
}

.rdn-result mark {
	padding-inline: 0.125em;
	background: rgb(218 192 163 / 0.38);
	color: inherit;
}

.rdn-result__more {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	margin-block-start: 0.875rem;
	color: var(--rdn-navy);
	font-size: var(--rdn-fs-sm);
	font-weight: 500;
}

.rdn-result__link:hover .rdn-result__title {
	text-decoration: underline;
	text-decoration-color: var(--rdn-sand);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.4em;
}

.rdn-listing--search .rdn-pagination ul {
	justify-content: flex-start;
	margin-block-start: 2.5rem;
}

/* ------------------------------------------------------------------ Next steps, empty, not found */

.rdn-paths__title {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	margin: 0 0 1.5rem;
	color: var(--rdn-navy);
	font-size: var(--rdn-fs-sm);
	font-weight: 500;
	line-height: 1.6;
}

.rdn-paths__title::before {
	content: "";
	flex: none;
	inline-size: 2.5rem;
	block-size: 1px;
	background: var(--rdn-royal);
}

.rdn-paths__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
	gap: 1px;
	margin: 0;
	padding: 1px;
	list-style: none;
	background: var(--rdn-line);
}

.rdn-path {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	block-size: 100%;
	padding: 1.75rem 1.5rem 3.75rem;
	background: var(--rdn-white);
	color: var(--rdn-text);
	text-decoration: none;
	transition: background-color var(--rdn-mid) var(--rdn-ease);
}

.rdn-path::after {
	content: "";
	position: absolute;
	inset-inline: 1.5rem;
	inset-block-end: 0;
	block-size: 1px;
	background: var(--rdn-royal);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform var(--rdn-mid) var(--rdn-ease);
}

.rdn-path:hover {
	background: var(--rdn-pearl);
	color: var(--rdn-text);
}

.rdn-path:hover::after,
.rdn-path:focus-visible::after {
	transform: scaleX(1);
}

.rdn-path__icon {
	margin-block-end: 0.75rem;
	color: var(--rdn-navy);
}

.rdn-path__title {
	color: var(--rdn-navy);
	font-family: var(--rdn-font-head);
	font-size: var(--rdn-fs-md);
	font-weight: 700;
	line-height: 1.6;
}

.rdn-path__text {
	font-size: 0.9375rem;
	line-height: 1.9;
}

.rdn-path__arrow {
	position: absolute;
	inset-inline-end: 1.5rem;
	inset-block-end: 1.25rem;
	color: var(--rdn-navy);
	transition: transform var(--rdn-mid) var(--rdn-ease);
}

.rdn-path:hover .rdn-path__arrow {
	transform: translateX(-4px);
}

.rdn-path--primary {
	background: var(--rdn-navy);
	color: var(--rdn-on-navy);
}

.rdn-path--primary:hover {
	background: var(--rdn-ink);
	color: var(--rdn-on-navy);
}

.rdn-path--primary :is(.rdn-path__title) {
	color: var(--rdn-white);
}

.rdn-path--primary :is(.rdn-path__icon, .rdn-path__arrow) {
	color: var(--rdn-sand);
}

.rdn-empty-state {
	display: grid;
	gap: clamp(2.5rem, 2rem + 2vw, 3.5rem);
}

.rdn-empty-state__intro {
	max-inline-size: 40rem;
}

.rdn-empty-state__way {
	inline-size: 10rem;
	margin-block-end: 1.25rem;
}

.rdn-empty-state__title {
	margin: 0;
	font-size: var(--rdn-fs-xl);
}

.rdn-empty-state__text {
	margin: 0.75rem 0 0;
	font-size: var(--rdn-fs-md);
	line-height: 2;
}

.rdn-dest-links {
	margin-block-start: clamp(2.5rem, 2rem + 1.5vw, 3.5rem);
}

/* Inside the empty state the grid gap already spaces it; in an aside it follows the note card. */
.rdn-empty-state > .rdn-dest-links {
	margin-block-start: 0;
}

.rdn-reading__aside .rdn-dest-links {
	margin-block-start: 2rem;
}

.rdn-reading__aside .rdn-dest-links .rdn-paths__title {
	margin-block-end: 1rem;
}

.rdn-dest-links__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rdn-lost-paths {
	padding-block: clamp(3rem, 2rem + 3.5vw, 5.5rem) var(--rdn-section);
}

.rdn-lost-paths__home {
	margin: 2rem 0 0;
}

/* On phones each tile is a row: icon, then title and text, the arrow centred at the far end. */
@media (width < 600px) {
	.rdn-path {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		gap: 0.25rem 0.875rem;
		padding: 1.25rem;
		padding-inline-end: 3.25rem;
	}

	.rdn-path__icon {
		grid-row: span 2;
		margin: 0.25rem 0 0;
	}

	.rdn-path__arrow {
		inset-block: calc(50% - 10px) auto;
		inset-inline-end: 1.25rem;
	}
}

@media (hover: none) {
	.rdn-path:hover .rdn-path__arrow {
		transform: none;
	}
}

html.rdn-motion-off .rdn-path::after,
html.rdn-motion-off .rdn-path__arrow,
html.rdn-motion-off .rdn-contents__chevron,
html.rdn-motion-off .rdn-result__link::before,
html.rdn-motion-off .rdn-card__media img {
	transition: none;
}

html.rdn-motion-off .rdn-card__link:hover .rdn-card__media img,
html.rdn-motion-off .rdn-path:hover .rdn-path__arrow {
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.rdn-path::after,
	.rdn-path__arrow,
	.rdn-contents__chevron,
	.rdn-result__link::before {
		transition: none;
	}
}

/* ------------------------------------------------------------------ Licence and verification */

/* The "licence and verification" section (template-parts/licence/verify.php and the [rdn_licence]
   shortcode), printed only while licence verification is switched on. It reads as a chapter of the
   reading column, or on its own: the chapter heading with its royal hairline, the licence facts in
   a hairline card on white, then the steps in the official list, counted in small navy squares.
   The page anchor is #licence; links from the header, the footer and the home page land here. */

.rdn-licence {
	max-inline-size: var(--rdn-measure);
	color: var(--rdn-text);
	font-size: var(--rdn-fs-md);
	line-height: 2;
	scroll-margin-block-start: calc(var(--rdn-header-h) + 1.5rem);
}

.rdn-prose > .rdn-licence {
	margin-block-start: 2.6em;
	font-size: inherit;
}

.rdn-licence > * {
	margin-block: 0;
}

.rdn-licence > * + * {
	margin-block-start: 1.25em;
}

.rdn-licence .rdn-licence__title {
	margin: 0;
	color: var(--rdn-navy);
	font-family: var(--rdn-font-head);
	font-size: clamp(1.375rem, 1.15rem + 0.8vw, 1.75rem);
	font-weight: 700;
	line-height: 1.6;
	text-wrap: balance;
}

.rdn-licence .rdn-licence__title::before {
	content: "";
	display: block;
	inline-size: 2rem;
	block-size: 1px;
	margin-block-end: 1rem;
	background: var(--rdn-royal);
}

.rdn-licence .rdn-licence__lead {
	margin-block-start: 0.75em;
}

.rdn-licence__lead strong {
	color: var(--rdn-ink);
	font-weight: 500;
}

/* The facts: labels with the royal dash of the page asides, values in the heading face. */
.rdn-licence__card {
	display: grid;
	gap: 1.5rem;
	padding: clamp(1.25rem, 0.9rem + 1.5vw, 1.75rem);
	border: 1px solid var(--rdn-line);
	background: var(--rdn-white);
}

@media (width >= 700px) {
	.rdn-licence__card--image {
		grid-template-columns: minmax(0, 1fr) 10.5rem;
		align-items: start;
	}
}

.rdn-licence__facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
	gap: 1.25rem 2rem;
	margin: 0;
}

.rdn-licence__fact {
	min-inline-size: 0;
}

.rdn-licence__fact--key,
.rdn-licence__fact--wide {
	grid-column: 1 / -1;
}

.rdn-licence__fact dt {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin: 0 0 0.25rem;
	color: var(--rdn-muted);
	font-size: var(--rdn-fs-sm);
	font-weight: 500;
	line-height: 1.6;
}

.rdn-licence__fact dt::before {
	content: "";
	flex: none;
	inline-size: 1.25rem;
	block-size: 1px;
	background: var(--rdn-royal);
}

.rdn-licence__fact dd {
	margin: 0;
	color: var(--rdn-navy);
	font-family: var(--rdn-font-head);
	font-size: var(--rdn-fs-md);
	font-weight: 700;
	line-height: 1.7;
	overflow-wrap: anywhere;
}

.rdn-licence__fact--key dd {
	font-size: var(--rdn-fs-lg);
	letter-spacing: 0.02em;
}

.rdn-licence__fact--wide dd {
	font-family: var(--rdn-font-body);
	font-weight: 500;
}

/* Raised to outrank the figure margins of the prose. */
.rdn-licence .rdn-licence__doc {
	max-inline-size: 16rem;
	margin: 0;
}

.rdn-licence__doc a {
	display: block;
	padding: 0.375rem;
	border: 1px solid var(--rdn-line);
	background: var(--rdn-pearl);
	transition: border-color var(--rdn-fast) var(--rdn-ease);
}

.rdn-licence__doc a:hover {
	border-color: var(--rdn-navy);
}

.rdn-licence__doc img {
	display: block;
	inline-size: 100%;
	block-size: auto;
}

.rdn-licence__doc figcaption {
	margin-block-start: 0.5rem;
	color: var(--rdn-muted);
	font-size: var(--rdn-fs-sm);
	line-height: 1.8;
}

.rdn-licence .rdn-licence__subtitle {
	margin-block-start: 2em;
	color: var(--rdn-navy);
	font-family: var(--rdn-font-head);
	font-size: clamp(1.1875rem, 1.05rem + 0.45vw, 1.375rem);
	font-weight: 700;
	line-height: 1.7;
	text-wrap: balance;
}

.rdn-licence .rdn-licence__subtitle + * {
	margin-block-start: 0.75em;
}

/* The steps count in Persian inside small navy squares, as numbered lists do in the prose. */
.rdn-licence .rdn-licence__steps {
	padding: 0;
	list-style: none;
	counter-reset: rdn-licence-step;
}

.rdn-licence .rdn-licence__steps > li {
	position: relative;
	padding-inline-start: 2.5em;
	counter-increment: rdn-licence-step;
}

.rdn-licence .rdn-licence__steps > li + li {
	margin-block-start: 0.75em;
}

.rdn-licence .rdn-licence__steps > li::before {
	content: counter(rdn-licence-step);
	content: counter(rdn-licence-step, persian);
	position: absolute;
	inset-block-start: 0.3em;
	inset-inline-start: 0;
	display: grid;
	place-items: center;
	inline-size: 1.625em;
	block-size: 1.625em;
	background: var(--rdn-navy);
	color: var(--rdn-white);
	font-family: var(--rdn-font-head);
	font-size: 0.8125em;
	font-weight: 700;
	line-height: 1;
}

.rdn-licence__steps a {
	color: var(--rdn-navy);
	font-weight: 500;
	text-decoration-line: underline;
	text-decoration-color: var(--rdn-sand);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.4em;
	transition: text-decoration-color var(--rdn-fast) var(--rdn-ease), color var(--rdn-fast) var(--rdn-ease);
}

.rdn-licence__steps a:hover {
	color: var(--rdn-ink);
	text-decoration-color: var(--rdn-navy);
}

.rdn-licence__steps a .rdn-icon {
	display: inline-block;
	margin-inline-start: 0.3em;
	vertical-align: -0.15em;
	color: var(--rdn-muted);
}

/* The name to type into the list's search box, marked with a sand wash. */
.rdn-licence__steps strong {
	padding-inline: 0.25em;
	background: rgb(218 192 163 / 0.3);
	color: var(--rdn-ink);
	font-weight: 700;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

.rdn-licence__number {
	color: var(--rdn-ink);
	font-weight: 700;
}

.rdn-licence .rdn-licence__note {
	padding-inline-start: 0.75rem;
	border-inline-start: 1px solid var(--rdn-royal);
	color: var(--rdn-muted);
	font-size: 0.9375rem;
	line-height: 1.9;
}

@media (prefers-reduced-motion: reduce) {
	.rdn-licence a {
		transition: none;
	}
}

html.rdn-motion-off .rdn-licence a {
	transition: none;
}