/*
 * İznik — front-end styles.
 *
 * 1. Tokens       5. Footer        9. Article: prose
 * 2. Base         6. Cards        10. Archives, search, 404, pages
 * 3. Ornament     7. Homepage     11. Breakpoints
 * 4. Header       8. Article      12. Motion and print
 *
 * Square corners everywhere; the only shadow is the 1px cobalt frame outline.
 * Small red text always uses --iz-red-text, never --iz-red.
 */

/* ---------------------------------------------------------------- 1. Tokens */

:root {
	--iz-cobalt: #1e3a8f;
	--iz-ink: #14204a;
	--iz-turquoise: #2b9c9a;
	--iz-turquoise-light: #2bb5b2;
	--iz-aqua: #9fe0dd;
	--iz-red: #c8402f;
	--iz-red-text: #a3311f;
	--iz-frit: #f8f5ec;
	--iz-sand: #efe9db;
	--iz-grout: #e4dccb;
	--iz-placeholder: #cfc6b2;
	--iz-body: #3b4670;
	--iz-prose: #222c54;
	--iz-on-cobalt: #d5dcf2;
	--iz-on-ink: #c7d0ec;
	--iz-on-ink-2: #9fb0e6;
	--iz-ink-hover: #0e1838;
	--iz-footer-rule: #2a3870;
	--iz-panel-rule: #34509f;

	--iz-serif: "Young Serif", Georgia, "Times New Roman", serif;
	--iz-sans: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--iz-max: 1360px;
	--iz-gutter: 40px;
	--iz-adminbar: 0px;
	--iz-stick: 28px;
	--iz-checker: conic-gradient(from 45deg, var(--iz-red) 25%, var(--iz-cobalt) 0 50%, var(--iz-red) 0 75%, var(--iz-cobalt) 0);
}

/* Sticky offsets clear a fixed admin bar. Declared on body, where the
   admin-bar override of --iz-adminbar applies. */
body {
	--iz-stick: calc(var(--iz-adminbar) + 28px);
}

@media (min-width: 601px) {
	body.admin-bar { --iz-adminbar: 46px; }
}

@media (min-width: 783px) {
	body.admin-bar { --iz-adminbar: 32px; }
}

/* ------------------------------------------------------------------ 2. Base */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior: smooth; }
}

body {
	margin: 0;
	background: var(--iz-frit);
	color: var(--iz-ink);
	font-family: var(--iz-sans);
	font-size: 16.5px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-wrap: break-word;
}

img,
svg,
video {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--iz-cobalt);
}

a:hover {
	color: var(--iz-red-text);
}

:focus-visible {
	outline: 2px solid var(--iz-red);
	outline-offset: 3px;
}

.iz-on-dark :focus-visible {
	outline-color: var(--iz-frit);
}

[hidden] {
	display: none !important;
}

button {
	font: inherit;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.iz-skip-link {
	position: fixed;
	z-index: 100;
	top: calc(var(--iz-adminbar) + 12px);
	left: 12px;
	padding: 12px 18px;
	background: var(--iz-ink);
	color: var(--iz-frit);
	font-weight: 700;
	text-decoration: none;
	transform: translateY(calc(-100% - 40px));
}

.iz-skip-link:focus {
	transform: none;
	color: var(--iz-frit);
}

.iz-main {
	display: block;
}

.iz-main:focus {
	outline: none;
}

.iz-container {
	width: 100%;
	max-width: calc(var(--iz-max) + 2 * var(--iz-gutter));
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--iz-gutter);
	padding-right: var(--iz-gutter);
}

.iz-eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-weight: 700;
	font-size: 12.5px;
	line-height: 1.4;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--iz-red-text);
}

.iz-sq {
	flex: none;
	width: 14px;
	height: 14px;
	background: var(--iz-checker);
}

.iz-kicker {
	font-weight: 700;
	font-size: 11.5px;
	line-height: 1.4;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--iz-red-text);
}

.iz-kicker--xs {
	font-size: 10.5px;
}

.iz-section-head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 16px;
	margin-bottom: 36px;
}

