@layer pages {
.seal { display: block; position: relative; aspect-ratio: 1; color: var(--accent); --seal-hi: var(--gold-100); --seal-mid: var(--gold-500); --seal-lo: var(--gold-700); }
  [data-theme="light"] .seal { --seal-hi: var(--bronze-600); --seal-mid: var(--bronze-600); --seal-lo: var(--bronze-800); }
  [data-theme="dark"] .seal { --seal-hi: var(--gold-100); --seal-mid: var(--gold-500); --seal-lo: var(--gold-700); }
  .seal svg { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; overflow: visible; }
  .seal__hi { stop-color: var(--seal-hi); }
  .seal__mid { stop-color: var(--seal-mid); }
  .seal__lo { stop-color: var(--seal-lo); }
.post-tier { display: block; }
  .title-plate .post-tier--sub { margin-block-start: .5rem; font-size: clamp(1.75rem, 1.5rem + .55vw, 2rem); line-height: 1.16; letter-spacing: var(--track-heading); color: var(--fg-2); text-wrap: balance; }
  .post-updated { font-size: var(--step-ui); line-height: 1.4; color: var(--fg-2); font-variant-numeric: tabular-nums lining-nums; }
  .title-plate:has(.post-plate-seal) .title-plate__title { max-inline-size: 19em; }
  .post-plate-seal { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
  .post-plate-seal .seal { --size: 17rem; position: absolute; inset-block-start: 50%; inset-inline-end: -8.5rem; inline-size: var(--size); margin-block-start: calc(var(--size) / -2); opacity: .3; }
  @media (min-width: 600px) { .post-plate-seal .seal { --size: 20rem; inset-inline-end: -7rem; opacity: .42; } }
  @media (min-width: 1024px) {
    .post-plate-seal .seal { --size: clamp(18rem, 38.5vw - 6.6rem, 28rem); inset-inline-end: max(var(--gutter), calc((100vw - var(--content-max)) / 2)); opacity: .92; }
    .title-plate:has(.post-plate-seal) .title-plate__words { grid-column: 2 / span 8; }
  }
@media (min-width: 1024px) { .title-plate--post.title-plate--picture { min-block-size: clamp(20rem, 52svh, 30rem); } }
  @media (min-width: 1024px) and (max-height: 760px) {
    .title-plate--post.title-plate--picture { min-block-size: 18rem; }
    .title-plate--post.title-plate--picture .title-plate__words { padding-block: var(--space-5); }
  }
.title-plate .breadcrumbs > a:last-child { color: var(--label); }
@keyframes seal-rest { from { transform: rotate(-16deg); } }
  @keyframes seal-rest-back { from { transform: rotate(9deg); } }
  :root.mt :is(.post-plate-seal, .post-lead__media--seal, .academy-crest) .seal__ring { animation: seal-rest 1800ms var(--ease-reveal) 80ms both; }
  :root.mt :is(.post-plate-seal, .post-lead__media--seal, .academy-crest) .seal__glyph { animation: seal-rest-back 1800ms var(--ease-reveal) 80ms both; }
@keyframes seal-turn { to { rotate: 34deg; } }
  :root.mo.sda .title-plate:has(.post-plate-seal) { view-timeline: --plate block; }
  :root.mo.sda .post-plate-seal .seal__ring { animation: seal-turn linear both; animation-timeline: --plate; animation-range: exit 0% exit 100%; }
  :root.mt.sda .post-plate-seal .seal__ring { animation: seal-rest 1800ms var(--ease-reveal) 80ms both, seal-turn linear both; animation-timeline: auto, --plate; animation-range: normal, exit 0% exit 100%; }
.post-section { padding-block: var(--space-6); }
  .post-section.section--first { padding-block-start: var(--space-6); }
  .post { --post-measure: 33.25rem; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 var(--grid-gap); }
  .post__text { min-inline-size: 0; font-size: var(--step-reading); line-height: 1.66; }
  @media (min-width: 1024px) {
    .post-section.section--first { padding-block-start: var(--space-7); }
    .post { grid-template-columns: repeat(12, minmax(0, 1fr)); }
    .post-rail { grid-column: 1 / span 4; }
    .post__text { grid-column: 6 / -1; }
  }
  .post__text :is(.post-intro, .post-chapter__body) > p { max-inline-size: var(--post-measure); text-wrap: pretty; }
  .post-chapter__body > * + *, .post-intro > * + * { margin-block-start: var(--space-4); }
  .post-chapter__body > :is(.rows, .post-pair, .order-levels) { margin-block-start: var(--space-5); }
  .post-chapter__body > :is(.rows, .post-pair, .order-levels) + * { margin-block-start: var(--space-5); }
  .post-chapter__body > .rows + .post-note, .post-chapter__body > .post-note + .post-note { margin-block-start: var(--space-3); }
  .post-note { font-size: var(--step--1); line-height: var(--lh-fine); color: var(--fg-3); }
  .post-chapter__body > .post-note + .post-note { margin-block-start: var(--space-1); }
.post-notice { position: relative; display: grid; gap: var(--space-3); padding: var(--space-4); background: linear-gradient(180deg, var(--surface-raised), var(--surface) 140%); border: 1px solid var(--rule-soft); border-block-start-color: var(--rule); border-radius: 2px; font-size: 1rem; line-height: 1.55; }
  @media (min-width: 640px) { .post-notice { padding: var(--space-5); line-height: 1.6; } }
  .post-notice > p { max-inline-size: 40rem; }
  .post-notice > p:first-child { font-weight: var(--weight-medium); }
  .post-notice > p + p { padding-block-start: var(--space-3); border-block-start: 1px solid var(--rule); }
  .post-intro { margin-block-start: var(--space-5); font-size: 1.125rem; line-height: 1.65; }
.post-rail { display: none; }
  @media (min-width: 1024px) {
    .post-rail { display: grid; gap: var(--space-4); align-self: start; padding-inline-end: var(--space-4); }
    .post-toc { display: none; }
  }
@media (min-width: 1024px) and (min-height: 600px) {
    .post-rail { position: sticky; inset-block-start: calc(var(--header-h) + var(--space-5)); }
  }
  .post-rail__list a { --stop-y: .9375rem; position: relative; display: block; padding-block: .4375rem; padding-inline-start: 1.5rem; color: var(--fg); font-size: var(--step-ui); line-height: 1.45; text-decoration: none; }
  .post-rail__list a:hover .post-rail__text { text-decoration: underline 1px var(--accent); text-underline-offset: .3em; }
  .post-rail__text { display: block; text-wrap: pretty; }
  .post-rail__stop { position: absolute; z-index: 1; inset-block-start: calc(var(--stop-y) - 3.5px); inset-inline-start: 0; inline-size: 7px; block-size: 7px; rotate: 45deg; background: var(--surface); box-shadow: 0 0 0 1px var(--accent); }
  .post-rail__stop::after { content: ""; position: absolute; inset: 1px; background: var(--label-hi); opacity: 0; }
.post-rail__list a::before, .post-rail__list a::after { content: ""; position: absolute; inset-block: var(--stop-y) calc(-1 * var(--stop-y)); inset-inline-start: 3px; inline-size: 1px; }
  .post-rail__list a::before { background: var(--rule); }
  .post-rail__list a::after { background: var(--accent); transform-origin: 50% 0; transform: scaleY(0); }
  .post-rail__list li:last-child a::before, .post-rail__list li:last-child a::after { content: none; }
@supports (animation-timeline: view()) {
    .post { timeline-scope: --c0, --c1, --c2, --c3, --c4, --c5, --c6, --c7, --c8, --c9; }
    .post-chapter { view-timeline-name: var(--c); view-timeline-axis: block; view-timeline-inset: 34% 65.5%; }
    @keyframes rail-stop { 0% { opacity: 0; } .4%, 100% { opacity: 1; } }
    @keyframes rail-now { 0%, 100% { opacity: .64; } .4%, 99.6% { opacity: 1; } }
    @media (min-width: 1024px) {
      .post-rail__stop::after { animation: rail-stop linear both; animation-timeline: var(--c); animation-range: cover; }
      .post-rail__text { animation: rail-now linear both; animation-timeline: var(--c); animation-range: cover; }
    }
  }
  @keyframes rail-grow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@media (min-width: 1024px) {
    :root.mo.sda .post-rail__list a::after { animation: rail-grow linear both; animation-timeline: var(--c); animation-range: cover; }
  }
.post-toc { margin-block-start: var(--space-4); }
  .post-toc__list { display: grid; }
  .post-toc__list a { display: block; padding-block: .625rem; border-block-start: 1px solid var(--rule); color: var(--fg); font-size: .9375rem; line-height: 1.45; text-decoration: none; }
.post-chapter { padding-block-start: var(--space-6); }
  .post-chapter__title {
    position: relative; margin-block-end: 1.125rem; padding-block-start: 1.25rem; border-block-start: 1px solid var(--rule);
    font-family: var(--heading-family); font-weight: var(--heading-weight); font-stretch: var(--heading-stretch);
    font-size: clamp(1.75rem, 1.55rem + .7vw, 2.125rem); line-height: 1.14; letter-spacing: var(--heading-track); text-wrap: balance;
  }
  @media (min-width: 1024px) { .post-chapter { padding-block-start: var(--space-7); } }
.post-end { margin-block-start: var(--space-6); inline-size: 4.5rem; }
  @media (min-width: 1024px) { .post-end { margin-block-start: var(--space-7); } }
.rows { display: grid; border-block-end: 1px solid var(--rule); }
  .row { position: relative; padding-block: .8125rem .9375rem; font-size: .96875rem; line-height: 1.58; color: var(--fg-2); }
  .row::before { content: ""; position: absolute; inset-inline: 0; inset-block-start: 0; block-size: 1px; background: var(--rule); transform-origin: 0 50%; }
  [dir="rtl"] .row::before { transform-origin: 100% 50%; }
  .row__lead { display: block; font-weight: var(--weight-semibold); color: var(--fg); line-height: 1.45; }
  .row__lead--in { display: inline; }
  .row__text { display: block; max-inline-size: 31rem; text-wrap: pretty; }
  .rows--split .row { display: grid; gap: .25rem var(--grid-gap); }
@media (min-width: 640px) and (max-width: 1023.98px), (min-width: 1200px) {
    .rows--split .row { grid-template-columns: minmax(0, 11.5rem) minmax(0, 1fr); }
    .rows--split .row__lead { padding-block-start: .0625rem; }
  }
@media (min-width: 1200px) {
    .rows--cells { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--grid-gap); border-block-end: 0; }
    .rows--cells .row { display: block; }
    .rows--cells .row__lead { margin-block-end: .375rem; }
  }
.rows--path { border-block-end: 0; }
  .rows--path .row { padding-inline-start: 1.75rem; }
  .rows--path .row::before { inset-inline-start: 1.75rem; }
  .rows--path .row::after { content: ""; position: absolute; inset-block: 0; inset-inline-start: 3px; inline-size: 1px; background: var(--accent); transform-origin: 50% 0; }
  .rows--path .row:first-child::after { inset-block-start: 1.3125rem; }
  .rows--path .row:last-child::after { inset-block-end: auto; block-size: 1.3125rem; }
  .rows--path .row > .row__lead:first-child { position: relative; }
  .rows--path .row > .row__lead:first-child::before { content: ""; position: absolute; z-index: 1; inset-block-start: .4375rem; inset-inline-start: -1.75rem; inline-size: 7px; block-size: 7px; rotate: 45deg; background: var(--label-hi); box-shadow: 0 0 0 3px var(--surface); }
  @media screen {
    :root.mt[data-motion-ready] .row[data-m]:not([data-in])::before { transform: scaleX(0); }
    :root.mt .row[data-m][data-in=""]::before { transition: transform 620ms var(--ease-cut); }
    :root.mt[data-motion-ready] .rows--path .row[data-m]:not([data-in])::after { transform: scaleY(0); }
    :root.mt .rows--path .row[data-m][data-in=""]::after { transition: transform 620ms var(--ease-cut); }
    :root.mt[data-motion-ready] .rows--path .row[data-m]:not([data-in]) > .row__lead:first-child::before { opacity: 0; }
    :root.mt .rows--path .row[data-m][data-in=""] > .row__lead:first-child::before { transition: opacity 240ms linear 240ms; }
  }
.post-pair { display: grid; gap: var(--space-4) var(--grid-gap); }
  @media (min-width: 640px) and (max-width: 1023.98px), (min-width: 1200px) { .post-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .post-pair__cell { position: relative; padding-block-start: .875rem; font-size: .96875rem; line-height: 1.6; color: var(--fg-2); }
  .post-pair__cell::before { content: ""; position: absolute; inset-inline: 0; inset-block-start: 0; block-size: 1px; background: var(--rule); transform-origin: 0 50%; }
  [dir="rtl"] .post-pair__cell::before { transform-origin: 100% 50%; }
  .post-pair__title { margin-block-end: .375rem; font-size: 1rem; font-weight: var(--weight-semibold); line-height: 1.4; letter-spacing: 0; color: var(--fg); }
  @media screen {
    :root.mt[data-motion-ready] .post-pair[data-m]:not([data-in]) .post-pair__cell::before { transform: scaleX(0); }
    :root.mt .post-pair[data-m][data-in=""] .post-pair__cell::before { transition: transform 620ms var(--ease-cut); }
    :root.mt .post-pair[data-m][data-in=""] .post-pair__cell:nth-child(2)::before { transition-delay: 120ms; }
  }
.order-levels { padding: var(--space-5); background: var(--surface-sunken); border: 1px solid var(--rule); }
  .order-levels__title { font-size: 1rem; font-weight: var(--weight-semibold); line-height: 1.4; color: var(--fg); max-inline-size: 34rem; }
  .ol {
    --lot: 1.375rem; --lot-gap: 3px; --level-gap: 1.625rem; position: relative; display: grid; margin-block: var(--space-5) var(--space-4); column-gap: var(--grid-gap);
    grid-template-columns: minmax(0, 1fr); align-items: center;
    grid-template-areas: "o-label" "o-lots" "f-label" "f-lots" "f-note" "n-label" "n-lots" "n-note";
  }
  .ol__label { font-size: var(--step--1); line-height: 1.35; color: var(--fg-2); }
  .ol__label--order { grid-area: o-label; color: var(--fg); font-weight: var(--weight-semibold); }
  .ol__label--first { grid-area: f-label; margin-block-start: var(--space-5); }
  .ol__label--next { grid-area: n-label; margin-block-start: var(--space-5); }
  .ol__lots { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(13, minmax(0, 1fr)); gap: var(--lot-gap); margin-block-start: .5rem; }
  .ol__lots--order { grid-area: o-lots; }
  .ol__lots--first { grid-area: f-lots; }
  .ol__lots--next { grid-area: n-lots; }
  .ol__lot { grid-column: var(--at); position: relative; display: block; block-size: var(--lot); box-shadow: inset 0 0 0 1px var(--accent); }
  .ol__lot--order { background: var(--accent); box-shadow: none; }
  .ol__lot--fills::after { content: ""; position: absolute; inset: 0; background: var(--accent); }
  .ol__note { margin-block-start: .5rem; font-size: var(--step--1); line-height: 1.35; font-weight: var(--weight-semibold); color: var(--label-hi); }
  .ol__note--first { grid-area: f-note; }
  .ol__note--next { grid-area: n-note; }
  .ol__paths { display: none; }
  @media (min-width: 640px) {
    .ol { grid-template-columns: 11rem minmax(0, 1fr); grid-template-areas: "o-label o-lots" "f-label f-lots" "n-label n-lots"; row-gap: var(--level-gap); }
    .ol__label--first, .ol__label--next, .ol__lots, .ol__note { margin-block-start: 0; }
.ol__note { white-space: nowrap; }
    .ol__note--first { grid-area: f-lots; margin-inline-start: calc((100% + var(--lot-gap)) * 6.5 / 13 + .75rem); }
    .ol__note--next { grid-area: n-lots; display: flex; justify-content: flex-end; inline-size: calc((100% + var(--lot-gap)) * 5 / 13 - .75rem); }
.ol__paths { display: block; grid-column: 2; grid-row: 1 / span 3; align-self: stretch; position: relative; }
    .ol__bracket { position: absolute; inset-block-start: calc(var(--lot) + 3px); block-size: 5px; border: 1px solid var(--accent); border-block-start: 0; transform-origin: 0 50%; }
    .ol__bracket--first { inset-inline-start: 0; inline-size: calc((100% + var(--lot-gap)) * 5 / 13 - var(--lot-gap)); }
    .ol__bracket--next { inset-inline-start: calc((100% + var(--lot-gap)) * 5 / 13); inline-size: calc((100% + var(--lot-gap)) * 3 / 13 - var(--lot-gap)); }
    .ol__drop { position: absolute; inset-block-start: calc(var(--lot) + 8px); inline-size: 1px; background: var(--accent); transform-origin: 50% 0; }
    .ol__drop--first { inset-inline-start: calc((100% + var(--lot-gap)) * 2.5 / 13); block-size: calc(var(--level-gap) - 8px); }
    .ol__drop--next { inset-inline-start: calc((100% + var(--lot-gap)) * 6.5 / 13); block-size: calc(2 * var(--level-gap) + var(--lot) - 8px); }
    [dir="rtl"] .ol__bracket { transform-origin: 100% 50%; }
  }
@media screen {
    :root.mt[data-motion-ready] .order-levels[data-m]:not([data-in]) .ol__lot--order { opacity: 0; translate: -10px 0; }
    :root.mt .order-levels[data-m][data-in=""] .ol__lot--order { transition: opacity 360ms var(--ease-reveal) calc(var(--at) * 50ms), translate 560ms var(--ease-reveal) calc(var(--at) * 50ms); }
    :root.mt[data-motion-ready] .order-levels[data-m]:not([data-in]) .ol__bracket { transform: scaleX(0); }
    :root.mt .order-levels[data-m][data-in=""] .ol__bracket { transition: transform 360ms var(--ease-cut) 520ms; }
    :root.mt[data-motion-ready] .order-levels[data-m]:not([data-in]) .ol__drop { transform: scaleY(0); }
    :root.mt .order-levels[data-m][data-in=""] .ol__drop--first { transition: transform 260ms var(--ease-cut) 800ms; }
    :root.mt .order-levels[data-m][data-in=""] .ol__drop--next { transition: transform 520ms var(--ease-cut) 1280ms; }
    :root.mt[data-motion-ready] .order-levels[data-m]:not([data-in]) .ol__lot--fills::after { opacity: 0; }
    :root.mt .order-levels[data-m][data-in=""] .ol__lots--first .ol__lot--fills::after { transition: opacity 180ms linear calc(960ms + var(--at) * 50ms); }
    :root.mt .order-levels[data-m][data-in=""] .ol__lots--next .ol__lot--fills::after { transition: opacity 180ms linear calc(1600ms + (var(--at) - 5) * 80ms); }
    :root.mt[data-motion-ready] .order-levels[data-m]:not([data-in]) .ol__note { opacity: 0; translate: 0 6px; }
    :root.mt .order-levels[data-m][data-in=""] .ol__note--first { transition: opacity 420ms var(--ease-reveal) 1120ms, translate 620ms var(--ease-reveal) 1120ms; }
    :root.mt .order-levels[data-m][data-in=""] .ol__note--next { transition: opacity 420ms var(--ease-reveal) 1820ms, translate 620ms var(--ease-reveal) 1820ms; }
  }
.post-sources-section.section--first { padding-block: 0 var(--space-7); }
  .post-sources { border-block-start-color: var(--rule); }
  .post-sources .chapter-row__title { font-size: 1.75rem; }
  .post-sources__list { padding-inline-start: 1.625rem; font-size: var(--step--1); line-height: 1.5; color: var(--fg-2); }
  .post-sources__list li { padding-inline-start: .25rem; break-inside: avoid; }
  .post-sources__list li + li { margin-block-start: .5rem; }
  .post-sources__list li::marker { color: var(--fg-3); font-variant-numeric: tabular-nums; }
  .post-sources__list a { color: inherit; text-decoration-color: var(--rule); text-underline-offset: .22em; }
  .post-sources__list a:hover { color: var(--fg); text-decoration-color: var(--accent); }
  @media (min-width: 1200px) { .post-sources__list { columns: 2; column-gap: calc(var(--grid-gap) * 2); } }
.close-band__text:empty { display: none; }
.title-plate.title-plate--academy .title-plate__words { justify-items: center; gap: var(--space-4); text-align: center; }
  .title-plate--academy .breadcrumbs { justify-content: center; }
@media (min-width: 640px) {
    .title-plate--academy .breadcrumbs::before, .title-plate--academy .breadcrumbs::after { content: ""; inline-size: 2.5rem; block-size: 1px; background: var(--rule-strong); }
    .title-plate--academy .breadcrumbs::before { margin-inline-end: var(--space-3); }
    .title-plate--academy .breadcrumbs::after { margin-inline-start: var(--space-3); }
  }
  .title-plate.title-plate--academy .title-plate__title { max-inline-size: none; font-size: clamp(2.5rem, 1.6rem + 3.2vw, 4.25rem); line-height: 1.04; letter-spacing: var(--track-display); }
  .title-plate--academy .title-plate__lead { max-inline-size: 32em; font-size: clamp(1.0625rem, 1rem + .3vw, 1.1875rem); }
  .academy-crest { order: -1; inline-size: 3.25rem; margin-block-end: calc(var(--space-2) * -1); }
  @media (min-width: 1024px) {
    .title-plate.title-plate--academy .title-plate__words { grid-column: 2 / span 12; padding-block: var(--space-6) var(--space-7); }
    .title-plate--academy .title-plate__title .t-line { display: inline; }
    .academy-crest { inline-size: 3.75rem; }
  }
  @media (min-width: 1024px) and (max-height: 760px) {
    .title-plate.title-plate--academy .title-plate__words { gap: var(--space-3); padding-block: var(--space-5) var(--space-6); }
    .title-plate.title-plate--academy .title-plate__title { font-size: clamp(2.5rem, 1.4rem + 2.6vw, 3.5rem); }
    .academy-crest { inline-size: 2.75rem; }
  }
.blog-section { padding-block: var(--space-6) var(--space-8); }
  .blog-section.section--first { padding-block-start: var(--space-6); }
  @media (min-width: 1024px) and (max-height: 760px) { .blog-section.section--first { padding-block-start: var(--space-5); } }
.post-card__media, .post-lead__media { position: relative; display: block; overflow: hidden; aspect-ratio: 3 / 2; background: var(--surface-sunken); }
  .post-card__img, .post-lead__img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; filter: var(--photo-grade); }
  .post-lead__picture { display: contents; }    
  :is(.post-card__media, .post-lead__media):not(.post-lead__media--seal)::before { content: ""; position: absolute; inset: 0; z-index: 1; background: var(--photo-veil); pointer-events: none; }
  :is(.post-card__media, .post-lead__media):not(.post-lead__media--seal)::after { content: ""; position: absolute; inset: var(--space-3); z-index: 1; border: var(--photo-rule); pointer-events: none; }
.post-lead { position: relative; display: grid; gap: var(--space-5) var(--grid-gap); color: var(--fg); text-decoration: none; }
  .post-lead__words { display: grid; justify-items: start; align-content: center; gap: var(--space-3); }
  .post-lead .post-card__excerpt { font-size: var(--step-reading); line-height: 1.65; max-inline-size: 34rem; }
.post-lead__media--seal { display: grid; place-items: center; }
  .post-lead__media--seal .seal { inline-size: min(64%, 19rem); }
  @media (min-width: 768px) {
    .post-lead { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: calc(var(--grid-gap) * 2); align-items: center; }
  }
  @media (min-width: 1024px) { .post-lead { column-gap: var(--space-8); } .post-lead__media { aspect-ratio: 16 / 9; } }
  .post-card__title { font-family: var(--font-sans); font-weight: inherit; }
  .post-card__title > .m-clip { padding-block-end: .5rem; margin-block-end: -.5rem; }
  .post-tier:not(.post-tier--sub) { font-family: var(--heading-family); font-weight: var(--heading-weight); }
  .post-card__title .post-tier:not(.post-tier--sub) { font-size: 1.625rem; line-height: 1.14; letter-spacing: var(--heading-track); text-wrap: balance; }
  .post-card__title .post-tier--sub { margin-block-start: .375rem; font-family: var(--font-sans); font-size: .9375rem; font-weight: var(--weight-medium); line-height: 1.45; letter-spacing: 0; color: var(--fg-2); text-wrap: pretty; }
  .post-lead .post-card__title .post-tier:not(.post-tier--sub) { font-size: clamp(2rem, 1.75rem + 1vw, 2.625rem); line-height: 1.08; letter-spacing: var(--track-heading); }
  .post-lead .post-card__title .post-tier--sub { font-family: var(--heading-family); font-size: clamp(1.5rem, 1.4rem + .35vw, 1.75rem); font-weight: var(--heading-weight); line-height: 1.14; letter-spacing: var(--track-heading); text-wrap: balance; }
.post-card__updated {
    font-family: var(--font-sans); font-size: var(--step--2); font-weight: var(--weight-semibold); line-height: var(--lh-label);
    letter-spacing: var(--track-label); text-transform: uppercase; color: var(--fg-3); font-variant-numeric: tabular-nums lining-nums;
  }
  .post-card__excerpt { font-size: .9375rem; line-height: 1.6; color: var(--fg-2); text-wrap: pretty; }
.post-cards { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: var(--grid-gap); margin-block-start: var(--space-7); }
  .post-cards__item { display: grid; grid-row: span 4; grid-template-rows: subgrid; }
  @media (min-width: 640px) { .post-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: calc(var(--grid-gap) * 1.5); } }
  @media (min-width: 640px) and (max-width: 1023.98px) {
    .post-cards__item:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .post-cards__item:last-child:nth-child(odd) .post-card__excerpt { max-inline-size: 36rem; }
  }
  @media (min-width: 1024px) { .post-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: calc(var(--grid-gap) * 1.75); margin-block-start: var(--space-8); } }
  .post-card { position: relative; display: grid; grid-row: span 4; grid-template-rows: subgrid; justify-items: start; row-gap: .75rem; padding-block: var(--space-5) var(--space-7); border-block-start: 1px solid var(--rule); color: var(--fg); text-decoration: none; }
  .post-card--photo { padding-block-start: 0; border-block-start: 0; }
  .post-card--photo .post-card__media { justify-self: stretch; margin-block-end: var(--space-2); }
  .post-card > .seal { inline-size: 4.5rem; margin-block-end: .25rem; }
  @media (min-width: 1024px) { .post-card > .seal { inline-size: 5.5rem; margin-block-end: .5rem; } }
  .post-lead .link-more { margin-block-start: .25rem; }
  .post-lead:hover .link-more > span { text-decoration-color: currentColor; }
  .post-lead:hover .link-more .icon { transform: translateX(4px); }
  [dir="rtl"] .post-lead:hover .link-more .icon--dir { transform: scaleX(-1) translateX(4px); }
  .post-card:is(:hover, :focus-visible) .post-tier:not(.post-tier--sub) { text-decoration: underline 1px var(--accent); text-underline-offset: .18em; }
  :root.mo .seal__ring { transition: rotate 700ms var(--ease-reveal); }
  :root.mo :is(.post-card, .post-lead):is(:hover, :focus-visible) .seal__ring { rotate: 14deg; }
