/* GENERATED by build-plugin.py: the Domaine faces, the afterglow tokens (system/dist/afterglow.css), posts.css. */
@font-face{font-family:"Domaine Display Narrow";font-weight:400;font-style:normal;src:url("https://xoafterglow.com/wp-content/uploads/2026/10/domaine-display-narrow-regular.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Domaine Display Narrow";font-weight:400;font-style:italic;src:url("https://xoafterglow.com/wp-content/uploads/2026/10/domaine-display-narrow-regular-italic.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Domaine Display Narrow";font-weight:500;font-style:italic;src:url("https://xoafterglow.com/wp-content/uploads/2026/10/domaine-display-narrow-medium-italic.woff2") format("woff2");font-display:swap}
:root {
--ag-color-bg: #0c0c0f;
  --ag-color-surface: #1a1a1e;
  --ag-color-cream: #FFFFF3;
  --ag-color-black: #000000;
  --ag-color-scrim: rgba(12,12,15,0.62);
  --ag-color-scrim-strong: rgba(12,12,15,0.86);
  --ag-text-primary: rgba(255,255,243,0.85);
  --ag-text-secondary: rgba(255,255,243,0.60);
  --ag-text-muted: rgba(255,255,243,0.30);
  --ag-text-faint: rgba(255,255,243,0.08);
  --ag-border-default: rgba(255,255,255,0.07);
  --ag-border-hover: rgba(255,255,255,0.12);
  --ag-brand-orange: #FF4C00;
  --ag-brand-magenta: #FF02CB;
  --ag-brand-violet: #9C4DE0;
  --ag-brand-indigo: #3A2E8C;
  --ag-aura-authenticity-color: #FF7A1A;
  --ag-aura-authenticity-glow: rgba(255,122,26,0.5);
  --ag-aura-authenticity-low: #B23A00;
  --ag-aura-authenticity-high: #FFB24D;
  --ag-aura-presence-color: #FF2FB0;
  --ag-aura-presence-glow: rgba(255,47,176,0.5);
  --ag-aura-presence-low: #FFB3D9;
  --ag-aura-presence-high: #E5008F;
  --ag-aura-connection-color: #8E5CE6;
  --ag-aura-connection-glow: rgba(142,92,230,0.5);
  --ag-aura-connection-low: #CDB4F5;
  --ag-aura-connection-high: #6E2FCF;
  --ag-aura-communication-color: #4FA3FF;
  --ag-aura-communication-glow: rgba(79,163,255,0.5);
  --ag-aura-communication-low: #35357A;
  --ag-aura-communication-high: #A9C7F5;
  --ag-gradient-master: linear-gradient(90deg, #FF8A2B 0%, #FF4C00 22%, #FF1E8E 48%, #B14DE0 72%, #4A3AA7 100%);
  --ag-gradient-aura-authenticity: linear-gradient(135deg, #B23A00 0%, #FF7A1A 55%, #FFB24D 100%);
  --ag-gradient-aura-presence: linear-gradient(135deg, #FFB3D9 0%, #FF2FB0 55%, #E5008F 100%);
  --ag-gradient-aura-connection: linear-gradient(135deg, #CDB4F5 0%, #8E5CE6 55%, #6E2FCF 100%);
  --ag-gradient-aura-communication: linear-gradient(135deg, #35357A 0%, #4FA3FF 55%, #A9C7F5 100%);
  --ag-gradient-spectrum-authenticity: linear-gradient(90deg, #B7BFE1 0%, #669BD2 50%, #B967A3 100%);
  --ag-gradient-spectrum-presence: linear-gradient(90deg, #EEBED9 0%, #F68F51 50%, #EE3343 100%);
  --ag-gradient-spectrum-connection: linear-gradient(90deg, #EDB7D5 0%, #ED2C7E 50%, #ED2246 100%);
  --ag-gradient-spectrum-communication: linear-gradient(90deg, #F498BC 0%, #977DB9 50%, #D34899 100%);
  --ag-gradient-preset-sunset: radial-gradient(120% 140% at 30% 120%, #FFB24D 0%, #FF6A1A 22%, #FF2E6E 46%, #B4318F 66%, #3A2E8C 100%);
  --ag-gradient-preset-dusk: linear-gradient(180deg, #2A2C6E 0%, #6E2FCF 40%, #B4318F 70%, #FF6A1A 100%);
  --ag-gradient-preset-night: radial-gradient(120% 140% at 30% 120%, #4A3AA7 0%, #2A2C6E 40%, #0E1030 100%);
  --ag-shader-sunset-stops-0: #3A2E8C;
  --ag-shader-sunset-stops-1: #B4318F;
  --ag-shader-sunset-stops-2: #FF2E7E;
  --ag-shader-sunset-stops-3: #FF6A1A;
  --ag-shader-sunset-stops-4: #FFB24D;
  --ag-shader-sunset-grain: 0.05;
  --ag-shader-sunset-warp: 1.7;
  --ag-shader-night-stops-0: #0E1030;
  --ag-shader-night-stops-1: #2A2C6E;
  --ag-shader-night-stops-2: #4A3AA7;
  --ag-shader-night-stops-3: #B4318F;
  --ag-shader-night-stops-4: #FF5A2A;
  --ag-shader-night-grain: 0.05;
  --ag-shader-night-warp: 1.9;
  --ag-shader-filmic-stops-0: #2A2C6E;
  --ag-shader-filmic-stops-1: #6E2FCF;
  --ag-shader-filmic-stops-2: #B4318F;
  --ag-shader-filmic-stops-3: #FF3D6E;
  --ag-shader-filmic-stops-4: #FF7A1A;
  --ag-shader-filmic-grain: 0.16;
  --ag-shader-filmic-warp: 1.5;
  --ag-avatar-palette-0: #FF4C00;
  --ag-avatar-palette-1: #FF02CB;
  --ag-avatar-palette-2: #9C4DE0;
  --ag-avatar-palette-3: #3A2E8C;
  --ag-avatar-pattern: mesh;
  --ag-font-display: "Domaine Display Narrow", Georgia, 'Times New Roman', serif;
  --ag-font-ui: Poppins, system-ui, -apple-system, Segoe UI, sans-serif;
  --ag-font-accent: Lacquer, system-ui, cursive;
  --ag-size-display: 72px;
  --ag-size-hero: 56px;
  --ag-size-section: 44px;
  --ag-size-title: 36px;
  --ag-size-subhead: 28px;
  --ag-size-card: 18px;
  --ag-size-body: 17px;
  --ag-size-small: 14px;
  --ag-size-caption: 13px;
  --ag-size-meta: 11px;
  --ag-weight-regular: 400;
  --ag-weight-medium: 500;
  --ag-weight-semibold: 600;
  --ag-leading-tight: 1.1;
  --ag-leading-snug: 1.15;
  --ag-leading-card: 1.3;
  --ag-leading-normal: 1.5;
  --ag-leading-body: 1.6;
  --ag-tracking-meta: 0.12em;
  --ag-tracking-button: 0.02em;
  --ag-space-xs: 8px;
  --ag-space-sm: 16px;
  --ag-space-md: 24px;
  --ag-space-lg: 32px;
  --ag-space-xl: 48px;
  --ag-space-2xl: 64px;
  --ag-space-3xl: 80px;
  --ag-space-4xl: 120px;
  --ag-space-section: 160px;
  --ag-radius-sm: 8px;
  --ag-radius-md: 12px;
  --ag-radius-lg: 20px;
  --ag-radius-pill: 999px;
  --ag-video-scale: 3;
}
/* afterglow posts: the article page on the live site, the block theme's templates/single.html ported to a plugin
   (wordpress/theme/afterglow/assets/css/theme.css, "a post", is the source of the design). Scoped to .ag-post so the
   StreamVid theme's header and footer around it are untouched. Tokens only; the build fails on a raw colour, an
   unlisted px value or an em dash. Allowed raw numbers: 0px, 1px hairlines, 2px focus, the 767px / 1024px breakpoints,
   ratios, motion. !important appears only where the site's Additional CSS (domaine-display-medium on every heading)
   and Elementor's own container CSS would otherwise win. One shape: the pill. One accent: orange. */

/* ── page ── */
.ag-post { --gutter: max(var(--ag-space-sm), calc((100% - var(--ag-space-4xl) * 10) / 2)); position: relative; isolation: isolate; background: var(--ag-color-bg); color: var(--ag-text-primary); font-family: var(--ag-font-ui); font-size: var(--ag-size-body); line-height: var(--ag-leading-body); -webkit-font-smoothing: antialiased; overflow: hidden; padding: var(--ag-space-xl) var(--gutter) var(--ag-space-4xl); }
.ag-post * { box-sizing: border-box; }
.ag-post a { color: inherit; text-decoration: none; transition: color .18s ease-out; }
.ag-post :focus-visible { outline: 2px solid var(--ag-color-cream); outline-offset: 2px; border-radius: var(--ag-radius-sm); }
.ag-post ::selection { background: var(--ag-brand-orange); color: var(--ag-color-cream); }
.ag-post :is(h1, h2, h3) { font-family: var(--ag-font-display) !important; font-weight: var(--ag-weight-regular); color: var(--ag-color-cream); margin: 0; text-wrap: balance; }
.ag-post :where(p, ul) { margin: 0; }
.ag-post__page { position: relative; z-index: 1; }
.ag-post .ag-post__col { max-width: calc(var(--ag-space-4xl) * 6); margin-inline: auto; }
.ag-post .ag-post__wide { max-width: calc(var(--ag-space-4xl) * 10); margin-inline: auto; }

/* the light: one fixed canvas behind the page, drawn only inside each .ag-post-glow window */
.ag-post > .ag-post-canvas { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; display: block; }
.ag-post .ag-post-glow { position: absolute; inset: 0; border-radius: var(--ag-radius-pill); }
.ag-post.ag-post--noglow .ag-post-glow[data-glow="sunset"] { background: var(--ag-gradient-preset-sunset); }
.ag-post.ag-post--noglow .ag-post-glow[data-glow="aura:authenticity"] { background: var(--ag-gradient-aura-authenticity); }
.ag-post.ag-post--noglow .ag-post-glow[data-glow="aura:presence"] { background: var(--ag-gradient-aura-presence); }
.ag-post.ag-post--noglow .ag-post-glow[data-glow="aura:connection"] { background: var(--ag-gradient-aura-connection); }
.ag-post.ag-post--noglow .ag-post-glow[data-glow="aura:communication"] { background: var(--ag-gradient-aura-communication); }
.ag-post.ag-post--noglow .ag-post-glow[data-glow^="arch:"] { background-image: var(--field); background-size: cover; background-position: center; }

/* ── head: the title, one byline line in two pairs (category · author, reading time · date) ── */
.ag-post .ag-post__head { display: flex; flex-direction: column; gap: var(--ag-space-md); margin-bottom: var(--ag-space-xl); }
.ag-post .ag-post__h1 { font-size: var(--ag-size-hero); line-height: var(--ag-leading-tight); max-width: 16em; }
.ag-post .ag-post__byline { display: flex; flex-wrap: wrap; gap: var(--ag-space-xs) var(--ag-space-md); font-size: var(--ag-size-small); line-height: var(--ag-leading-normal); color: var(--ag-text-secondary); }
.ag-post .ag-post__byline :is(.ag-post__who, .ag-post__when) { display: flex; flex-wrap: nowrap; gap: var(--ag-space-xs); white-space: nowrap; }
.ag-post .ag-post__byline :is(.ag-post__who, .ag-post__when) > * + *::before { content: "\00b7"; margin-right: var(--ag-space-xs); color: var(--ag-text-muted); }
.ag-post .ag-post__byline a { color: var(--ag-color-cream); }
.ag-post .ag-post__byline a:hover { color: var(--ag-brand-orange); }
.ag-post .ag-post__time, .ag-post .ag-post__date { color: var(--ag-text-muted); }
.ag-post .ag-post__recap-line { font-size: var(--ag-size-small); line-height: var(--ag-leading-normal); color: var(--ag-text-secondary); max-width: 36em; }
.ag-post .ag-post__recap-line a { color: var(--ag-color-cream); text-decoration: underline; text-underline-offset: 0.15em; text-decoration-color: var(--ag-border-hover); }
.ag-post .ag-post__recap-line a:hover { text-decoration-color: var(--ag-brand-orange); }

/* ── the picture: the cover as a wide stadium, beside it a standing stadium of the post's light; the light alone as a line ── */
.ag-post .ag-post__pic { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 1fr); gap: var(--ag-space-md); margin-bottom: var(--ag-space-2xl); }
.ag-post .ag-cover { position: relative; aspect-ratio: 2.4; width: 100%; margin: 0; overflow: hidden; border-radius: var(--ag-radius-pill); background: var(--ag-color-surface); }
.ag-post .ag-cover img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 35%; border-radius: 0; }
/* an archetype page: the field light fills the picture slot (no photo), the same shape as a cover */
.ag-post .ag-cover--light { background: none; }
.ag-post .ag-post__light { position: relative; min-height: 100%; }
.ag-post .ag-post__pic--bare { grid-template-columns: minmax(0, 1fr); }
.ag-post .ag-post__pic--bare .ag-post__light { height: var(--ag-space-lg); min-height: 0; }

/* ── the prose: the 720 reading column, 17/1.6, the first paragraph a size up ── */
.ag-post .ag-prose { font-size: var(--ag-size-body); line-height: var(--ag-leading-body); color: var(--ag-text-primary); }
/* :where() so the resets never outrank the flow rules below */
.ag-post .ag-prose :where(p, ul, ol, li, h2, h3, h4, h5, h6, figure, blockquote, table) { margin: 0; font-family: inherit; }
.ag-post .ag-prose > * + * { margin-block-start: var(--ag-space-md); }
.ag-post .ag-prose > p:first-child { font-size: var(--ag-size-card); line-height: var(--ag-leading-normal); }
.ag-post .ag-prose :is(h2, h3, h4, h5, h6) { margin-block-start: var(--ag-space-2xl); color: var(--ag-color-cream); text-wrap: balance; }
.ag-post .ag-prose :is(h2, h3, h4, h5, h6) + * { margin-block-start: var(--ag-space-sm); }
.ag-post .ag-prose h2 { font-family: var(--ag-font-display) !important; font-weight: var(--ag-weight-regular); font-size: var(--ag-size-subhead); line-height: var(--ag-leading-card); }
.ag-post .ag-prose :is(h3, h4, h5, h6) { font-family: var(--ag-font-ui) !important; font-weight: var(--ag-weight-medium); font-size: var(--ag-size-card); line-height: var(--ag-leading-card); margin-block-start: var(--ag-space-xl); }
.ag-post .ag-prose strong { color: var(--ag-color-cream); font-weight: var(--ag-weight-semibold); }
.ag-post .ag-prose a { color: var(--ag-color-cream); text-decoration: underline; text-underline-offset: 0.15em; text-decoration-color: var(--ag-border-hover); }
.ag-post .ag-prose a:hover { color: var(--ag-color-cream); text-decoration-color: var(--ag-brand-orange); }
.ag-post .ag-prose :is(ul, ol) { padding-left: var(--ag-space-md); }
.ag-post .ag-prose ul { list-style: disc; }
.ag-post .ag-prose ol { list-style: decimal; }
.ag-post .ag-prose li + li { margin-top: var(--ag-space-xs); }
.ag-post .ag-prose li::marker { color: var(--ag-text-muted); }
.ag-post .ag-prose :is(figure, .wp-block-embed, .wp-block-video) { margin-block: var(--ag-space-xl); margin-inline: 0; }
.ag-post .ag-prose :is(img, video) { display: block; max-width: 100%; height: auto; border-radius: var(--ag-radius-lg); }
.ag-post .ag-prose iframe { display: block; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: var(--ag-radius-lg); }
.ag-post .ag-prose figcaption { margin-top: var(--ag-space-xs); font-size: var(--ag-size-caption); line-height: var(--ag-leading-normal); color: var(--ag-text-secondary); text-align: left; }
.ag-post .ag-prose blockquote { margin: var(--ag-space-2xl) 0; padding: 0; border: 0; background: none; font-family: var(--ag-font-display); font-style: italic; font-weight: var(--ag-weight-regular); font-size: var(--ag-size-subhead); line-height: var(--ag-leading-card); color: var(--ag-color-cream); text-wrap: balance; }
.ag-post .ag-prose blockquote p { font: inherit; color: inherit; }
.ag-post .ag-prose blockquote p + p { margin-top: var(--ag-space-sm); }
.ag-post .ag-prose blockquote cite { display: block; margin-top: var(--ag-space-sm); font-family: var(--ag-font-ui); font-style: normal; font-size: var(--ag-size-small); color: var(--ag-text-secondary); }
.ag-post .ag-prose hr { width: var(--ag-space-2xl); height: 1px; margin: var(--ag-space-2xl) auto; border: 0; background: var(--ag-border-hover); opacity: 1; }
.ag-post .ag-prose table { width: 100%; border-collapse: collapse; font-size: var(--ag-size-small); line-height: var(--ag-leading-normal); }
.ag-post .ag-prose :is(th, td) { padding: var(--ag-space-xs) var(--ag-space-sm) var(--ag-space-xs) 0; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid var(--ag-border-default); }
.ag-post .ag-prose th { color: var(--ag-color-cream); font-weight: var(--ag-weight-medium); }
/* legacy Elementor posts: the containers flatten (Elementor's own per-post CSS sets them, hence the force), the text-editor widgets inherit the prose */
.ag-post .ag-prose :is(.elementor, .e-con, .e-con-inner, .elementor-element, .elementor-widget-container) { width: auto !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px; --margin-top: 0px; --margin-bottom: 0px; --gap: 0px; --row-gap: 0px; }
.ag-post .ag-prose :is(.elementor-widget-text-editor, .elementor-widget-text-editor p, .elementor-widget-text-editor li) { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }
.ag-post .ag-prose :is(.e-con-inner, .elementor-widget-container) > * + *, .ag-post .ag-prose .elementor-widget + .elementor-widget { margin-block-start: var(--ag-space-md) !important; }
.ag-post .ag-prose .elementor-widget-video .elementor-wrapper { padding: 0; }

/* ── after the prose: the filed line, prev and next, three close posts, the close. Space between them, no hairlines. ── */
.ag-post .ag-post__filed { margin-top: var(--ag-space-3xl); font-size: var(--ag-size-small); line-height: var(--ag-leading-normal); color: var(--ag-text-secondary); }
.ag-post .ag-post__filed-label { margin-right: var(--ag-space-xs); }
.ag-post .ag-post__filed a { color: var(--ag-color-cream); text-decoration: underline; text-underline-offset: 0.15em; text-decoration-color: var(--ag-border-hover); }
.ag-post .ag-post__filed a:hover { text-decoration-color: var(--ag-brand-orange); }
.ag-post .ag-post__nav { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--ag-space-xl); margin-top: var(--ag-space-2xl); }
.ag-post .ag-post__nav > * { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--ag-space-xs); }
.ag-post .ag-post__nav > .ag-post__nav-next { text-align: right; align-items: flex-end; margin-left: auto; }
.ag-post .ag-post__nav-label { font-size: var(--ag-size-small); color: var(--ag-text-secondary); }
.ag-post .ag-post__nav a { color: var(--ag-color-cream); font-family: var(--ag-font-display); font-size: var(--ag-size-subhead); line-height: var(--ag-leading-card); text-wrap: balance; }
.ag-post .ag-post__nav a:hover { color: var(--ag-brand-orange); }
.ag-post .ag-post__related { margin-top: var(--ag-space-4xl); display: flex; flex-direction: column; gap: var(--ag-space-lg); }
.ag-post .ag-post__h2 { font-size: var(--ag-size-title); line-height: var(--ag-leading-snug); }
.ag-post .ag-post__entries { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ag-space-md); margin: 0; padding: 0; list-style: none; }
/* an entry: outlined by a hairline, no fill (the archive's search-result entry) */
.ag-post .ag-entry { position: relative; display: flex; flex-direction: column; gap: var(--ag-space-xs); min-width: 0; padding: var(--ag-space-lg); border: 1px solid var(--ag-border-default); border-radius: var(--ag-radius-lg); transition: border-color .3s; }
.ag-post .ag-entry:hover { border-color: var(--ag-border-hover); }
.ag-post .ag-entry__title { font-size: var(--ag-size-subhead); line-height: var(--ag-leading-card); }
.ag-post .ag-entry__title a::after { content: ""; position: absolute; inset: 0; }
.ag-post .ag-entry:hover .ag-entry__title a { color: var(--ag-brand-orange); }
.ag-post .ag-entry__excerpt { font-size: var(--ag-size-small); line-height: var(--ag-leading-normal); color: var(--ag-text-secondary); }
/* the close: one line, one sentence, the one filled button, on the post's light */
.ag-post .ag-post__close { position: relative; display: flex; justify-content: space-between; align-items: center; gap: var(--ag-space-xl); margin-top: var(--ag-space-3xl); padding: var(--ag-space-3xl) var(--ag-space-2xl); border-radius: var(--ag-radius-pill); overflow: hidden; }
.ag-post .ag-post__close > .ag-post__close-light { position: absolute; inset: 0; }
.ag-post .ag-post__close > :not(.ag-post__close-light) { position: relative; }
.ag-post .ag-post__close-copy { display: flex; flex-direction: column; gap: var(--ag-space-sm); max-width: 24em; }
.ag-post .ag-post__close-h { font-size: var(--ag-size-section); line-height: var(--ag-leading-tight); }
.ag-post .ag-post__close-body { font-size: var(--ag-size-card); line-height: var(--ag-leading-normal); color: var(--ag-color-cream); }
.ag-post .ag-post__btn { flex: none; display: inline-flex; align-items: center; border: 0; border-radius: var(--ag-radius-pill); padding: var(--ag-space-sm) var(--ag-space-lg); background: var(--ag-brand-orange); color: var(--ag-color-cream); font-family: var(--ag-font-ui); font-size: var(--ag-size-card); font-weight: var(--ag-weight-semibold); letter-spacing: var(--ag-tracking-button); line-height: 1; white-space: nowrap; transition: transform .25s cubic-bezier(.16,1,.3,1); }
.ag-post .ag-post__btn:hover { color: var(--ag-color-cream); }
.ag-post .ag-post__btn:active { transform: translateY(1px) scale(.98); }

/* ── tablet (<=1024): the light becomes a line under the cover, the close a rounded band ── */
@media (max-width: 1024px) {
  .ag-post .ag-post__h1 { font-size: var(--ag-size-section); }
  .ag-post .ag-post__pic { grid-template-columns: minmax(0, 1fr); gap: var(--ag-space-sm); }
  .ag-post .ag-cover { aspect-ratio: 2; }
  .ag-post .ag-post__light { min-height: 0; height: var(--ag-space-md); }
  .ag-post .ag-post__entries { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ag-post .ag-post__close { flex-direction: column; align-items: flex-start; border-radius: var(--ag-radius-lg); padding: var(--ag-space-2xl) var(--ag-space-lg); }
  .ag-post .ag-post__close .ag-post-glow { border-radius: var(--ag-radius-lg); }
  .ag-post .ag-post__close-h { font-size: var(--ag-size-title); }
}

/* ── phone (<=767) ── */
@media (max-width: 767px) {
  .ag-post { padding-top: var(--ag-space-lg); padding-bottom: var(--ag-space-3xl); }
  .ag-post .ag-post__h1 { font-size: var(--ag-size-title); }
  .ag-post .ag-post__head { margin-bottom: var(--ag-space-lg); }
  .ag-post .ag-cover { aspect-ratio: 1.6; }
  .ag-post .ag-post__pic { margin-bottom: var(--ag-space-xl); }
  .ag-post .ag-post__nav { flex-direction: column; gap: var(--ag-space-lg); }
  .ag-post .ag-post__nav > .ag-post__nav-next { text-align: left; align-items: flex-start; margin-left: 0; }
  .ag-post .ag-post__nav a, .ag-post .ag-entry__title { font-size: var(--ag-size-card); }
  .ag-post .ag-post__related { margin-top: var(--ag-space-3xl); }
  .ag-post .ag-post__entries { grid-template-columns: minmax(0, 1fr); }
  .ag-post .ag-entry { padding: var(--ag-space-md); }
  .ag-post .ag-post__close { padding: var(--ag-space-xl) var(--ag-space-md); }
  .ag-post .ag-post__close-h { font-size: var(--ag-size-subhead); }
  .ag-post .ag-post__close-body { font-size: var(--ag-size-body); }
}

@media (prefers-reduced-motion: reduce) {
  .ag-post a, .ag-post .ag-post__btn, .ag-post .ag-entry { transition: none; }
}