.iz-section-head__main {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.iz-section-title {
	margin: 0;
	font-family: var(--iz-serif);
	font-weight: 400;
	font-size: clamp(38px, 3.8vw, 56px);
	line-height: 1.04;
	letter-spacing: -0.02em;
	color: var(--iz-ink);
}

.iz-section-title--keep {
	font-size: clamp(34px, 3.4vw, 50px);
}

.iz-section-title--small {
	margin: 0 0 28px;
	font-size: clamp(30px, 3vw, 40px);
}

.iz-section-aside {
	margin: 0;
	max-width: 400px;
	font-size: 16.5px;
	line-height: 1.55;
	color: var(--iz-body);
}

a.iz-more {
	font-weight: 700;
	font-size: 15.5px;
	color: var(--iz-cobalt);
	text-decoration: none;
	padding: 4px 0;
}

a.iz-more:hover {
	color: var(--iz-red-text);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Buttons */

.iz-btn {
	display: inline-block;
	padding: 15px 22px;
	border: 0;
	font-family: var(--iz-sans);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.25;
	text-decoration: none;
	cursor: pointer;
}

a.iz-btn--primary,
.iz-btn--primary {
	background: var(--iz-cobalt);
	color: #fff;
}

a.iz-btn--primary:hover,
.iz-btn--primary:hover {
	background: var(--iz-ink);
	color: #fff;
}

a.iz-btn--secondary {
	padding: 13px 20px;
	border: 2px solid var(--iz-cobalt);
	background: transparent;
	color: var(--iz-cobalt);
}

a.iz-btn--secondary:hover {
	background: var(--iz-cobalt);
	color: #fff;
}

.iz-btn-line {
	display: inline-flex;
	align-items: center;
	padding: 9px 14px;
	border: 1.5px solid var(--iz-ink);
	background: transparent;
	color: var(--iz-ink);
	font-family: var(--iz-sans);
	font-weight: 600;
	font-size: 15px;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

a.iz-btn-line:hover,
.iz-btn-line:hover,
.iz-btn-line[aria-expanded="true"] {
	background: var(--iz-ink);
	color: var(--iz-frit);
}

/* Search form */

.iz-search {
	display: flex;
	width: 100%;
	max-width: 520px;
	border: 2px solid var(--iz-ink);
	background: #fff;
}

.iz-search:focus-within {
	outline: 2px solid var(--iz-red);
	outline-offset: 3px;
}

.iz-search__input {
	flex: 1;
	min-width: 0;
	margin: 0;
	padding: 14px 16px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--iz-ink);
	font: 400 16.5px/1.3 var(--iz-sans);
	-webkit-appearance: none;
	appearance: none;
}

.iz-search__input:focus,
.iz-search__input:focus-visible {
	outline: none;
}

.iz-search__input::placeholder {
	color: var(--iz-body);
	opacity: 1;
}

.iz-search__input::-webkit-search-decoration {
	-webkit-appearance: none;
}

.iz-search__button {
	flex: none;
	margin: 0;
	padding: 0 20px;
	border: 0;
	border-radius: 0;
	background: var(--iz-ink);
	color: #fff;
	font: 700 15px/1 var(--iz-sans);
	cursor: pointer;
}

.iz-search__button:hover {
	background: var(--iz-cobalt);
}

.iz-search__button:focus-visible {
	outline-offset: -5px;
	outline-color: var(--iz-frit);
}

/* -------------------------------------------------------------- 3. Ornament */

/* Tile: four quarter-circles with a frit hairline ring and a centre dot, on a
   56px repeat. The logo tile repeated. Variants swap the colours. */
.iz-pat-tile,
.iz-pat-tile-red,
.iz-pat-tile-turquoise {
	--g: var(--iz-cobalt);
	--q: var(--iz-turquoise);
	--d: var(--iz-red);
	--l: var(--iz-frit);
	--s: 56px;
	background:
		radial-gradient(circle, var(--d) 0 6px, transparent 6.5px) 0 0 / var(--s) var(--s),
		radial-gradient(circle at 0 0, var(--q) 0 21px, var(--l) 21px 22.5px, var(--q) 22.5px 26px, transparent 26.5px) 0 0 / var(--s) var(--s),
		radial-gradient(circle at 100% 0, var(--q) 0 21px, var(--l) 21px 22.5px, var(--q) 22.5px 26px, transparent 26.5px) 0 0 / var(--s) var(--s),
		radial-gradient(circle at 0 100%, var(--q) 0 21px, var(--l) 21px 22.5px, var(--q) 22.5px 26px, transparent 26.5px) 0 0 / var(--s) var(--s),
		radial-gradient(circle at 100% 100%, var(--q) 0 21px, var(--l) 21px 22.5px, var(--q) 22.5px 26px, transparent 26.5px) 0 0 / var(--s) var(--s),
		var(--g);
}

.iz-pat-tile-red {
	--g: var(--iz-red);
	--q: var(--iz-cobalt);
	--d: var(--iz-frit);
}

.iz-pat-tile-turquoise {
	--g: var(--iz-turquoise);
	--q: var(--iz-cobalt);
	--d: var(--iz-red);
}

/* Lattice: cobalt diagonals with red dots on frit, 36px repeat. */
.iz-pat-lattice {
	background:
		radial-gradient(circle, var(--iz-red) 0 4px, transparent 4.5px) 0 0 / 36px 36px,
		linear-gradient(45deg, transparent calc(50% - 1.5px), var(--iz-cobalt) 0 calc(50% + 1.5px), transparent 0) 0 0 / 36px 36px,
		linear-gradient(-45deg, transparent calc(50% - 1.5px), var(--iz-cobalt) 0 calc(50% + 1.5px), transparent 0) 0 0 / 36px 36px,
		var(--iz-frit);
}

/* Çintemani: the Ottoman three-dot motif, frit on turquoise, 40px repeat. */
.iz-pat-cintemani {
	background:
		radial-gradient(circle at 30% 32%, var(--iz-frit) 0 5px, transparent 5.5px) 0 0 / 40px 40px,
		radial-gradient(circle at 70% 32%, var(--iz-frit) 0 5px, transparent 5.5px) 0 0 / 40px 40px,
		radial-gradient(circle at 50% 68%, var(--iz-frit) 0 5px, transparent 5.5px) 0 0 / 40px 40px,
		var(--iz-turquoise);
}

/* Checker: diamond checker, cobalt on frit, 28px repeat. */
.iz-pat-checker {
	--a: var(--iz-cobalt);
	--b: var(--iz-frit);
	--s: 28px;
	background: conic-gradient(from 45deg, var(--a) 25%, var(--b) 0 50%, var(--a) 0 75%, var(--b) 0) 0 0 / var(--s) var(--s);
}

/* Frames show the same slice of the pattern on opposite edges. */
a.iz-pillar,
div.iz-article__frame,
div.iz-glance__frame {
	background-position: center;
}

/* Bands */
.iz-band-scallop {
	--top: var(--iz-cobalt);
	--dot: var(--iz-turquoise);
	--ground: var(--iz-frit);
	height: 22px;
	background:
		radial-gradient(circle at 50% 0, var(--top) 0 11px, transparent 11.5px) 0 0 / 26px 22px,
		radial-gradient(circle at 50% 100%, var(--dot) 0 5px, transparent 5.5px) 13px 0 / 26px 22px,
		var(--ground);
}

.iz-band-scallop--sand {
	--top: var(--iz-frit);
	--dot: var(--iz-red);
	--ground: var(--iz-sand);
}

.iz-band-scallop--ink {
	--ground: var(--iz-ink);
}

.iz-band-checker {
	height: 30px;
}

.iz-band-checker.iz-pat-checker {
	--s: 30px;
}

/* The logo mark, drawn in CSS (the SVG in assets/img is the canonical file). */
.iz-mark {
	flex: none;
	width: 46px;
	height: 46px;
	background:
		radial-gradient(circle, var(--iz-red) 0 5px, transparent 5.5px),
		radial-gradient(circle at 0 0, var(--iz-turquoise) 0 16px, var(--iz-frit) 16px 17.5px, var(--iz-turquoise) 17.5px 21px, transparent 21.5px),
		radial-gradient(circle at 100% 0, var(--iz-turquoise) 0 16px, var(--iz-frit) 16px 17.5px, var(--iz-turquoise) 17.5px 21px, transparent 21.5px),
		radial-gradient(circle at 0 100%, var(--iz-turquoise) 0 16px, var(--iz-frit) 16px 17.5px, var(--iz-turquoise) 17.5px 21px, transparent 21.5px),
		radial-gradient(circle at 100% 100%, var(--iz-turquoise) 0 16px, var(--iz-frit) 16px 17.5px, var(--iz-turquoise) 17.5px 21px, transparent 21.5px),
		var(--iz-cobalt);
}

.iz-mark--reversed {
	width: 60px;
	height: 60px;
	background:
		radial-gradient(circle, var(--iz-red) 0 6.5px, transparent 7px),
		radial-gradient(circle at 0 0, var(--iz-turquoise) 0 21px, var(--iz-ink) 21px 23px, var(--iz-turquoise) 23px 27.5px, transparent 28px),
		radial-gradient(circle at 100% 0, var(--iz-turquoise) 0 21px, var(--iz-ink) 21px 23px, var(--iz-turquoise) 23px 27.5px, transparent 28px),
		radial-gradient(circle at 0 100%, var(--iz-turquoise) 0 21px, var(--iz-ink) 21px 23px, var(--iz-turquoise) 23px 27.5px, transparent 28px),
		radial-gradient(circle at 100% 100%, var(--iz-turquoise) 0 21px, var(--iz-ink) 21px 23px, var(--iz-turquoise) 23px 27.5px, transparent 28px),
		var(--iz-frit);
}

.iz-mark--small {
	width: 40px;
	height: 40px;
	background:
		radial-gradient(circle, var(--iz-red) 0 4.5px, transparent 5px),
		radial-gradient(circle at 0 0, var(--iz-turquoise) 0 18px, transparent 18.5px),
		radial-gradient(circle at 100% 0, var(--iz-turquoise) 0 18px, transparent 18.5px),
		radial-gradient(circle at 0 100%, var(--iz-turquoise) 0 18px, transparent 18.5px),
		radial-gradient(circle at 100% 100%, var(--iz-turquoise) 0 18px, transparent 18.5px),
		var(--iz-cobalt);
}

/* Mosaic tile motion */
.iz-turn {
	width: 100%;
	height: 100%;
	transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.iz-zoom img {
	transition: transform 0.8s;
}

@media (hover: hover) {
	.iz-mosaic__pattern:hover .iz-turn.iz-pat-tile { transform: rotate(45deg) scale(1.45); }
	.iz-mosaic__pattern:hover .iz-turn.iz-pat-lattice { transform: scale(1.6); }
	.iz-mosaic__pattern:hover .iz-turn.iz-pat-cintemani { transform: rotate(180deg); }
	.iz-mosaic__pattern:hover .iz-turn.iz-pat-checker { transform: rotate(90deg); }
	.iz-zoom:hover img { transform: scale(1.08); }
	.iz-zoom--soft:hover img { transform: scale(1.05); }
}

/* --------------------------------------------------------------- 4. Header */

.iz-header {
	position: relative;
	z-index: 40;
	background: var(--iz-frit);
}

.iz-header__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px 36px;
	padding-top: 18px;
	padding-bottom: 18px;
}

.iz-lockup {
	display: flex;
	align-items: center;
	gap: 14px;
	color: var(--iz-ink);
	text-decoration: none;
	white-space: nowrap;
}

.iz-lockup:hover {
	color: var(--iz-ink);
}

.iz-lockup__logo {
	display: block;
	width: auto;
	max-height: 46px;
}

.iz-lockup__words {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.iz-lockup__name {
	font-family: var(--iz-serif);
	font-size: 29px;
	line-height: 1;
	letter-spacing: -0.01em;
}

.iz-lockup__sub {
	font-weight: 600;
	font-size: 10.5px;
	line-height: 1;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--iz-cobalt);
}

.iz-nav {
	flex: 1 1 520px;
	min-width: 0;
}

.iz-nav__list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 26px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.iz-nav__list a {
	display: block;
	padding: 6px 0;
	border-bottom: 2px solid transparent;
	color: var(--iz-ink);
	font-weight: 550;
	font-size: 15.5px;
	line-height: 1.5;
	text-decoration: none;
	white-space: nowrap;
}

.iz-nav__list a:hover,
.iz-nav__list a:focus-visible,
.iz-nav__list .current-menu-item > a,
.iz-nav__list .current_page_item > a,
.iz-nav__list .iz-current-pillar > a,
.iz-nav__list a[aria-current] {
	border-bottom-color: var(--iz-red);
	color: var(--iz-ink);
}

.iz-header__actions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: auto;
}

.iz-menu-toggle {
	display: none;
}

.iz-searchpanel {
	border-top: 1px solid var(--iz-grout);
	background: var(--iz-frit);
}

.iz-searchpanel:not([hidden]) {
	animation: iz-drop 0.2s ease-out;
}

@keyframes iz-drop {
	from { opacity: 0; transform: translateY(-8px); }
	to { opacity: 1; transform: none; }
}

.iz-searchpanel__inner {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-top: 24px;
	padding-bottom: 28px;
}

.iz-search--panel {
	max-width: 720px;
}

.iz-searchpanel__close {
	flex: none;
	padding: 10px 4px;
	border: 0;
	background: none;
	color: var(--iz-ink);
	font-weight: 600;
	font-size: 15px;
	cursor: pointer;
}

.iz-searchpanel__close span {
	font-size: 20px;
	line-height: 1;
	color: var(--iz-red);
}

.iz-searchpanel__close:hover {
	color: var(--iz-red-text);
}

/* --------------------------------------------------------------- 5. Footer */

.iz-footer {
	background: var(--iz-ink);
	color: var(--iz-frit);
}

.iz-footer__inner {
	display: flex;
	flex-direction: column;
	gap: 44px;
	padding-top: 56px;
	padding-bottom: 28px;
}

.iz-footer__top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px 64px;
}

