/* Mist-white optical simulation colour variant. Layout, motion and interaction
   remain owned by the existing archive styles; this layer only re-colours the
   product and removes homepage chapter imagery. */
:root{
  --ink:#20282b;
  --muted:#667175;
  --night:#f3f5f5;
  --line:rgba(37,48,52,.18);
  --gold:#746f65;
  --gold-soft:#69655d;
  --ledger-ink:#20282b;
  --ledger-gold:#746f65;
  --ledger-cream:#20282b;
  --archive-gold:#746f65;
  --archive-gold-bright:#58554f;
  --archive-panel:rgba(255,255,255,.72);
}

html,body,body.home-mode{background:#f3f5f5;color:#20282b}
.stars{opacity:.1;background-image:radial-gradient(circle at 20% 10%,rgba(50,61,65,.7) 0 1px,transparent 1.8px),radial-gradient(circle at 80% 75%,rgba(50,61,65,.55) 0 1px,transparent 1.8px)}
.site-header,body.home-mode .site-header,body:not(.home-mode) .site-header{color:#20282b;border-bottom-color:rgba(36,47,51,.13);background:linear-gradient(180deg,rgba(243,245,245,.98),rgba(243,245,245,.88) 58%,rgba(243,245,245,.58));box-shadow:0 12px 30px rgba(50,61,65,.05)}
body.home-mode .site-header::after,body:not(.home-mode) .site-header::after{background:linear-gradient(180deg,rgba(243,245,245,.8),transparent);filter:blur(9px)}
.brand,.site-header nav a{color:#263034;text-shadow:none}
.site-header nav a:hover{color:#80683d}

.home-experience--ledger{background:transparent}
.home-backdrop,.home-experience--ledger .ledger-floor{background:#f3f5f5}
.home-experience--ledger .ledger-hero{background:transparent!important}
.home-backdrop{background:radial-gradient(ellipse 54% 56% at 50% 45%,#fff 0,#f8fafa 40%,#f3f5f5 72%,#e9eded 100%)}
.home-hero-atmosphere{display:none}
.home-gem-canvas{background:none;mix-blend-mode:normal}
.home-gem-canvas canvas{filter:saturate(1.08) contrast(1.055) brightness(1.04);mix-blend-mode:normal}
.home-hero-vignette{display:block;background:radial-gradient(ellipse 65% 70% at 50% 47%,transparent 34%,rgba(134,146,150,.04) 52%,rgba(108,120,124,.13) 76%,rgba(82,94,98,.24) 100%)}
.home-backdrop__video{display:none!important}
.home-backdrop__layer{background:none!important;opacity:0!important;filter:none!important;transform:none!important}
.home-backdrop__shade{display:none!important}
.ledger-hero__copy--archive .hero-credit{color:#354044;text-shadow:0 1px 12px rgba(255,255,255,.85)}
body.home-mode.smoke-floor-active #lightswind-smoke-root{mix-blend-mode:multiply;opacity:calc(var(--smoke-opacity) * .36)}
#lightswind-smoke-root canvas{opacity:.34}
#lightswind-smoke-root::after{mix-blend-mode:multiply;opacity:.38;filter:blur(24px) saturate(.88)}

.archive-loader{background:#f3f5f5}
.archive-loader__crest{background-color:#f3f5f5;filter:sepia(.12) saturate(.84) contrast(.92) blur(16px)}
.archive-loader.is-ready .archive-loader__crest{filter:sepia(.12) saturate(.84) contrast(.92) blur(0)}
.archive-loader__track{background:rgba(40,51,55,.17)}
.archive-loader__track i{background:#80683d}

.home-rail{background:rgba(248,250,250,.78);border-left-color:rgba(45,56,60,.16);box-shadow:-12px 0 32px rgba(66,77,81,.05);backdrop-filter:blur(18px) saturate(112%)}
.home-rail>a,.home-rail__mark{color:#596468}
.home-rail>a::before{background:#f3f5f5;border-color:#80683d}
.home-rail>a::after{border-color:rgba(128,104,61,.34)}
.home-rail>a.is-active{color:#20282b}
.home-rail>a.is-active::before{background:#80683d;box-shadow:0 0 0 4px rgba(128,104,61,.1),0 0 17px rgba(128,104,61,.18)}

.recent-archive{background:rgba(255,255,255,.66);border-color:rgba(43,54,58,.16);box-shadow:0 28px 80px rgba(72,84,88,.1);backdrop-filter:blur(24px) saturate(105%)}
.recent-archive__track{border-color:rgba(43,54,58,.18)}
.recent-file{border-color:rgba(43,54,58,.15);background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(235,239,239,.22))}
.recent-file>span,.recent-file>p,.eyebrow{color:#80683d!important}
.recent-file h2 a,.recent-file small{color:#273135}
.recent-file:hover{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(229,234,234,.72));box-shadow:0 18px 38px rgba(71,82,86,.12)}
.recent-file:hover h2 a{color:#111719;text-decoration-color:#80683d}

.ledger-floor:not(.ledger-hero){background:#f3f5f5!important}
.ledger-floor:not(.ledger-hero)::before{display:block!important;background:radial-gradient(ellipse 60% 48% at 74% 42%,rgba(255,255,255,.88),transparent 72%),linear-gradient(180deg,rgba(243,245,245,0),#f3f5f5 96%)}
.ledger-floor:not(.ledger-hero)::after{display:block!important;background:linear-gradient(180deg,#f3f5f5,rgba(243,245,245,.25) 18%,rgba(243,245,245,.12) 72%,#f3f5f5)}
.ledger-scene,.ledger-floor__video{display:none!important}
.floor-watermark,.ledger-floor--people .floor-watermark{color:rgba(30,39,42,.16)}
.floor-watermark span,.ledger-floor--people .floor-watermark span{color:rgba(30,39,42,.28)}
.ledger-floor__copy,.ledger-floor--people .ledger-floor__copy,.ledger-floor--people .ledger-floor__copy .eyebrow{color:#20282b}
.ledger-floor__copy h2{color:#20282b;text-shadow:0 8px 30px rgba(255,255,255,.75)}
.ledger-button,.ledger-floor--people .ledger-button{color:#5f4c2d;border-color:rgba(128,104,61,.68)}
.ledger-button:hover{color:#20282b;background:rgba(255,255,255,.6);border-color:#80683d}

.world-atlas,.ledger-floor--world .world-atlas{border-color:rgba(47,58,62,.2);background:rgba(255,255,255,.28);box-shadow:0 24px 70px rgba(63,75,79,.08)}
.world-atlas article,.ledger-floor--world .world-atlas__tile,.ledger-floor--world .world-atlas__tile.is-default,.ledger-floor--world .world-atlas:hover .world-atlas__tile:hover,.ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within{border-color:rgba(47,58,62,.17);background-color:rgba(255,255,255,.52);background-image:linear-gradient(155deg,rgba(255,255,255,.86),rgba(226,232,232,.52))!important;backdrop-filter:blur(14px) saturate(105%);box-shadow:none}
.ledger-floor--world .world-atlas__tile::before{background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(210,218,218,.22));opacity:1}
.world-atlas span,.chronicle-ledger span{color:#80683d}
.world-atlas h3 a,.world-atlas p,.world-atlas small{color:#263034}

.ledger-floor--people .people-ledger article,.scene--palace .profile-card{color:#20282b;background:linear-gradient(155deg,rgba(255,255,255,.9),rgba(226,231,232,.78));border-color:rgba(54,65,69,.2);box-shadow:7px 9px 0 rgba(81,92,96,.09),0 18px 40px rgba(81,92,96,.08)}
.ledger-floor--people .character-portrait,.scene--palace .portrait{background:radial-gradient(ellipse at 50% 28%,rgba(255,255,255,.92),transparent 34%),linear-gradient(155deg,#e3d9e2,#c9d1d2 72%,#abb7b9);border-color:rgba(94,75,98,.28);box-shadow:inset 0 0 0 7px rgba(255,255,255,.46),0 10px 26px rgba(72,82,86,.14)}
.ledger-floor--people .character-card__role,.scene--palace .character-card__role{color:#705d39}
.ledger-floor--people .people-ledger .card-rule,.scene--palace .profile-card .card-rule{border-color:rgba(112,93,57,.6)}
@media (hover:hover) and (min-width:861px){.ledger-floor--people .people-ledger article{filter:brightness(.97)}.ledger-floor--people .people-ledger article:hover,.ledger-floor--people .people-ledger article:focus-within{filter:brightness(1);background:linear-gradient(155deg,#fff,#e5eaea);border-color:rgba(128,104,61,.42);box-shadow:8px 11px 0 rgba(81,92,96,.08),0 24px 46px rgba(81,92,96,.13)}}

.chronicle-rail__viewport,.chronicle-ledger>div{border-color:rgba(56,68,72,.2)}
.chronicle-rail__viewport article,.chronicle-ledger article{border-color:rgba(56,68,72,.18);background:transparent}
.chronicle-rail__viewport article::before{border-color:rgba(56,68,72,.18)}
.chronicle-rail__viewport h3 a,.chronicle-ledger h3 a{color:#263034}

body:not(.home-mode) .scene{background:#f3f5f5;color:#20282b}
body:not(.home-mode) .scene::before{opacity:.1;filter:grayscale(.2) contrast(.86) brightness(1.12);animation:mist-directory-lens 2.8s cubic-bezier(.16,.84,.28,1) both}
body:not(.home-mode) .scene::after{background:#f3f5f5}
body:not(.home-mode) .scene__wash{background:rgba(243,245,245,.76);animation:mist-directory-wash 2.2s ease both}
body:not(.home-mode) .scene__grain{opacity:.035;mix-blend-mode:multiply}
@keyframes mist-directory-lens{from{opacity:.02;filter:blur(25px) grayscale(.2) brightness(1.2);transform:scale(1.28) translate3d(0,4%,0)}to{opacity:.1;filter:blur(0) grayscale(.2) contrast(.86) brightness(1.12);transform:scale(1.018)}}
@keyframes mist-directory-wash{from{opacity:1}to{opacity:.84}}
.page-head,.page-head--light,.page-head--light>p:last-child,.scene--palace .page-head--light,.scene--palace .page-head--light>p:last-child{color:#20282b;text-shadow:none}
.page-head>p:last-child,.scene--palace .page-head--light>p:last-child{color:#596468}
.timeline--panel,.archive-paper,.detail-page,.scene--palace .detail-page--palace{color:#20282b;background:rgba(255,255,255,.72);border-color:rgba(48,59,63,.18);box-shadow:18px 24px 60px rgba(69,81,85,.1);backdrop-filter:blur(16px)}
.scene--palace .detail-page--palace h1{color:#20282b}
.timeline-date,.timeline-entry p,.world-list p,.detail-page>p:not(.back):not(.eyebrow),.scene--palace .detail-page--palace>p:not(.back):not(.eyebrow),.scene--palace .detail-page--palace blockquote,.story-header>p:last-child,.story-body,.note-placeholder{color:#4f5b5f}
.timeline-entry h2 a,.world-list h2 a,.detail-page h1,.story-header h1{color:#20282b}
.timeline-entry>a,.back a,.world-list__arrow,.scene--palace .detail-page--palace .back a{color:#80683d!important}
.timeline-dot{background:#80683d;border-color:#f3f5f5;box-shadow:0 0 0 5px rgba(128,104,61,.12),0 0 18px rgba(128,104,61,.25)}
.timeline-item:not(:last-child)::after,.world-list,.world-list article,.related-section{border-color:rgba(47,58,62,.18)}
.world-list article:hover{background:linear-gradient(90deg,rgba(255,255,255,.8),transparent)}
.archive-grid article{background:rgba(255,255,255,.62);border-color:rgba(47,58,62,.18)}
.archive-grid p,.tag-links a{color:#4f5b5f}
.tag-links a{border-color:rgba(47,58,62,.2)}
.detail-page blockquote{color:#354044;border-color:#80683d}

footer{color:#667175;border-top-color:rgba(43,54,58,.14)}

@media(prefers-reduced-motion:reduce){body:not(.home-mode) .scene::before{opacity:.1!important;filter:grayscale(.2) contrast(.86) brightness(1.12)!important}}

/* Light-theme seam polish: one continuous mist field, with atmosphere that
   dissolves before the edge instead of reading as stacked rectangles. */
.home-backdrop{
  background:radial-gradient(ellipse 78% 76% at 50% 44%,#eff1f1 0 54%,#f1f3f3 76%,#f3f5f5 100%);
}
.home-gem-canvas canvas{
  filter:saturate(1.06) contrast(1.025) brightness(1.07);
}
.home-hero-vignette{
  background:radial-gradient(ellipse 78% 76% at 50% 46%,transparent 0 54%,rgba(116,126,129,.025) 68%,rgba(91,102,105,.09) 86%,rgba(74,85,88,.14) 100%);
}

.recent-archive{
  isolation:isolate;
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.recent-archive::before{
  content:"";
  display:block!important;
  position:absolute;
  z-index:-1;
  inset:-5rem -7vw;
  pointer-events:none;
  background:radial-gradient(ellipse 76% 72% at 50% 50%,rgba(255,255,255,.72) 0,rgba(255,255,255,.48) 46%,rgba(246,248,248,.2) 68%,transparent 88%);
  filter:blur(22px);
}
.recent-archive::after{display:none!important}

.home-experience--ledger .ledger-floor:not(.ledger-hero),
.ledger-floor:not(.ledger-hero){background:transparent!important}
.ledger-floor:not(.ledger-hero)::before{
  display:block!important;
  inset:0;
  background:radial-gradient(ellipse 74% 64% at 66% 45%,rgba(255,255,255,.58) 0,rgba(255,255,255,.34) 38%,rgba(249,250,250,.14) 62%,transparent 87%);
}
.ledger-floor:not(.ledger-hero)::after{
  display:block!important;
  inset:0;
  background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.1) 22%,rgba(255,255,255,.12) 72%,transparent 100%);
}

/* Replace the former bright yellow-gold with a quiet neutral bronze that
   remains legible against the mist-white field without glowing. */
.site-header nav a:hover,
.recent-file>span,.recent-file>p,.eyebrow,
.world-atlas span,.chronicle-ledger span,
.ledger-floor--people .character-card__role,.scene--palace .character-card__role,
.timeline-entry>a,.back a,.world-list__arrow,.scene--palace .detail-page--palace .back a{
  color:#746f65!important;
}
.archive-loader__track i,
.home-rail>a.is-active::before,
.timeline-dot{background:#746f65}
.home-rail>a::before{border-color:#746f65}
.home-rail>a::after{border-color:rgba(87,83,76,.24)}
.home-rail>a.is-active::before{
  box-shadow:0 0 0 4px rgba(87,83,76,.08),0 0 14px rgba(87,83,76,.13);
}
.ledger-button,.ledger-floor--people .ledger-button{
  color:#5f5b54;
  border-color:rgba(95,91,84,.46);
}
.ledger-button:hover{border-color:#746f65}
.recent-file:hover h2 a{color:#111719;text-decoration-color:#746f65}
.ledger-floor--people .people-ledger .card-rule,.scene--palace .profile-card .card-rule{border-color:rgba(95,91,84,.38)}
.timeline-dot{
  border-color:#f3f5f5;
  box-shadow:0 0 0 5px rgba(87,83,76,.08),0 0 14px rgba(87,83,76,.12);
}
.detail-page blockquote{border-color:#746f65}

/* Decorative surfaces are kept cool and translucent so their outlines do not
   overpower the content hierarchy in the light variation. */
.world-atlas,.ledger-floor--world .world-atlas{
  border-color:rgba(57,68,72,.15);
  background:rgba(255,255,255,.18);
  box-shadow:0 24px 70px rgba(63,75,79,.045);
}
.world-atlas article,.ledger-floor--world .world-atlas__tile,.ledger-floor--world .world-atlas__tile.is-default,.ledger-floor--world .world-atlas:hover .world-atlas__tile:hover,.ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within{
  border-color:rgba(57,68,72,.13);
  background-color:rgba(255,255,255,.4);
  background-image:linear-gradient(155deg,rgba(255,255,255,.64),rgba(231,235,235,.32))!important;
}
.ledger-floor--world .world-atlas__tile::before{
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(216,223,223,.12));
}
.ledger-floor--world .world-atlas__tile::after{
  background:linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(169,180,182,.08) 62%,rgba(111,123,126,.18) 100%);
}
.ledger-floor--people .people-ledger article,.scene--palace .profile-card{
  background:linear-gradient(155deg,rgba(255,255,255,.76),rgba(231,235,235,.62));
  border-color:rgba(57,68,72,.15);
  box-shadow:7px 9px 0 rgba(81,92,96,.055),0 18px 40px rgba(81,92,96,.055);
}
.ledger-floor--people .character-portrait,.scene--palace .portrait{
  background:linear-gradient(155deg,rgba(247,248,248,.96),rgba(221,226,226,.9) 70%,rgba(198,207,208,.84));
  border-color:rgba(71,82,86,.2);
  box-shadow:inset 0 0 0 7px rgba(255,255,255,.36),0 10px 24px rgba(72,82,86,.09);
}
.ledger-floor--people .character-card--reserved .character-portrait{
  filter:saturate(.22) brightness(1.025);
  opacity:.74;
}
@media (hover:hover) and (min-width:861px){
  .ledger-floor--people .people-ledger article:hover,.ledger-floor--people .people-ledger article:focus-within{
    border-color:rgba(95,91,84,.28);
  }
  .ledger-floor--people .people-ledger article:hover .character-portrait,.scene--palace .profile-card:hover .portrait{
    border-color:rgba(71,82,86,.28);
    box-shadow:inset 0 0 0 7px rgba(255,255,255,.42),0 13px 27px rgba(72,82,86,.12);
  }
}

/* Directory pages share the homepage's plain mist field.  The former ocean,
   palace and forest plates (and their fixed washes) are intentionally absent. */
body:not(.home-mode) .scene,
body:not(.home-mode) .scene--ocean,
body:not(.home-mode) .scene--palace,
body:not(.home-mode) .scene--forest{
  background:#f3f5f5!important;
  background-image:none!important;
}
body:not(.home-mode) .scene::before{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
  animation:none!important;
}
body:not(.home-mode) .scene__wash,
body:not(.home-mode) .scene__grain{
  display:none!important;
  background:none!important;
  opacity:0!important;
  animation:none!important;
}

/* Neutral interaction palette for all three directories. */
body:not(.home-mode) .world-list article:hover,
body:not(.home-mode) .timeline-item:hover .timeline-entry{
  background:linear-gradient(90deg,rgba(92,99,100,.065),transparent 78%);
  border-color:rgba(62,72,75,.2);
}
body:not(.home-mode) .profile-card:hover,
body:not(.home-mode) .profile-card:focus-within{
  border-color:rgba(79,87,88,.24);
  background:linear-gradient(155deg,rgba(255,255,255,.9),rgba(229,234,234,.74));
  box-shadow:8px 13px 0 rgba(81,92,96,.055),0 22px 40px rgba(81,92,96,.1);
}
body:not(.home-mode) .timeline-item:hover .timeline-dot{
  background:#746f65;
  border-color:#f3f5f5;
  box-shadow:0 0 0 7px rgba(87,83,76,.08),0 0 17px rgba(87,83,76,.14);
}
body:not(.home-mode) .profile-card:hover h2 a,
body:not(.home-mode) .world-list>article:hover h2 a,
body:not(.home-mode) .timeline-item:hover h2 a{
  color:#20282b;
  text-decoration-color:rgba(95,91,84,.42);
}
body:not(.home-mode) .world-list>article>span,
body:not(.home-mode) .timeline-entry>span,
body:not(.home-mode) .profile-card>span,
body:not(.home-mode) .world-list__arrow,
body:not(.home-mode) .timeline-entry>a{
  color:#746f65!important;
}
body:not(.home-mode) .world-list h2 a,
body:not(.home-mode) .timeline-entry h2 a,
body:not(.home-mode) .profile-card h2 a{
  color:#20282b;
  text-decoration-color:rgba(95,91,84,.28);
}
body:not(.home-mode) .back a:hover,
body:not(.home-mode) .tag-links>a:hover{
  color:#4f4c47;
  border-color:rgba(95,91,84,.34);
  background:rgba(92,99,100,.055);
}
body:not(.home-mode) a:focus-visible{
  outline-color:#746f65;
}

/* The byline remains clean and fully present at the hero resting state; its
   existing scroll fade continues to take over only after scrolling starts. */
.ledger-hero__copy--archive .hero-credit{
  color:#fff!important;
  text-shadow:none!important;
  opacity:1;
}

/* Increase the orange-red fluid cursor's density without changing its flow. */
body.home-mode.smoke-floor-active #lightswind-smoke-root{
  opacity:calc(var(--smoke-opacity) * .62);
}
#lightswind-smoke-root canvas{opacity:.72}
#lightswind-smoke-root::after{
  background:radial-gradient(
    circle 148px at var(--smoke-x) var(--smoke-y),
    rgba(255,255,255,.82) 0 10%,
    rgba(255,251,224,.68) 28%,
    rgba(255,239,166,.42) 54%,
    rgba(255,229,124,.16) 74%,
    transparent 100%
  );
  filter:blur(10px) saturate(.94);
  opacity:.76;
}

/* Stretch each real record link across its full tile. Reserved character
   placeholders remain inert, while keyboard focus continues to land on the
   semantic title link. */
.world-atlas__tile,
.people-ledger>article,
.profile-card{
  position:relative;
}
[data-card-route]{cursor:pointer}
.world-atlas__tile h3 a::after,
.people-ledger>article:not(.character-card--reserved) h3 a::after,
.profile-card h2 a::after{
  content:"";
  position:absolute;
  z-index:6;
  inset:0;
  cursor:pointer;
}
.people-ledger h3 a,
.profile-card h2 a{
  text-decoration:none;
}
.people-ledger>article:hover h3 a,
.people-ledger>article:focus-within h3 a,
.profile-card:hover h2 a,
.profile-card:focus-within h2 a{
  text-decoration-line:underline;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(95,91,84,.42);
  text-underline-offset:.18em;
}
.ledger-floor--timeline .chronicle-rail__viewport::before{
  border-left-color:rgba(72,82,85,.16);
}
.ledger-floor--timeline .chronicle-rail__viewport article::before{
  border-color:#d9dcdb;
  background:#77736b;
  box-shadow:0 0 0 5px rgba(86,82,75,.07),0 0 13px rgba(86,82,75,.1);
}
.world-atlas h3 a,.chronicle-rail__viewport h3 a,.recent-file h2 a{
  text-decoration-color:rgba(95,91,84,.32);
}

/* 2026-09-30 interaction and responsive refinement.  The light homepage is
   one continuous field: floor-local pseudo plates created a travelling seam
   below Recent Archive, so only the fixed backdrop now carries atmosphere. */
body.home-mode .ledger-floor:not(.ledger-hero)::before,
body.home-mode .ledger-floor:not(.ledger-hero)::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Character names use one stable underline geometry.  Only its colour fades
   in, preventing the baseline jump caused by creating the decoration on hover. */
.people-ledger h3 a,
.scene--palace .profile-card h2 a{
  text-decoration-line:underline!important;
  text-decoration-thickness:2px!important;
  text-decoration-color:transparent!important;
  text-underline-offset:.16em!important;
  text-decoration-skip-ink:auto;
  transition:color .32s ease,text-decoration-color .32s ease;
}
.people-ledger>article:not(.character-card--reserved):hover h3 a,
.people-ledger>article:not(.character-card--reserved):focus-within h3 a,
.scene--palace .profile-card:hover h2 a,
.scene--palace .profile-card:focus-within h2 a{
  text-decoration-color:rgba(84,81,75,.52)!important;
}

/* Catalogue placeholders communicate absence and therefore stay inert. */
.ledger-floor--people .people-ledger .character-card--reserved{
  cursor:default!important;
}
@media (hover:hover) and (pointer:fine){
  .ledger-floor--people .people-ledger .character-card--reserved:hover,
  .ledger-floor--people .people-ledger .character-card--reserved:focus-within{
    z-index:auto!important;
    transform:none!important;
    filter:brightness(.86)!important;
    background:linear-gradient(155deg,rgba(255,255,255,.76),rgba(231,235,235,.62))!important;
    border-color:rgba(57,68,72,.15)!important;
    box-shadow:7px 9px 0 rgba(81,92,96,.055),0 18px 40px rgba(81,92,96,.055)!important;
  }
  .ledger-floor--people .people-ledger .character-card--reserved:hover .character-portrait,
  .ledger-floor--people .people-ledger .character-card--reserved:focus-within .character-portrait{
    transform:none!important;
    border-color:rgba(71,82,86,.2)!important;
    box-shadow:inset 0 0 0 7px rgba(255,255,255,.36),0 10px 24px rgba(72,82,86,.09)!important;
  }

  /* Chronicle records may brighten and lift their type, but the archival node
     stays pinned to the timeline instead of travelling sideways with the row. */
  .ledger-floor--timeline .chronicle-rail__viewport>article:hover{
    transform:none!important;
    background:linear-gradient(90deg,rgba(92,99,100,.065),transparent 76%)!important;
  }
  .ledger-floor--timeline .chronicle-rail__viewport>article:hover::before{
    transform:scale(1.08)!important;
    transform-origin:center;
  }
  .ledger-floor--timeline .chronicle-rail__viewport>article h3{
    transition:transform .42s cubic-bezier(.16,.84,.28,1),color .3s ease;
  }
  .ledger-floor--timeline .chronicle-rail__viewport>article:hover h3{
    transform:translateY(-2px);
  }
}

/* Expanded World records always reserve exactly two readable lines. */
.world-atlas__tile p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.36!important;
  min-height:2.72em;
  max-height:2.72em;
}

/* In the three-column Character breakpoint the accordion becomes the site's
   alternate compact atlas: five equal glass files in a balanced 3 + 2 grid. */
@media (min-width:861px) and (max-width:1399px){
  .ledger-floor--world .world-atlas{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    height:auto!important;
    min-height:0;
    overflow:visible;
    gap:12px;
    border:0;
    background:transparent;
  }
  .ledger-floor--world .world-atlas__tile,
  .ledger-floor--world .world-atlas__tile.is-default,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover{
    position:relative;
    display:flex;
    flex-direction:column;
    flex:none!important;
    min-height:190px;
    padding:20px;
    border:1px solid rgba(57,68,72,.14)!important;
    filter:none!important;
  }
  .ledger-floor--world .world-atlas__tile h3,
  .ledger-floor--world .world-atlas__tile.is-default h3,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover h3{
    position:static;
    margin:16px 0 10px;
    font-size:clamp(20px,2vw,27px);
    transform:none;
  }
  .ledger-floor--world .world-atlas__tile p,
  .ledger-floor--world .world-atlas__tile small,
  .ledger-floor--world .world-atlas__tile.is-default p,
  .ledger-floor--world .world-atlas__tile.is-default small,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover p,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover small{
    position:static;
    inset:auto;
    opacity:1;
    transform:none;
  }
  .ledger-floor--world .world-atlas__tile p{margin:auto 0 12px;font-size:14px}
  .ledger-floor--world .world-atlas__tile small{margin-top:0}
}

/* Supplementary files keep their lift but no longer flash to a near-black
   panel in the mist theme. */
@media (hover:hover) and (pointer:fine){
  body:not(.home-mode) .archive-grid>article:hover,
  body:not(.home-mode) .archive-grid>article:focus-within{
    border-color:rgba(79,87,88,.25)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(229,234,234,.74))!important;
    box-shadow:0 18px 34px rgba(81,92,96,.11)!important;
  }
  body:not(.home-mode) .archive-grid>article:hover h3 a,
  body:not(.home-mode) .archive-grid>article:focus-within h3 a{
    color:#20282b!important;
    text-decoration-color:rgba(95,91,84,.48)!important;
  }
}
.related-section--records{margin:0 0 42px;padding:22px 0;border-top:1px solid rgba(47,58,62,.18);border-bottom:1px solid rgba(47,58,62,.18)}
.related-section--records + .story-image{margin-top:0}
.timeline-entry>h2:first-child{margin-top:0}

/* Narrow layouts are navigation-light and content-first. */
@media (max-width:860px){
  body.home-mode .home-rail{display:none!important}
  body.home-mode .ledger-floor{padding-right:22px}
  .ledger-floor--world .world-atlas{
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    justify-self:stretch;
    overflow:hidden;
  }
  .ledger-floor--world .world-atlas__tile,
  .ledger-floor--world .world-atlas__tile.is-default{
    min-height:0!important;
    padding:18px 20px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(47,58,62,.17)!important;
  }
  .ledger-floor--world .world-atlas__tile:last-child{border-bottom:0!important}
  .ledger-floor--world .world-atlas__tile h3{margin:10px 0!important}
  .ledger-floor--world .world-atlas__tile p{margin:0 0 8px!important}
  .ledger-floor--world .ledger-floor__directory-link{
    width:auto;
    max-width:100%;
    justify-self:end;
  }
  .timeline--panel{width:100%;margin-inline:0;padding:26px 18px 4px}
  .timeline-item{grid-template-columns:24px minmax(0,1fr)!important;column-gap:10px}
  .timeline-date{min-width:0;padding-right:0;overflow-wrap:anywhere}
  .timeline-entry{min-width:0}
  .timeline-entry h2{font-size:clamp(24px,7.5vw,34px)}
  .timeline-entry p{font-size:15px;line-height:1.55}
  .ledger-floor--people .people-ledger,
  .scene--palace .profile-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    gap:10px;
  }
  .ledger-floor--people .people-ledger article,
  .scene--palace .profile-card{
    aspect-ratio:3/4!important;
    min-width:0;
    padding:clamp(10px,3vw,14px);
  }
  .ledger-floor--people .character-card__role,
  .scene--palace .character-card__role{
    min-height:2.55em;
    font-size:clamp(9px,2.7vw,12px)!important;
    overflow-wrap:anywhere;
  }
  .ledger-floor--people .people-ledger h3,
  .scene--palace .profile-card h2{
    font-size:clamp(18px,5.6vw,26px)!important;
  }
  .ledger-floor--people .character-portrait,
  .scene--palace .portrait{width:64%;margin-bottom:10px}
}

/* The loader stays entirely neutral during its handoff.  Removing the warm
   burn colour also prevents a one-frame yellow GPU-compositing rectangle. */
.archive-loader__crest{background-color:transparent}
.archive-loader__track i{background:#737b7d}

/* Preserve every Character card dimension; only raise the rendered name a
   few pixels so its hover underline clears the title beneath it. */
.ledger-floor--people .people-ledger h3,
.scene--palace .profile-card h2{transform:translateY(-3px)}

/* World records always remain inside their chapter surface. Medium-width
   desktops release the legacy 760px minimum; short and narrow viewports use
   compact grids so the records and directory action can be seen together. */
@media (min-width:861px) and (max-width:1399px){
  .ledger-floor--world{grid-template-columns:minmax(210px,30%) minmax(0,1fr)!important;gap:clamp(20px,3vw,44px)!important}
  .ledger-floor--world .world-atlas{width:100%!important;max-width:100%!important;justify-self:stretch!important}
  .ledger-floor--world .ledger-floor__directory-link{max-width:100%;justify-self:end}
}
@media (max-width:860px){
  body.home-mode .ledger-floor--world{gap:14px;padding-top:80px;padding-bottom:70px}
  .ledger-floor--world .world-atlas{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;border:0!important;overflow:visible}
  .ledger-floor--world .world-atlas__tile,
  .ledger-floor--world .world-atlas__tile.is-default,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover{
    position:relative!important;display:flex!important;min-height:118px!important;padding:12px 14px!important;border:1px solid rgba(47,58,62,.17)!important
  }
  .ledger-floor--world .world-atlas__tile h3{position:static!important;margin:8px 0 7px!important;font-size:clamp(17px,4.5vw,23px)!important;line-height:1!important;transform:none!important}
  .ledger-floor--world .world-atlas__tile p{position:static!important;margin:auto 0 6px!important;min-height:2.72em;font-size:12px!important;opacity:1!important;transform:none!important}
  .ledger-floor--world .world-atlas__tile small{position:static!important;margin:0!important;font-size:9px;opacity:1!important;transform:none!important}
  .ledger-floor--world .ledger-floor__directory-link{margin-top:0;justify-self:end;max-width:100%}
}
@media (min-width:620px) and (max-width:860px){
  .ledger-floor--world .world-atlas{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (min-width:861px) and (max-height:780px){
  .ledger-floor--world .world-atlas{height:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0!important}
  .ledger-floor--world .world-atlas__tile,
  .ledger-floor--world .world-atlas__tile.is-default,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover{position:relative;display:flex;flex:none!important;min-height:138px;padding:15px 16px;border:1px solid rgba(47,58,62,.17)!important}
  .ledger-floor--world .world-atlas__tile h3{position:static!important;margin:8px 0 7px!important;font-size:clamp(17px,1.8vw,23px)!important;transform:none!important}
  .ledger-floor--world .world-atlas__tile p,.ledger-floor--world .world-atlas__tile small{position:static!important;opacity:1!important;transform:none!important}
  .ledger-floor--world .world-atlas__tile p{margin:auto 0 6px!important;font-size:12px!important}
  .ledger-floor--world .ledger-floor__directory-link{margin-top:0;max-width:100%;justify-self:end}
}

/* Undo the legacy single-column Character rule at phone widths. */
@media (max-width:520px){
  .ledger-floor--people .people-ledger,
  .scene--palace .profile-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
}

/* Limit persistent compositor layers; interactive elements are promoted only
   while they are moving, reducing GPU memory pressure on the long homepage. */
.recent-file,.world-atlas__tile,.people-ledger>article,.chronicle-rail__viewport>article,
.timeline-item,.profile-card,.world-list>article,.archive-grid>article,.tag-links>a{
  will-change:auto;
}
.recent-file:hover,.world-atlas__tile:hover,.people-ledger>article:hover,
.chronicle-rail__viewport>article:hover,.timeline-item:hover,.profile-card:hover,
.world-list>article:hover,.archive-grid>article:hover,.tag-links>a:hover{
  will-change:transform;
}

/* At the narrowest width, the last watermark line meets the first headline
   line at its optical centre without pushing the record grid farther down. */
@media (max-width:700px){
  .ledger-floor--world .floor-watermark{top:-2px}
  .ledger-floor--people .floor-watermark,
  .ledger-floor--timeline .floor-watermark{top:27px}
}

/* Compact World records sit directly on the page field rather than on white
   glass slabs. Their separators remain so the catalogue is still scannable. */
@media (max-width:860px){
  .ledger-floor--world .world-atlas,
  .ledger-floor--world .world-atlas__tile,
  .ledger-floor--world .world-atlas__tile.is-default,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .ledger-floor--world .world-atlas__tile::before,
  .ledger-floor--world .world-atlas__tile::after{display:none!important}

  /* The first timeline node follows the title at one stable distance; record
     count only extends the chronology downward. */
  .ledger-floor--timeline{align-content:start!important;gap:22px!important}
  .ledger-floor--timeline .chronicle-ledger{
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    margin-top:0!important;
    align-self:start!important;
  }
}

/* Compact World records reserve their image layer for uploaded covers only. */
@media (max-width:1399px){
  .ledger-floor--world .world-atlas{
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .ledger-floor--world .world-atlas__tile,
  .ledger-floor--world .world-atlas__tile.is-default,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within{
    position:relative!important;
    isolation:isolate;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none;
    transition:transform .42s cubic-bezier(.16,.84,.28,1),border-color .35s ease!important;
  }
  .ledger-floor--world .world-atlas__tile::before{
    content:""!important;
    display:block!important;
    position:absolute;
    inset:0!important;
    z-index:-2;
    background-image:none!important;
    background-size:cover!important;
    background-position:center!important;
    filter:none!important;
    transform:none!important;
    opacity:.2!important;
    transition:opacity .46s ease,filter .46s ease!important;
  }
  .ledger-floor--world .world-atlas__tile::after{
    content:""!important;
    display:block!important;
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(180deg,rgba(19,25,27,.13),rgba(16,22,24,.48))!important;
    opacity:1;
    transition:background .46s ease!important;
  }
  .ledger-floor--world .world-atlas__tile>span,
  .ledger-floor--world .world-atlas__tile h3 a,
  .ledger-floor--world .world-atlas__tile p,
  .ledger-floor--world .world-atlas__tile small{color:#fff!important}
  .ledger-floor--world .world-atlas__tile h3,
  .ledger-floor--world .world-atlas__tile p,
  .ledger-floor--world .world-atlas__tile small{
    opacity:1!important;
    transform:none!important;
  }
}
@media (max-width:1399px) and (hover:hover) and (pointer:fine){
  .ledger-floor--world .world-atlas__tile:hover,
  .ledger-floor--world .world-atlas__tile:focus-within{
    z-index:3;
    transform:translateY(-4px) scale(1.025)!important;
    border-color:rgba(255,255,255,.38)!important;
  }
  .ledger-floor--world .world-atlas__tile:hover::before,
  .ledger-floor--world .world-atlas__tile:focus-within::before{
    opacity:.72!important;
    filter:blur(3px) saturate(.82) brightness(.66)!important;
  }
  .ledger-floor--world .world-atlas__tile:hover::after,
  .ledger-floor--world .world-atlas__tile:focus-within::after{
    background:linear-gradient(180deg,rgba(14,20,22,.08),rgba(10,16,18,.62))!important;
  }
}

/* The widest World accordion has no shared backing slab. Closed records keep
   a faint, softly blurred trace of their own image which dissolves before the
   title; the open record receives a denser lower veil for readable copy. */
@media (min-width:1400px){
  .ledger-floor--world .world-atlas{background:none!important;box-shadow:none!important;backdrop-filter:none!important}
  .ledger-floor--world .world-atlas__tile,
  .ledger-floor--world .world-atlas__tile.is-default,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile.is-default:not(:hover){
    background-color:#f8f9f8!important;
    background-image:none!important;
    backdrop-filter:none!important;
  }
  .ledger-floor--world .world-atlas__tile::before{
    inset:-12px;
    z-index:-2;
    background-image:none;
    background-size:cover;
    background-position:center;
    filter:blur(11px) saturate(.66) brightness(.98);
    transform:scale(1.07);
    opacity:.34;
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 36%,rgba(0,0,0,.62) 58%,transparent 86%);
    mask-image:linear-gradient(180deg,#000 0,#000 36%,rgba(0,0,0,.62) 58%,transparent 86%);
  }
  .ledger-floor--world .world-atlas__tile.has-cover::before{background-image:var(--entry-cover)}
  .ledger-floor--world .world-atlas__tile:not(.has-cover)::before{opacity:0!important;filter:none;transform:none}
  .ledger-floor--world .world-atlas__tile::after{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 58%,transparent 100%)}
  .ledger-floor--world .world-atlas__tile h3{bottom:28px!important}
  .ledger-floor--world .world-atlas__tile p,
  .ledger-floor--world .world-atlas__tile small{opacity:0!important;transform:translateY(18px)!important}
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile.is-default,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within{
    background-color:#f8f9f8!important;
    background-image:none!important;
  }
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile.is-default h3,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover h3,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within h3{bottom:175px!important}
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile.is-default p,
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile.is-default small,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover p,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover small,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within p,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within small{opacity:1!important;transform:none!important}
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile.is-default::before,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover::before,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within::before{opacity:0}
  .ledger-floor--world .world-atlas:hover .world-atlas__tile.is-default:not(:hover):not(:focus-within)::before,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile.is-default:not(:focus-within)::before{opacity:0!important}
  .ledger-floor--world .world-atlas:hover .world-atlas__tile.is-default:not(:hover),
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile.is-default:not(:focus-within){background:#f8f9f8!important;filter:none!important}
  .ledger-floor--world .world-atlas:hover .world-atlas__tile.is-default:not(:hover)::after,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile.is-default:not(:focus-within)::after{background:none!important;opacity:0!important}
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile.is-default::after,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover::after,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within::after{background:linear-gradient(0deg,rgba(16,21,22,.92) 0,rgba(19,24,25,.72) 30%,rgba(22,27,28,.28) 56%,transparent 76%)}
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile.is-default h3 a,
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile.is-default p,
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile.is-default small,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover h3 a,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover p,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover small,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within h3 a,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within p,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within small{color:#f4f5f4}
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile.is-default>span,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover>span,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within>span{color:#fff!important}

  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile:not(.has-cover).is-default h3 a,
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile:not(.has-cover).is-default p,
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile:not(.has-cover).is-default small,
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile:not(.has-cover).is-default>span,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:not(.has-cover):hover h3 a,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:not(.has-cover):hover p,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:not(.has-cover):hover small,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:not(.has-cover):hover>span,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:not(.has-cover):focus-within h3 a,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:not(.has-cover):focus-within p,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:not(.has-cover):focus-within small,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:not(.has-cover):focus-within>span{color:#263034!important}
  .ledger-floor--world .world-atlas__tile:not(.has-cover)::after{background:none!important;opacity:0!important}

  /* Every accordion record uses the same title scale for the same state. */
  .ledger-floor--world .world-atlas__tile h3{font-size:clamp(18px,1.35vw,23px)!important;line-height:.95!important}
  .ledger-floor--world .world-atlas:not(:hover):not(:has(.world-atlas__tile:focus-within)) .world-atlas__tile.is-default h3,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover h3,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within h3{font-size:clamp(22px,2.3vw,30px)!important;line-height:1!important}
}

/* Compact World cards return to a simple paper state. The photograph and
   white type appear only on interaction; text geometry never changes. */
@media (max-width:1399px){
  .ledger-floor--world .world-atlas__tile,
  .ledger-floor--world .world-atlas__tile.is-default,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile,
  .ledger-floor--world .world-atlas:hover .world-atlas__tile:hover,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within{
    overflow:hidden!important;
    background:#f8f9f8!important;
    border-color:rgba(47,58,62,.18)!important;
  }
  .ledger-floor--world .world-atlas__tile::before{
    display:block!important;
    inset:0!important;
    box-sizing:border-box!important;
    border-radius:inherit!important;
    background-image:none!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    filter:none!important;
    transform:none!important;
    opacity:0!important;
    transition:opacity .42s ease!important;
  }
  .ledger-floor--world .world-atlas__tile::after{
    display:block!important;
    inset:0!important;
    box-sizing:border-box!important;
    border-radius:inherit!important;
    background:linear-gradient(180deg,rgba(17,23,25,.16),rgba(12,18,20,.7))!important;
    opacity:0!important;
    transition:opacity .42s ease!important;
  }
  .ledger-floor--world .world-atlas__tile.has-cover::before{background-image:var(--entry-cover)!important}
  .ledger-floor--world .world-atlas__tile>span,
  .ledger-floor--world .world-atlas__tile h3 a,
  .ledger-floor--world .world-atlas__tile p,
  .ledger-floor--world .world-atlas__tile small{
    color:#263034!important;
    transition:color .3s ease!important;
  }
  .ledger-floor--world .world-atlas__tile h3{
    font-size:clamp(18px,2vw,23px)!important;
    line-height:1!important;
  }
}
@media (max-width:1399px) and (hover:hover) and (pointer:fine){
  .ledger-floor--world .world-atlas:hover .world-atlas__tile.has-cover:hover,
  .ledger-floor--world .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile.has-cover:focus-within{background:#20292b!important}
  .ledger-floor--world .world-atlas__tile.has-cover:hover::before,
  .ledger-floor--world .world-atlas__tile.has-cover:focus-within::before{opacity:.86!important;filter:none!important}
  .ledger-floor--world .world-atlas__tile.has-cover:hover::after,
  .ledger-floor--world .world-atlas__tile.has-cover:focus-within::after{opacity:1!important}
  .ledger-floor--world .world-atlas__tile.has-cover:hover>span,
  .ledger-floor--world .world-atlas__tile.has-cover:hover h3 a,
  .ledger-floor--world .world-atlas__tile.has-cover:hover p,
  .ledger-floor--world .world-atlas__tile.has-cover:hover small,
  .ledger-floor--world .world-atlas__tile.has-cover:focus-within>span,
  .ledger-floor--world .world-atlas__tile.has-cover:focus-within h3 a,
  .ledger-floor--world .world-atlas__tile.has-cover:focus-within p,
  .ledger-floor--world .world-atlas__tile.has-cover:focus-within small{color:#fff!important}
  .ledger-floor--world .world-atlas__tile:not(.has-cover):hover,
  .ledger-floor--world .world-atlas__tile:not(.has-cover):focus-within{background:#eef1f1!important;border-color:rgba(47,58,62,.24)!important}
  .ledger-floor--world .world-atlas__tile:not(.has-cover):hover::before,
  .ledger-floor--world .world-atlas__tile:not(.has-cover):focus-within::before,
  .ledger-floor--world .world-atlas__tile:not(.has-cover):hover::after,
  .ledger-floor--world .world-atlas__tile:not(.has-cover):focus-within::after{opacity:0!important}
}

/* Medium Timeline layouts use the available page width instead of squeezing
   the chronology into a narrow second column beside unused space. */
@media (min-width:861px) and (max-width:1399px){
  .ledger-floor--timeline{
    grid-template-columns:minmax(0,1fr)!important;
    align-content:start!important;
    gap:30px!important;
    padding-right:clamp(110px,13vw,150px)!important;
    padding-left:clamp(36px,6vw,76px)!important;
  }
  .ledger-floor--timeline .ledger-floor__copy{
    top:auto!important;
    max-width:560px!important;
    margin-top:0!important;
  }
  .ledger-floor--timeline .chronicle-ledger{
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    margin-top:0!important;
    justify-self:stretch!important;
  }
  .ledger-floor--timeline .ledger-floor__directory-link{
    grid-column:1!important;
    top:auto!important;
    margin-top:0!important;
  }
}

/* Keep the creator credit above the page field but beneath the fixed archive
   rail. It remains hidden for the complete loader handoff so it cannot flash
   through before the homepage has entered. */
html.motion-pending body.home-loading footer,
body.home-mode.home-loading footer,
body.home-mode:not(.home-intro-complete) footer{
  opacity:0;
  visibility:hidden;
}
body.home-mode footer{
  z-index:40;
  isolation:isolate;
  display:block;
  opacity:1;
  visibility:visible;
  background:#f3f5f5;
  transition:opacity .36s ease;
}
body.home-mode>.home-rail{z-index:90!important}

/* Timeline records form one compact reading group. Content may extend the
   floor naturally, while short lists no longer create an extra empty screen. */
.ledger-floor--timeline{
  min-height:calc(100svh + 140px)!important;
}
.ledger-floor--timeline .chronicle-rail__viewport article{
  min-height:76px!important;
  padding:13px 0!important;
  gap:12px!important;
}
.ledger-floor--timeline .chronicle-rail__viewport h3{
  line-height:1.08!important;
}
.ledger-floor--timeline .ledger-floor__directory-link{
  top:auto!important;
  margin-top:16px!important;
}
@media (min-width:1400px){
  .ledger-floor--timeline{
    align-content:start!important;
    padding-top:clamp(130px,15vh,180px)!important;
    padding-bottom:clamp(110px,13vh,160px)!important;
  }
  .ledger-floor--timeline .chronicle-ledger{
    top:-28px!important;
    margin-top:clamp(38px,5vh,62px)!important;
  }
  .ledger-floor--timeline .ledger-floor__directory-link{
    align-self:start!important;
  }
}
@media (min-width:861px) and (max-width:1399px){
  .ledger-floor--timeline{gap:20px!important}
  .ledger-floor--timeline .ledger-floor__directory-link{margin-top:4px!important}
}
@media (max-width:860px){
  .ledger-floor--timeline{
    min-height:auto!important;
    gap:16px!important;
    padding-bottom:100px!important;
  }
  .ledger-floor--timeline .ledger-floor__directory-link{margin-top:2px!important}
}