:root.mo :is(.post-card__img, .post-lead__img) { transition: transform 1200ms var(--ease-reveal); }
  :root.mo :is(.post-card, .post-lead):is(:hover, :focus-visible) :is(.post-card__img, .post-lead__img) { transform: scale(1.04); }
@media screen {
    :root.mt[data-motion-ready] :is(.post-cards__item, .post-lead, .post-end)[data-m]:not([data-in]) .seal__ring { opacity: 0; transform: rotate(-22deg); }
    :root.mt[data-motion-ready] :is(.post-cards__item, .post-lead, .post-end)[data-m]:not([data-in]) .seal__glyph { opacity: 0; transform: scale(.94); }
    :root.mt :is(.post-cards__item, .post-lead, .post-end)[data-m][data-in=""] :is(.seal__ring, .seal__glyph) { transition: opacity 760ms var(--ease-reveal) calc(var(--i, 0) * 90ms), transform 1300ms var(--ease-reveal) calc(var(--i, 0) * 90ms), rotate 700ms var(--ease-reveal); }
    :root.mt[data-motion-ready] :is(.post-cards__item, .post-lead)[data-m]:not([data-in]) :is(.post-card__img, .post-lead__img) { opacity: 0; scale: 1.07; }
    :root.mt :is(.post-cards__item, .post-lead)[data-m][data-in=""] :is(.post-card__img, .post-lead__img) { transition: opacity 900ms var(--ease-reveal) calc(var(--i, 0) * 90ms), scale 1700ms var(--ease-reveal) calc(var(--i, 0) * 90ms), transform 1200ms var(--ease-reveal); }
  }
}
@layer motion {
.post-chapter__title > .m-rule, .post-card > .m-rule, .post-sources > .m-rule { display: block; }
  :root.mo .post-chapter__title, :root.mo .post-card { border-color: transparent; }
  .post-card > .m-rule { position: absolute; inset-inline: 0; }
  :root.mt .post-cards__item[data-m] .m-rule { transition-delay: calc(var(--i, 0) * 90ms); }
}