.iz-footer__brand {
	display: flex;
	flex-direction: column;
	gap: 18px;
	max-width: 340px;
}

.iz-lockup--footer {
	gap: 16px;
	color: var(--iz-frit);
}

.iz-lockup--footer:hover {
	color: var(--iz-frit);
}

.iz-lockup--footer .iz-lockup__words {
	gap: 5px;
}

.iz-lockup--footer .iz-lockup__name {
	font-size: 36px;
}

.iz-lockup--footer .iz-lockup__sub {
	font-size: 11px;
	color: var(--iz-on-ink-2);
}

.iz-footer__blurb {
	margin: 0;
	font-size: 16px;
	line-height: 1.55;
	color: var(--iz-on-ink);
}

.iz-footer__nav {
	flex: 1 1 560px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 28px;
	font-size: 15.5px;
}

.iz-footer__col {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.iz-footer__heading {
	margin: 0 0 4px;
	font-family: var(--iz-sans);
	font-weight: 700;
	font-size: 11.5px;
	line-height: 1.4;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--iz-turquoise-light);
}

.iz-footer__links {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.iz-footer__links a {
	display: inline-block;
	padding: 1px 0;
	color: var(--iz-frit);
	text-decoration: none;
}

.iz-footer__links a:hover {
	color: var(--iz-frit);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.iz-footer__bottom {
	padding-top: 20px;
	border-top: 1px solid var(--iz-footer-rule);
	font-size: 13.5px;
	color: var(--iz-on-ink-2);
}

.iz-footer__bottom p {
	margin: 0;
}

/* ---------------------------------------------------------------- 6. Cards */

.iz-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr));
	gap: 40px 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.iz-grid__item {
	min-width: 0;
}

.iz-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
	color: var(--iz-ink);
	text-decoration: none;
}

.iz-card:hover {
	color: var(--iz-ink);
}

.iz-card__frame {
	display: block;
	padding: 6px;
	background: var(--iz-frit);
	box-shadow: 0 0 0 1px var(--iz-cobalt);
}

.iz-card__media {
	position: relative;
	display: block;
	aspect-ratio: 1;
	overflow: hidden;
	background:
		radial-gradient(circle, var(--iz-red) 0 4px, transparent 4.5px) 0 0 / 36px 36px,
		linear-gradient(45deg, transparent calc(50% - 1.5px), var(--iz-grout) 0 calc(50% + 1.5px), transparent 0) 0 0 / 36px 36px,
		linear-gradient(-45deg, transparent calc(50% - 1.5px), var(--iz-grout) 0 calc(50% + 1.5px), transparent 0) 0 0 / 36px 36px,
		var(--iz-placeholder);
}

.iz-card__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s;
}

@media (hover: hover) {
	.iz-card:hover .iz-card__media img { transform: scale(1.06); }
}

.iz-card__title {
	margin: 0;
	font-family: var(--iz-serif);
	font-weight: 400;
	font-size: 22px;
	line-height: 1.18;
	letter-spacing: -0.01em;
	color: var(--iz-ink);
}

/* Pillar cards */

.iz-pillars {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.iz-pillars > li {
	display: flex;
	min-width: 0;
}

.iz-pillar {
	display: flex;
	flex: 1;
	padding: 14px;
	color: var(--iz-ink);
	text-decoration: none;
	transition: transform 0.3s;
}

.iz-pillar:hover {
	color: var(--iz-ink);
	transform: translateY(-5px);
}

.iz-pillar__panel {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 14px;
	padding: 26px 26px 24px;
	background: var(--iz-frit);
}

.iz-pillar__top {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
}

.iz-pillar__n {
	font-family: var(--iz-serif);
	font-size: 16px;
	color: var(--iz-red-text);
}

.iz-pillar__meta {
	font-weight: 700;
	font-size: 11.5px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--iz-cobalt);
	text-align: right;
}

.iz-pillar__title {
	margin: 0;
	font-family: var(--iz-serif);
	font-weight: 400;
	font-size: 34px;
	line-height: 1.05;
	letter-spacing: -0.015em;
	color: var(--iz-ink);
}

.iz-pillar__blurb {
	font-size: 16px;
	line-height: 1.55;
	color: var(--iz-body);
}

.iz-pillar__more {
	margin-top: auto;
	font-weight: 700;
	font-size: 15px;
	color: var(--iz-cobalt);
}

/* Rail cards */

.iz-railcard {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	color: var(--iz-ink);
	text-decoration: none;
}

.iz-railcard:hover {
	color: var(--iz-cobalt);
}

.iz-railcard__thumb {
	display: block;
	padding: 4px;
	background: var(--iz-frit);
	box-shadow: 0 0 0 1px var(--iz-cobalt);
}

.iz-railcard__thumb img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	background: var(--iz-placeholder);
}

.iz-railcard__thumb:empty {
	aspect-ratio: 1;
	background: var(--iz-placeholder);
}

.iz-railcard__text {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.iz-railcard__title {
	font-family: var(--iz-serif);
	font-size: 17px;
	line-height: 1.2;
}

/* ------------------------------------------------------------- 7. Homepage */

.iz-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 48px 56px;
	padding-top: 56px;
	padding-bottom: 80px;
}

.iz-hero__text {
	display: flex;
	flex: 1 1 440px;
	flex-direction: column;
	gap: 26px;
	min-width: 0;
}

.iz-hero__title {
	margin: 0;
	font-family: var(--iz-serif);
	font-weight: 400;
	font-size: clamp(50px, 5.6vw, 90px);
	line-height: 1.02;
	letter-spacing: -0.025em;
	color: var(--iz-ink);
	text-wrap: balance;
}

.iz-hero__lede {
	margin: 0;
	max-width: 30em;
	font-size: 19px;
	line-height: 1.6;
	color: var(--iz-body);
	text-wrap: pretty;
}

.iz-hero__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* Mosaic */

.iz-mosaic {
	display: grid;
	flex: 1.25 1 560px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 7px;
	min-width: 0;
	padding: 7px;
	background: var(--iz-grout);
}

.iz-mosaic__feature,
.iz-mosaic__photo {
	position: relative;
	display: block;
	overflow: hidden;
	background: var(--iz-placeholder);
}

.iz-mosaic__feature {
	grid-column: span 2;
	grid-row: span 2;
	min-height: 240px;
	color: var(--iz-ink);
	text-decoration: none;
}

.iz-mosaic__photo,
.iz-mosaic__pattern {
	aspect-ratio: 1;
}

.iz-mosaic__feature img,
.iz-mosaic__photo img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.iz-mosaic__caption {
	position: absolute;
	right: 12px;
	bottom: 12px;
	left: 12px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 12px 14px 14px;
	background: var(--iz-frit);
	color: var(--iz-ink);
}

.iz-mosaic__kicker {
	font-weight: 700;
	font-size: 11px;
	line-height: 1.4;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--iz-red-text);
}

.iz-mosaic__title {
	font-family: var(--iz-serif);
	font-size: 21px;
	line-height: 1.15;
}

.iz-mosaic__pattern {
	overflow: hidden;
}

.iz-mosaic__pattern--wide {
	grid-column: span 2;
	aspect-ratio: auto;
}

.iz-mosaic__text {
	display: flex;
	grid-column: span 2;
	flex-direction: column;
	justify-content: space-between;
	gap: 10px;
	padding: 18px 20px;
	background: var(--iz-red);
	color: #fff;
	text-decoration: none;
}

.iz-mosaic__text:hover {
	background: var(--iz-red-text);
	color: #fff;
}

.iz-mosaic__textkicker {
	font-weight: 700;
	font-size: 11px;
	line-height: 1.4;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.iz-mosaic__textline {
	font-family: var(--iz-serif);
	font-size: clamp(18px, 1.8vw, 25px);
	line-height: 1.15;
}

/* Six guides */

.iz-guides {
	padding-top: 80px;
	padding-bottom: 96px;
}

.iz-eyebrow--plain {
	gap: 0;
}

/* New in the guide */

.iz-latest {
	background: var(--iz-sand);
}

.iz-latest__inner {
	padding-top: 64px;
	padding-bottom: 88px;
}

/* Before you go */

.iz-prep {
	background: var(--iz-cobalt);
	color: var(--iz-frit);
}

.iz-prep__inner {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	padding-top: 72px;
	padding-bottom: 72px;
}

.iz-prep__head {
	display: flex;
	flex: 1 1 280px;
	flex-direction: column;
	gap: 14px;
}

.iz-prep__title {
	margin: 0;
	font-family: var(--iz-serif);
	font-weight: 400;
	font-size: 44px;
	line-height: 1.04;
	color: var(--iz-frit);
}

.iz-prep__intro {
	margin: 0;
	font-size: 16.5px;
	line-height: 1.55;
	color: var(--iz-on-cobalt);
}

.iz-prep__grid {
	display: grid;
	flex: 3 1 640px;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	min-width: 0;
}

.iz-prep__grid > li {
	display: flex;
	min-width: 0;
}

.iz-prepcard {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 14px;
	padding: 20px;
	background: var(--iz-ink);
	color: var(--iz-frit);
	text-decoration: none;
}

.iz-prepcard:hover {
	background: var(--iz-ink-hover);
	color: #fff;
}

.iz-prepcard__chip {
	flex: none;
	width: 40px;
	height: 40px;
}

.iz-chip--tile {
	background:
		radial-gradient(circle, var(--iz-red) 0 4.4px, transparent 4.9px) 0 0 / 40px 40px,
		radial-gradient(circle at 0 0, var(--iz-turquoise) 0 14.8px, var(--iz-frit) 14.8px 15.9px, var(--iz-turquoise) 15.9px 18.4px, transparent 18.9px) 0 0 / 40px 40px,
		radial-gradient(circle at 100% 0, var(--iz-turquoise) 0 14.8px, var(--iz-frit) 14.8px 15.9px, var(--iz-turquoise) 15.9px 18.4px, transparent 18.9px) 0 0 / 40px 40px,
		radial-gradient(circle at 0 100%, var(--iz-turquoise) 0 14.8px, var(--iz-frit) 14.8px 15.9px, var(--iz-turquoise) 15.9px 18.4px, transparent 18.9px) 0 0 / 40px 40px,
		radial-gradient(circle at 100% 100%, var(--iz-turquoise) 0 14.8px, var(--iz-frit) 14.8px 15.9px, var(--iz-turquoise) 15.9px 18.4px, transparent 18.9px) 0 0 / 40px 40px,
		var(--iz-cobalt);
}

.iz-chip--cintemani {
	background:
		radial-gradient(circle at 30% 32%, var(--iz-frit) 0 5px, transparent 5.5px) 0 0 / 40px 40px,
		radial-gradient(circle at 70% 32%, var(--iz-frit) 0 5px, transparent 5.5px) 0 0 / 40px 40px,
		radial-gradient(circle at 50% 68%, var(--iz-frit) 0 5px, transparent 5.5px) 0 0 / 40px 40px,
		var(--iz-turquoise);
}

.iz-chip--checker {
	background: conic-gradient(from 45deg, var(--iz-red) 25%, var(--iz-frit) 0 50%, var(--iz-red) 0 75%, var(--iz-frit) 0) 0 0 / 20px 20px;
}

.iz-chip--lattice {
	background:
		radial-gradient(circle, var(--iz-red) 0 4.4px, transparent 4.9px) 0 0 / 40px 40px,
		linear-gradient(45deg, transparent calc(50% - 1.5px), var(--iz-cobalt) 0 calc(50% + 1.5px), transparent 0) 0 0 / 40px 40px,
		linear-gradient(-45deg, transparent calc(50% - 1.5px), var(--iz-cobalt) 0 calc(50% + 1.5px), transparent 0) 0 0 / 40px 40px,
		var(--iz-frit);
}

.iz-prepcard__title {
	margin: 0;
	font-family: var(--iz-serif);
	font-weight: 400;
	font-size: 21px;
	line-height: 1.15;
	color: inherit;
}

.iz-prepcard__excerpt {
	display: -webkit-box;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.5;
	color: var(--iz-on-ink);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

/* -------------------------------------------------------------- 8. Article */

.iz-progress {
	position: sticky;
	top: var(--iz-adminbar);
	z-index: 30;
	height: 4px;
	overflow: hidden;
	background: var(--iz-grout);
}

.no-js .iz-progress {
	visibility: hidden;
}

.iz-progress__bar {
	width: 100%;
	height: 100%;
	background: var(--iz-red);
	transform: scaleX(0);
	transform-origin: 0 50%;
}

.iz-article__hero {
	display: flex;
	flex-direction: column;
	gap: 40px 64px;
	padding-top: 40px;
	padding-bottom: 48px;
}

.iz-article__hero:not(.has-figure) .iz-article__intro {
	max-width: 980px;
}

.iz-article__intro {
	display: flex;
	flex: none;
	flex-direction: column;
	gap: 22px;
	min-width: 0;
}

/* Breadcrumbs: the theme's own trail and Rank Math's. */
.iz-crumbs {
	font-size: 14px;
	line-height: 1.5;
	color: var(--iz-body);
}

.iz-crumbs ol,
.iz-crumbs p {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.iz-crumbs li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.iz-crumbs li + li::before,
.iz-crumbs .separator {
	content: "";
	display: inline-block;
	flex: none;
	width: 6px;
	height: 6px;
	overflow: hidden;
	background: var(--iz-red);
	color: transparent;
	font-size: 0;
	transform: rotate(45deg);
}

.iz-crumbs a {
	color: var(--iz-cobalt);
	text-underline-offset: 3px;
}

.iz-crumbs a:hover {
	color: var(--iz-red-text);
}

.iz-kicker--hero {
	margin: 0;
	font-size: 12px;
	letter-spacing: 0.16em;
}

.iz-article__title {
	margin: 0;
	font-family: var(--iz-serif);
	font-weight: 400;
	font-size: clamp(40px, 4.6vw, 70px);
	line-height: 1.04;
	letter-spacing: -0.022em;
	color: var(--iz-ink);
	text-wrap: balance;
}

.iz-article__subtitle {
	color: var(--iz-cobalt);
}

.iz-article__standfirst {
	margin: 0;
	max-width: 40em;
	font-size: 20px;
	line-height: 1.6;
	color: var(--iz-body);
	text-wrap: pretty;
}

/* Byline: the separators sit in each item's left padding and the wrapper
   clips them, so a wrapped line never starts with a diamond. */
.iz-meta {
	overflow: hidden;
	padding-top: 16px;
	border-top: 1px solid var(--iz-grout);
	font-size: 14.5px;
	line-height: 1.5;
	color: var(--iz-body);
}

.iz-meta__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 8px;
	margin: 0 0 0 -24px;
	padding: 0;
	list-style: none;
}

.iz-meta__list li {
	position: relative;
	padding-left: 24px;
	white-space: nowrap;
}

.iz-meta__list li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 9px;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	background: var(--iz-turquoise);
	transform: rotate(45deg);
}

.iz-meta__author {
	font-weight: 600;
	color: var(--iz-cobalt);
	text-underline-offset: 3px;
}

.iz-article__figure {
	display: flex;
	flex: none;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
	max-width: 100%;
	margin: 0;
}

.iz-article__frame {
	padding: 14px;
}

.iz-article__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	background: var(--iz-placeholder);
}

.iz-article__figure figcaption {
	font-size: 13.5px;
	line-height: 1.45;
	color: var(--iz-body);
}

/* At a glance */

.iz-glance__frame {
	padding: 14px;
}

.iz-glance__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
	margin: 0;
	overflow: hidden;
	background: var(--iz-frit);
}

.iz-glance__cell {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 22px 22px 24px;
	box-shadow: 1px 0 0 var(--iz-grout), 0 1px 0 var(--iz-grout);
}

.iz-glance__cell dt {
	font-weight: 700;
	font-size: 11.5px;
	line-height: 1.4;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--iz-red-text);
}

.iz-glance__value {
	margin: 0;
	font-family: var(--iz-serif);
	font-size: 23px;
	line-height: 1.1;
	color: var(--iz-ink);
}

.iz-glance__sub {
	margin: 0;
	font-size: 14px;
	line-height: 1.45;
	color: var(--iz-body);
}

/* Columns: contents rail · body · sidebar */

.iz-article__cols {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas: "main" "rail";
	align-items: start;
	gap: 40px 56px;
	padding-top: 56px;
	padding-bottom: 24px;
}

.iz-article__main {
	grid-area: main;
	min-width: 0;
	width: 100%;
	max-width: 720px;
}

.iz-toc {
	display: none;
	grid-area: toc;
	min-width: 0;
}

.iz-toc__inner {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.iz-toc__label {
	margin: 0;
	font-weight: 700;
	font-size: 11.5px;
	line-height: 1.4;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--iz-red-text);
}

.iz-toc__list {
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--iz-grout);
	list-style: none;
}

.iz-toc__list li {
	border-bottom: 1px solid var(--iz-grout);
}

.iz-toc__list a {
	display: grid;
	grid-template-columns: 26px minmax(0, 1fr);
	gap: 8px;
	padding: 10px 0;
	color: var(--iz-body);
	font-size: 14.5px;
	line-height: 1.35;
	text-decoration: none;
}

.iz-toc__list a:hover {
	color: var(--iz-cobalt);
}

.iz-toc__list a.is-active {
	color: var(--iz-cobalt);
	font-weight: 700;
}

.iz-toc__n {
	font-family: var(--iz-serif);
	font-size: 13px;
	line-height: 1.6;
	color: var(--iz-red-text);
}

.iz-toc-m {
	margin: 0 0 36px;
	border-top: 2px solid var(--iz-ink);
	border-bottom: 1px solid var(--iz-grout);
}

.iz-toc-m > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 0;
	cursor: pointer;
	list-style: none;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--iz-red-text);
}

.iz-toc-m > summary::-webkit-details-marker {
	display: none;
}

.iz-toc-m > summary::after {
	content: "+";
	flex: none;
	font-size: 22px;
	line-height: 1;
	color: var(--iz-red);
	transition: transform 0.2s;
}

.iz-toc-m[open] > summary::after {
	transform: rotate(45deg);
}

.iz-toc-m__count {
	margin-left: auto;
	font-weight: 600;
	letter-spacing: 0.08em;
	color: var(--iz-body);
}

.iz-toc-m .iz-toc__list {
	margin-bottom: 16px;
}

/* Sidebar */

.iz-rail {
	grid-area: rail;
	min-width: 0;
}

.iz-rail__inner {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
	align-items: start;
	gap: 28px 40px;
	padding-top: 32px;
	border-top: 1px solid var(--iz-grout);
}

.iz-rail__section {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}

.iz-rail__label,
.iz-guidepanel__label {
	margin: 0;
	font-family: var(--iz-sans);
	font-weight: 700;
	font-size: 11.5px;
	line-height: 1.4;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--iz-red-text);
}

.iz-rail__list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.iz-guidepanel {
	padding: 20px 20px 10px;
	background: var(--iz-cobalt);
	color: var(--iz-frit);
}

.iz-guidepanel__label {
	margin-bottom: 8px;
	color: var(--iz-aqua);
}

.iz-guidepanel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.iz-guidepanel a {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 6px;
	padding: 10px 0;
	border-top: 1px solid var(--iz-panel-rule);
	color: var(--iz-frit);
	text-decoration: none;
}

.iz-guidepanel a:hover {
	color: #fff;
}

.iz-guidepanel a:hover .iz-guidepanel__name,
.iz-guidepanel a[aria-current] .iz-guidepanel__name {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.iz-guidepanel a[aria-current] .iz-guidepanel__name {
	text-decoration-color: var(--iz-red);
	text-decoration-thickness: 2px;
}

.iz-guidepanel__n {
	font-family: var(--iz-serif);
	font-size: 13px;
	line-height: 1.6;
	color: var(--iz-aqua);
}

.iz-guidepanel__name {
	font-family: var(--iz-serif);
	font-size: 17px;
	line-height: 1.25;
}

/* End matter */

.iz-endmatter {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 2.4em;
	padding-top: 22px;
	border-top: 1px solid var(--iz-grout);
	font-size: 14px;
	line-height: 1.6;
	color: var(--iz-body);
}

.iz-endmatter__byline {
	display: flex;
	align-items: center;
	gap: 14px;
}

.iz-endmatter__byline p {
	margin: 0;
}

.iz-endmatter__byline strong {
	color: var(--iz-ink);
}

.iz-endmatter a {
	color: var(--iz-cobalt);
	text-underline-offset: 3px;
}

.iz-endmatter a:hover {
	color: var(--iz-red-text);
}

.iz-endnotes p {
	margin: 0 0 0.6em;
}

.iz-endnotes p:last-child {
	margin-bottom: 0;
}

.iz-credits h2 {
	margin: 4px 0 6px;
	font-family: var(--iz-sans);
	font-weight: 700;
	font-size: 11.5px;
	line-height: 1.4;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--iz-red-text);
}

.iz-credits ul,
.iz-credits ol {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.iz-credits li {
	position: relative;
	padding-left: 16px;
}

.iz-credits li::before {
	content: "";
	position: absolute;
	top: 0.62em;
	left: 1px;
	width: 5px;
	height: 5px;
	background: var(--iz-red);
	transform: rotate(45deg);
}

.iz-credits p {
	margin: 0;
}

/* Keep planning */

.iz-keep {
	margin-top: 72px;
	background: var(--iz-sand);
}

.iz-keep__inner {
	padding-top: 56px;
	padding-bottom: 80px;
}

.iz-keep .iz-section-head {
	margin-bottom: 32px;
}

/* ------------------------------------------------------- 9. Article: prose */
/* @prose-start */

.iz-prose {
	font-size: 18px;
	line-height: 1.7;
	color: var(--iz-prose);
}

.iz-prose > :first-child {
	margin-top: 0;
}

.iz-prose p {
	margin: 0 0 1.1em;
}

.iz-prose a {
	color: var(--iz-cobalt);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.iz-prose a:hover {
	color: var(--iz-red-text);
}

.iz-prose strong,
.iz-prose b {
	font-weight: 700;
}

.iz-prose h2 {
	margin: 2.1em 0 0.7em;
	font-family: var(--iz-serif);
	font-weight: 400;
	font-size: 36px;
	line-height: 1.12;
	letter-spacing: -0.015em;
	color: var(--iz-ink);
	scroll-margin-top: calc(var(--iz-stick) + 8px);
	text-wrap: balance;
}

.iz-prose h2::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 14px;
	vertical-align: 0.12em;
	background: var(--iz-checker);
}

.iz-prose h3 {
	margin: 1.6em 0 0.5em;
	font-family: var(--iz-serif);
	font-weight: 400;
	font-size: 26px;
	line-height: 1.2;
	letter-spacing: 0;
	color: var(--iz-ink);
	scroll-margin-top: calc(var(--iz-stick) + 8px);
}

.iz-prose h4,
.iz-prose h5,
.iz-prose h6 {
	margin: 1.4em 0 0.4em;
	font-family: var(--iz-sans);
	font-weight: 700;
	font-size: 18px;
	line-height: 1.4;
	color: var(--iz-ink);
}

.iz-prose h2 + h3 {
	margin-top: 0.4em;
}

/* Lists: rotated red squares; numbered cobalt squares. */
.iz-prose ul,
.iz-prose ol {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 0 1.2em;
	padding: 0;
	list-style: none;
}

.iz-prose ul > li {
	position: relative;
	padding-left: 30px;
}

.iz-prose ul > li::before {
	content: "";
	position: absolute;
	top: 0.62em;
	left: 2px;
	width: 8px;
	height: 8px;
	background: var(--iz-red);
	transform: rotate(45deg);
}

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

.iz-prose ol > li {
	position: relative;
	min-height: 30px;
	padding-left: 44px;
	counter-increment: iz-ol;
}

.iz-prose ol > li::before {
	content: counter(iz-ol);
	position: absolute;
	top: 0.1em;
	left: 0;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	background: var(--iz-cobalt);
	color: #fff;
	font-family: var(--iz-serif);
	font-size: 15px;
	line-height: 1;
}

.iz-prose li > ul,
.iz-prose li > ol {
	margin: 10px 0 0;
}

.iz-prose li > p:last-child {
	margin-bottom: 0;
}

/* Tables */
.iz-table,
.iz-prose .wp-block-table {
	margin: 1.4em 0;
	overflow-x: auto;
	background: #fff;
	box-shadow: 0 0 0 1px var(--iz-grout);
}

.iz-prose .wp-block-table .iz-table {
	margin: 0;
	box-shadow: none;
}

.iz-prose table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.45;
}

.iz-table[data-cols="2"] table {
	min-width: 0;
}

.iz-table[data-cols="3"] table {
	min-width: 480px;
}

.iz-prose thead tr,
.iz-prose table > tr:first-child:has(th) {
	background: var(--iz-sand);
}

.iz-prose thead th,
.iz-prose thead td {
	padding: 12px 14px;
	text-align: left;
	vertical-align: bottom;
	font-weight: 700;
	font-size: 11.5px;
	line-height: 1.35;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--iz-cobalt);
}

.iz-prose tbody tr {
	border-top: 1px solid var(--iz-grout);
}

.iz-prose tbody th,
.iz-prose tbody td {
	padding: 12px 14px;
	text-align: left;
	vertical-align: top;
}

.iz-prose tbody th {
	font-weight: 650;
	color: var(--iz-ink);
}

.iz-prose td.is-price,
.iz-prose .is-style-iz-price td:nth-child(3) {
	font-weight: 650;
	color: var(--iz-cobalt);
}

.iz-prose .is-nowrap,
.iz-prose .is-style-iz-price td:nth-child(3) {
	white-space: nowrap;
}

.iz-prose table caption,
.iz-prose .wp-block-table figcaption {
	padding: 10px 14px;
	font-size: 14px;
	font-style: italic;
	text-align: left;
	color: var(--iz-body);
}

/* Figures */
.iz-prose figure {
	margin: 1.8em 0;
}

.iz-prose h2 + figure,
.iz-prose h3 + figure {
	margin-top: 1.4em;
}

.iz-prose figure img,
.iz-prose .wp-caption img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	padding: 6px;
	object-fit: cover;
	background: var(--iz-frit);
	box-shadow: 0 0 0 1px var(--iz-cobalt);
}

.iz-prose figure.is-portrait img {
	width: auto;
	max-width: 100%;
	max-height: min(82vh, 760px);
	margin: 0 auto;
	aspect-ratio: auto;
}

.iz-prose figcaption,
.iz-prose .wp-caption-text {
	margin-top: 10px;
	font-size: 14.5px;
	line-height: 1.5;
	font-style: italic;
	color: var(--iz-body);
}

.iz-prose figure.is-portrait figcaption {
	text-align: center;
}

.iz-prose .alignleft,
.iz-prose .alignright {
	max-width: 50%;
}

.iz-prose .aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.iz-prose blockquote {
	margin: 1.6em 0;
	padding: 4px 0 4px 24px;
	border-left: 4px solid var(--iz-turquoise);
	font-family: var(--iz-serif);
	font-size: 22px;
	line-height: 1.45;
	color: var(--iz-ink);
}

.iz-prose blockquote p:last-child {
	margin-bottom: 0;
}

.iz-prose blockquote cite {
	display: block;
	margin-top: 10px;
	font-family: var(--iz-sans);
	font-size: 14px;
	font-style: normal;
	color: var(--iz-body);
}

.iz-prose hr {
	height: 12px;
	margin: 2.4em 0;
	border: 0;
	background: conic-gradient(from 45deg, var(--iz-red) 25%, transparent 0 50%, var(--iz-red) 0 75%, transparent 0) 0 0 / 12px 12px;
	opacity: 0.8;
}

.iz-prose code {
	padding: 1px 5px;
	background: var(--iz-sand);
	font-size: 0.88em;
}

.iz-prose iframe,
.iz-prose video {
	max-width: 100%;
}

/* Verdict */
.iz-prose .iz-verdict,
.iz-prose .is-style-iz-verdict {
	font-family: var(--iz-serif);
	font-size: 24px;
	line-height: 1.4;
	color: var(--iz-cobalt);
	text-wrap: pretty;
}

/* Tip callout */
.iz-prose .is-style-iz-tip {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	column-gap: 20px;
	margin: 1.8em 0;
	padding: 26px 28px;
	background: var(--iz-cobalt);
	color: var(--iz-frit);
}

.iz-prose .is-style-iz-tip > .wp-block-group__inner-container {
	display: contents;
}

.iz-prose .is-style-iz-tip::before {
	content: "";
	grid-row: 1 / span 20;
	width: 44px;
	height: 44px;
	background:
		radial-gradient(circle at 30% 32%, var(--iz-frit) 0 5px, transparent 5.5px) 0 0 / 44px 44px,
		radial-gradient(circle at 70% 32%, var(--iz-frit) 0 5px, transparent 5.5px) 0 0 / 44px 44px,
		radial-gradient(circle at 50% 68%, var(--iz-frit) 0 5px, transparent 5.5px) 0 0 / 44px 44px,
		var(--iz-turquoise);
}

.iz-prose .is-style-iz-tip > *,
.iz-prose .is-style-iz-tip > .wp-block-group__inner-container > * {
	grid-column: 2;
	margin: 0 0 0.8em;
	font-size: 17px;
	line-height: 1.65;
}

.iz-prose .is-style-iz-tip > :last-child,
.iz-prose .is-style-iz-tip > .wp-block-group__inner-container > :last-child {
	margin-bottom: 0;
}

.iz-prose .is-style-iz-tip .iz-tip__label {
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 11.5px;
	line-height: 1.4;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--iz-aqua);
}

.iz-prose .is-style-iz-tip a {
	color: var(--iz-frit);
}

.iz-prose .is-style-iz-tip a:hover {
	color: #fff;
}

/* Frames */
.iz-prose .is-style-iz-tile-frame,
.iz-prose .is-style-iz-lattice-frame {
	margin: 1.8em 0;
	padding: 14px;
}

.iz-prose .is-style-iz-tile-frame { background: none; }

.iz-prose .is-style-iz-tile-frame {
	--g: var(--iz-cobalt);
	--q: var(--iz-turquoise);
	--d: var(--iz-red);
	--l: var(--iz-frit);
	background:
		radial-gradient(circle, var(--d) 0 6px, transparent 6.5px) 0 0 / 56px 56px,
		radial-gradient(circle at 0 0, var(--q) 0 21px, var(--l) 21px 22.5px, var(--q) 22.5px 26px, transparent 26.5px) 0 0 / 56px 56px,
		radial-gradient(circle at 100% 0, var(--q) 0 21px, var(--l) 21px 22.5px, var(--q) 22.5px 26px, transparent 26.5px) 0 0 / 56px 56px,
		radial-gradient(circle at 0 100%, var(--q) 0 21px, var(--l) 21px 22.5px, var(--q) 22.5px 26px, transparent 26.5px) 0 0 / 56px 56px,
		radial-gradient(circle at 100% 100%, var(--q) 0 21px, var(--l) 21px 22.5px, var(--q) 22.5px 26px, transparent 26.5px) 0 0 / 56px 56px,
		var(--g);
}

.iz-prose .is-style-iz-lattice-frame {
	background:
		radial-gradient(circle, var(--iz-red) 0 4px, transparent 4.5px) 0 0 / 36px 36px,
		linear-gradient(45deg, transparent calc(50% - 1.5px), var(--iz-cobalt) 0 calc(50% + 1.5px), transparent 0) 0 0 / 36px 36px,
		linear-gradient(-45deg, transparent calc(50% - 1.5px), var(--iz-cobalt) 0 calc(50% + 1.5px), transparent 0) 0 0 / 36px 36px,
		var(--iz-frit);
}

.iz-prose .is-style-iz-tile-frame > *,
.iz-prose .is-style-iz-lattice-frame > * {
	margin: 0;
	padding: 22px 24px;
	background: var(--iz-frit);
}

.iz-prose .is-style-iz-tile-frame > * + *,
.iz-prose .is-style-iz-lattice-frame > * + * {
	padding-top: 0;
}

/* Timeline: "09:30 — …" lists */
.iz-prose .iz-timeline,
.iz-prose .is-style-iz-timeline {
	display: block;
	margin: 1.2em 0 1.4em;
	padding: 0;
	background: #fff;
	box-shadow: 0 0 0 1px var(--iz-grout);
}

.iz-prose .iz-timeline > li,
.iz-prose .is-style-iz-timeline > li {
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr);
	align-items: baseline;
	gap: 16px;
	min-height: 0;
	padding: 14px 20px;
	border-top: 1px solid var(--iz-sand);
}

.iz-prose .iz-timeline > li:first-child,
.iz-prose .is-style-iz-timeline > li:first-child {
	border-top: 0;
}

.iz-prose .iz-timeline > li::before,
.iz-prose .is-style-iz-timeline > li::before {
	content: none;
}

.iz-prose .is-style-iz-timeline:not(.iz-timeline) > li {
	display: block;
	font-size: 16.5px;
	line-height: 1.55;
}

.iz-timeline__t {
	font-family: var(--iz-serif);
	font-size: 19px;
	line-height: 1.3;
	color: var(--iz-cobalt);
}

.iz-timeline__body {
	font-size: 16.5px;
	line-height: 1.55;
}

/* What to skip */
.iz-prose .iz-skip,
.iz-prose .is-style-iz-skip {
	margin: 2.4em 0 1.6em;
	background: var(--iz-sand);
}

.iz-prose .is-style-iz-skip {
	position: relative;
	padding: 38px 28px 24px;
}

.iz-skip__band,
.iz-prose .is-style-iz-skip::before {
	height: 12px;
	background: conic-gradient(from 45deg, var(--iz-red) 25%, var(--iz-sand) 0 50%, var(--iz-red) 0 75%, var(--iz-sand) 0) 0 0 / 12px 12px;
}

.iz-prose .is-style-iz-skip::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

.iz-skip__body {
	padding: 26px 28px 24px;
}

.iz-prose .iz-skip h2,
.iz-prose .is-style-iz-skip h2 {
	margin: 0 0 14px;
	font-size: 30px;
	line-height: 1.15;
	scroll-margin-top: calc(var(--iz-stick) + 8px);
}

.iz-prose .iz-skip h2::before,
.iz-prose .is-style-iz-skip h2::before {
	content: none;
}

.iz-skip__body > :last-child,
.iz-prose .is-style-iz-skip > :last-child {
	margin-bottom: 0;
}

.iz-skip__body p,
.iz-skip__body li,
.iz-prose .is-style-iz-skip li {
	font-size: 16.5px;
	line-height: 1.6;
}

.iz-prose .iz-skip__item,
.iz-prose .iz-skip__keep {
	position: relative;
	padding-left: 30px;
}

.iz-prose .iz-skip__list > li::before,
.iz-prose .is-style-iz-skip ul > li::before,
.iz-prose .iz-skip__item::before {
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 12px;
	height: 12px;
	background:
		linear-gradient(45deg, transparent calc(50% - 1.3px), var(--iz-red-text) 0 calc(50% + 1.3px), transparent 0),
		linear-gradient(-45deg, transparent calc(50% - 1.3px), var(--iz-red-text) 0 calc(50% + 1.3px), transparent 0);
	transform: none;
}

.iz-prose .iz-skip__keep::before {
	content: "";
	position: absolute;
	top: 0.62em;
	left: 2px;
	width: 8px;
	height: 8px;
	background: var(--iz-cobalt);
	transform: rotate(45deg);
}

/* FAQ accordion */
.iz-prose .iz-faq-heading {
	margin-bottom: 0.5em;
}

.iz-faq {
	margin: 0 0 1.4em;
	border-top: 2px solid var(--iz-ink);
}

.iz-faq__item {
	border-bottom: 1px solid var(--iz-grout);
}

.iz-faq__q {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 20px;
	padding: 18px 0;
	cursor: pointer;
	list-style: none;
}

.iz-faq__q::-webkit-details-marker {
	display: none;
}

.iz-prose .iz-faq__title {
	margin: 0;
	font-family: var(--iz-serif);
	font-weight: 400;
	font-size: 21px;
	line-height: 1.3;
	color: var(--iz-ink);
}

.iz-faq__q:hover .iz-faq__title {
	color: var(--iz-cobalt);
}

.iz-faq__icon {
	flex: none;
	width: 16px;
	text-align: center;
}

.iz-faq__icon::before {
	content: "+";
	display: inline-block;
	font-family: var(--iz-sans);
	font-weight: 700;
	font-size: 22px;
	line-height: 1;
	color: var(--iz-red);
	transition: transform 0.2s;
}

.iz-faq__item[open] .iz-faq__icon::before {
	transform: rotate(45deg);
}

.iz-faq__a {
	padding: 0 0 20px;
	font-size: 17px;
	line-height: 1.65;
}

.iz-faq__a > :last-child {
	margin-bottom: 0;
}

/* Rank Math FAQ and HowTo blocks, if an editor adds them by hand. */
.iz-prose .rank-math-block {
	border-top: 2px solid var(--iz-ink);
}

.iz-prose .rank-math-list-item {
	padding: 18px 0;
	border-bottom: 1px solid var(--iz-grout);
}

.iz-prose .rank-math-question {
	margin: 0 0 8px;
	font-size: 21px;
	line-height: 1.3;
}

.iz-prose .rank-math-answer > :last-child {
	margin-bottom: 0;
}

/* @prose-end */

/* ------------------------------------- 10. Archives, search, 404, pages */

.iz-band {
	background: var(--iz-sand);
}

.iz-band__inner {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-top: 44px;
	padding-bottom: 56px;
}

.iz-band__title {
	margin: 0;
	max-width: 20em;
	font-family: var(--iz-serif);
	font-weight: 400;
	font-size: clamp(40px, 4.6vw, 70px);
	line-height: 1.04;
	letter-spacing: -0.022em;
	color: var(--iz-ink);
	text-wrap: balance;
}

.iz-band__lede {
	max-width: 46em;
	font-size: 19px;
	line-height: 1.6;
	color: var(--iz-body);
}

.iz-band__lede p {
	margin: 0 0 0.6em;
}

.iz-band__lede p:last-child {
	margin-bottom: 0;
}

.iz-search--band {
	margin-top: 8px;
}

.iz-archive {
	padding-top: 56px;
	padding-bottom: 88px;
}

.iz-none__text {
	max-width: 40em;
	margin: 0 0 40px;
	font-size: 18px;
	line-height: 1.6;
	color: var(--iz-body);
}

.iz-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 56px 0 0;
	padding: 0;
	list-style: none;
}

.iz-pagination .page-numbers {
	display: grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding: 0 12px;
	border: 1.5px solid var(--iz-ink);
	color: var(--iz-ink);
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
}

.iz-pagination a.page-numbers:hover {
	background: var(--iz-ink);
	color: var(--iz-frit);
}

.iz-pagination .page-numbers.current {
	border-color: var(--iz-cobalt);
	background: var(--iz-cobalt);
	color: #fff;
}

.iz-pagination .page-numbers.dots {
	border-color: transparent;
}

.iz-pagelinks {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 1.6em 0;
	font-weight: 600;
}

.iz-page {
	padding-top: 48px;
	padding-bottom: 88px;
}

.iz-page > * {
	max-width: 760px;
}

.iz-page__head {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin-bottom: 40px;
}

.iz-page__title {
	margin: 0;
	font-family: var(--iz-serif);
	font-weight: 400;
	font-size: clamp(40px, 4.6vw, 64px);
	line-height: 1.04;
	letter-spacing: -0.022em;
	color: var(--iz-ink);
	text-wrap: balance;
}

/* Comments (closed on this site; existing ones still render). */
.iz-comments {
	margin-top: 48px;
	padding-top: 24px;
	border-top: 1px solid var(--iz-grout);
}

.iz-comments__title {
	margin: 0 0 20px;
	font-family: var(--iz-serif);
	font-weight: 400;
	font-size: 28px;
}

.iz-comments__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.iz-comments__list .comment-body {
	padding: 16px 0;
	border-bottom: 1px solid var(--iz-grout);
}

.iz-comments input[type="text"],
.iz-comments input[type="email"],
.iz-comments input[type="url"],
.iz-comments textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1.5px solid var(--iz-ink);
	border-radius: 0;
	background: #fff;
	font: inherit;
}

.iz-slot {
	margin: 2em 0;
}

/* --------------------------------------------------------- 11. Breakpoints */

/* Article hero: text and figure side by side once there is room. */
@media (min-width: 1000px) {
	.iz-article__hero.has-figure {
		flex-direction: row;
		align-items: flex-end;
	}

	.iz-article__hero .iz-article__intro {
		flex: 1.5 1 560px;
	}

	.iz-article__hero .iz-article__figure {
		flex: 1 1 340px;
		max-width: 440px;
	}

	.iz-article__img {
		aspect-ratio: 4 / 5;
	}
}

/* Two columns: sticky contents rail + body; the sidebar sits under the body. */
@media (min-width: 1000px) {
	.iz-article__cols.has-toc {
		grid-template-columns: 220px minmax(0, 720px);
		grid-template-areas:
			"toc main"
			"toc rail";
		column-gap: 48px;
	}

	.iz-toc {
		display: block;
		align-self: stretch;
	}

	.iz-toc__inner {
		position: sticky;
		top: var(--iz-stick);
		max-height: calc(100vh - var(--iz-stick) - 24px);
		max-height: calc(100dvh - var(--iz-stick) - 24px);
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-width: thin;
		scrollbar-color: var(--iz-grout) transparent;
		padding-right: 6px;
	}

	.iz-toc-m {
		display: none;
	}
}

/* Three columns: contents · body · sidebar, both rails sticky. */
@media (min-width: 1180px) {
	.iz-article__cols.has-rail {
		grid-template-columns: minmax(0, 720px) 270px;
		grid-template-areas: "main rail";
		justify-content: space-between;
	}

	.iz-article__cols.has-toc.has-rail {
		grid-template-columns: clamp(210px, 18vw, 250px) minmax(0, 720px) clamp(240px, 20vw, 270px);
		grid-template-areas: "toc main rail";
		column-gap: clamp(32px, 3.9vw, 56px);
	}

	.iz-rail {
		align-self: stretch;
	}

	.iz-rail__inner {
		position: sticky;
		top: var(--iz-stick);
		display: flex;
		flex-direction: column;
		gap: 28px;
		padding-top: 0;
		border-top: 0;
	}
}

/* Header: between the phone menu and the full desktop row, the nav takes its own line. */
@media (min-width: 860px) and (max-width: 1099px) {
	.iz-nav {
		order: 3;
		flex-basis: 100%;
	}
}

/* Phones and small tablets: the nav folds behind the Menu button (when JS runs). */
@media (max-width: 859px) {
	.iz-header__bar {
		gap: 14px 20px;
	}

	.iz-nav {
		order: 3;
		flex-basis: 100%;
	}

	.iz-nav__list {
		gap: 2px 20px;
	}

	.js .iz-menu-toggle {
		display: inline-flex;
	}

	.js .iz-nav {
		display: none;
	}

	.js .iz-nav.is-open {
		display: block;
		margin: 0 calc(-1 * var(--iz-gutter));
		padding: 0 var(--iz-gutter) 8px;
		border-top: 1px solid var(--iz-grout);
	}

	.js .iz-nav.is-open .iz-nav__list {
		flex-direction: column;
		gap: 0;
	}

	.js .iz-nav.is-open .iz-nav__list a {
		padding: 14px 0;
		border-bottom: 1px solid var(--iz-grout);
		font-size: 20px;
		white-space: normal;
	}

	.js .iz-nav.is-open .iz-nav__list a:hover,
	.js .iz-nav.is-open .iz-nav__list a:focus-visible,
	.js .iz-nav.is-open .iz-nav__list .current-menu-item > a,
	.js .iz-nav.is-open .iz-nav__list .iz-current-pillar > a,
	.js .iz-nav.is-open .iz-nav__list a[aria-current] {
		border-bottom-color: var(--iz-grout);
		box-shadow: inset 4px 0 0 var(--iz-red);
		padding-left: 14px;
	}
}

@media (max-width: 999px) {
	.iz-article__hero {
		gap: 32px;
	}

	.iz-article__figure {
		max-width: 720px;
	}
}

@media (max-width: 760px) {
	.iz-prose .is-style-iz-tip {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 14px;
		padding: 22px 20px;
	}

	.iz-prose .is-style-iz-tip::before {
		grid-row: auto;
	}

	.iz-prose .is-style-iz-tip > *,
	.iz-prose .is-style-iz-tip > .wp-block-group__inner-container > * {
		grid-column: 1;
	}

	.iz-skip__body {
		padding: 22px 20px 20px;
	}
}

@media (max-width: 599px) {
	:root {
		--iz-gutter: 20px;
	}

	.iz-header__bar {
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.iz-lockup {
		gap: 12px;
	}

	.iz-lockup--header .iz-mark {
		width: 40px;
		height: 40px;
		background-size: auto;
	}

	.iz-lockup__name {
		font-size: 25px;
	}

	.iz-lockup__sub {
		font-size: 9.5px;
		letter-spacing: 0.28em;
	}

	.iz-btn-line {
		padding: 9px 11px;
		font-size: 14.5px;
	}

	.iz-hero {
		gap: 40px;
		padding-top: 36px;
		padding-bottom: 56px;
	}

	.iz-hero__title {
		font-size: clamp(42px, 11.5vw, 50px);
	}

	.iz-hero__lede {
		font-size: 17.5px;
	}

	/* Phones: a two-column mosaic that stays a full rectangle — the feature
	   across the top, two photos, then the text tile. The pattern tiles and
	   the last photo step out. */
	.iz-mosaic {
		flex-basis: 100%;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.iz-mosaic__pattern,
	.iz-mosaic > :last-child {
		display: none;
	}

	.iz-mosaic__feature {
		grid-row: auto;
		min-height: 0;
		aspect-ratio: 4 / 3;
	}

	.iz-mosaic__caption {
		right: 10px;
		bottom: 10px;
		left: 10px;
		padding: 10px 12px 12px;
	}

	.iz-mosaic__title {
		font-size: 19px;
	}

	.iz-mosaic__text {
		padding: 16px 18px;
	}

	.iz-mosaic__textline {
		font-size: 21px;
	}

	.iz-guides {
		padding-top: 56px;
		padding-bottom: 64px;
	}

	.iz-section-head {
		margin-bottom: 28px;
	}

	.iz-pillar__panel {
		padding: 22px 20px 20px;
	}

	.iz-pillar__title {
		font-size: 30px;
	}

	.iz-latest__inner {
		padding-top: 48px;
		padding-bottom: 64px;
	}

	.iz-prep__inner {
		padding-top: 56px;
		padding-bottom: 56px;
	}

	.iz-prep__title {
		font-size: 38px;
	}

	.iz-article__hero {
		padding-top: 28px;
		padding-bottom: 36px;
	}

	.iz-article__title {
		font-size: clamp(31px, 8.4vw, 40px);
	}

	.iz-article__standfirst {
		font-size: 18px;
	}

	.iz-meta {
		font-size: 14px;
	}

	.iz-meta__list {
		row-gap: 6px;
	}

	.iz-article__frame {
		padding: 10px;
	}

	.iz-glance__frame {
		padding: 10px;
	}

	.iz-glance__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.iz-glance__cell {
		padding: 16px 14px 18px;
	}

	.iz-glance__value {
		font-size: 20px;
	}

	.iz-article__cols {
		padding-top: 36px;
	}

	.iz-prose {
		font-size: 17px;
	}

	.iz-prose h2 {
		font-size: 29px;
	}

	.iz-prose h2::before {
		width: 12px;
		height: 12px;
		margin-right: 12px;
	}

	.iz-prose h3 {
		font-size: 23px;
	}

	.iz-prose .iz-timeline > li {
		grid-template-columns: 62px minmax(0, 1fr);
		gap: 12px;
		padding: 12px 14px;
	}

	.iz-prose .iz-skip h2 {
		font-size: 26px;
	}

	.iz-prose .iz-faq__title {
		font-size: 19px;
	}

	.iz-keep {
		margin-top: 48px;
	}

	.iz-keep__inner {
		padding-top: 44px;
		padding-bottom: 64px;
	}

	.iz-footer__inner {
		padding-top: 44px;
	}

	.iz-band__inner {
		padding-top: 32px;
		padding-bottom: 40px;
	}

	.iz-searchpanel__inner {
		gap: 10px;
	}
}

/* ------------------------------------------------------ 12. Motion, print */

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

	.iz-turn,
	.iz-zoom img,
	.iz-card__media img,
	.iz-pillar {
		transform: none !important;
	}
}

@media print {
	.iz-header__actions,
	.iz-nav,
	.iz-searchpanel,
	.iz-band-scallop,
	.iz-band-checker,
	.iz-progress,
	.iz-toc,
	.iz-toc-m,
	.iz-rail,
	.iz-keep,
	.iz-footer__nav,
	.iz-skip-link {
		display: none !important;
	}

	body {
		background: #fff;
		color: #000;
	}

	.iz-article__cols {
		display: block;
	}

	.iz-prose a::after {
		content: " (" attr(href) ")";
		font-size: 0.8em;
	}

	.iz-faq__a {
		display: block !important;
	}
}