/* Omnia's reading rooms: pixel windows, quiet prose, and decorative light.
   Content never depends on an animation or script to become visible. */
.archive-filter {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  margin:16px 0 22px;
  background:#fff6de;
  border:2px solid #987cba;
  box-shadow:inset 2px 2px #fff,3px 3px #372452;
  color:#453165;
}
:is(.reading-page,.reading-chapter,.guide-content,.post,.archive-prose,.quest-story,.mentorship-book) {
  --reading-ink:#352858;
  --reading-accent:#bcecff;
  --reading-edge:#9478bb;
  --reading-shadow:inset 2px 2px 0 #fff,4px 4px 0 #372452;
}

/* Titles look like the cover of a small illustrated game book. */
.reading-heading,
.reading-page>.page-heading {
  position:relative;
  isolation:isolate;
  padding:29px 32px;
  background:
    linear-gradient(90deg,#ffffff80 1px,transparent 1px) 0 0 / 8px 8px,
    linear-gradient(125deg,#fff6d8 4%,#d7f3ff 58%,#f4dcff);
  border:4px solid var(--border,#231c45);
  box-shadow:inset 0 0 0 3px #fff9e9,5px 5px 0 #30204e;
}
.reading-heading h1,
.reading-page>.page-heading h1 {
  font:clamp(18px,2.5vw,28px)/1.75 var(--pixel);
  color:var(--deep-blue,#102b86);
  text-wrap:balance;
  text-shadow:2px 2px 0 #fff,4px 4px 0 #b6dcff;
  margin:11px 0 13px;
}
.reading-heading p,
.reading-page>.page-heading p {
  font:24px/1.4 var(--body);
  color:#57417c;
  max-width:65ch;
}

/* Keep the contents usable when the complete world history is present. */
.game-content .reading-layout {
  grid-template-columns:230px minmax(0,1fr);
  gap:24px;
}
.reading-toc,
.guide-index {
  background:linear-gradient(150deg,#def5ff,#ece0ff 70%,#fff0de);
  border:3px solid var(--border,#231c45);
  box-shadow:inset 2px 2px 0 #fff,4px 4px 0 #362350;
  scrollbar-width:thin;
  scrollbar-color:#a38cc6 #f4ebff;
}
.guide-index {
  max-height:calc(100vh - 44px);
  overflow:auto;
  overscroll-behavior:contain;
  padding:18px;
}
.reading-toc {
  padding:16px 19px;
  margin:0 0 24px;
}
.game-content .reading-toc { display:block; }
.reading-toc>summary {
  cursor:pointer;
  color:var(--deep-blue,#102b86);
  font:11px/1.9 var(--pixel);
  padding:5px 2px;
}
.reading-toc>details { margin-top:14px; }
.reading-toc>details+details { padding-top:15px; border-top:2px dashed #b49bcc; }
.reading-toc>details>summary,
.reading-overview>summary {
  cursor:pointer;
  color:#173a89;
  font:10px/1.9 var(--pixel);
  padding:8px 0;
}
.reading-toc>details[open]>summary { margin-bottom:7px; }
.reading-toc>details nav>a {
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:start;
  gap:9px;
}
.reading-toc .toc-numeral {
  font:8px/1.8 var(--pixel);
  color:#9361a9;
  padding-top:4px;
  white-space:nowrap;
}
.reading-overview[open]>summary {
  padding-bottom:16px;
  border-bottom:2px dashed #b097c7;
  margin-bottom:19px;
}
.reading-overview:not([open]) { padding-block:14px; }
.reading-jumps { display:flex; flex-wrap:wrap; gap:14px; margin-top:23px; }
.reading-jumps .button { font-size:9px; line-height:1.75; }
.reading-toc[open]>summary {
  border-bottom:2px dashed #b49bcc;
  margin-bottom:11px;
  padding-bottom:13px;
}
.reading-toc .guide-index {
  position:static;
  max-height:55vh;
  padding:0;
  border:0;
  background:none;
  box-shadow:none;
}
.reading-toc a,
.guide-index>a {
  display:block;
  padding:12px 8px;
  color:#493476;
  font:21px/1.3 var(--body);
  text-decoration:none;
  border-bottom:1px dashed #b39ccd;
  overflow-wrap:anywhere;
  transition:background-color .15s,box-shadow .15s;
}
.reading-toc a:last-child,
.guide-index>a:last-child { border-bottom:0; }
.reading-toc a:hover,
.reading-toc a:focus-visible,
.guide-index>a:hover,
.guide-index>a:focus-visible {
  color:#102b86;
  background:#fff7d6;
  box-shadow:inset 3px 0 0 #a761d7;
  text-decoration:underline;
  text-underline-offset:4px;
}

/* Each chapter is a cream page inside a colored, beveled pixel frame. */
.guide-content {
  padding:27px;
  background:linear-gradient(135deg,#fff9e3,#fff4df 75%,#edf7ff);
  box-shadow:inset 0 0 0 2px #fff,var(--window-shadow);
}
.reading-chapter,
.guide-section,
.posts-list>.post {
  position:relative;
  min-width:0;
  padding:25px 27px 28px;
  margin:0 0 27px;
  border:2px solid var(--reading-edge,#9478bb);
  background:linear-gradient(115deg,#fffdf0,#fff7e0);
  box-shadow:var(--reading-shadow);
  scroll-margin-top:24px;
  animation:omnia-reading-arrive .5s ease-out both;
}
.reading-chapter:nth-of-type(3n+2),
.guide-section:nth-of-type(3n+2),
.posts-list>.post:nth-child(3n+2) { --reading-accent:#f5d5ef; }
.reading-chapter:nth-of-type(3n),
.guide-section:nth-of-type(3n),
.posts-list>.post:nth-child(3n) { --reading-accent:#e4d6ff; }
.reading-chapter:last-child,
.guide-section:last-child,
.posts-list>.post:last-child { margin-bottom:5px; }
.reading-chapter-heading {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
  margin-bottom:21px;
}
.reading-chapter h2,
.guide-section h2,
.posts-list>.post>h2 {
  font:14px/1.9 var(--pixel);
  color:#102b86;
  background:linear-gradient(90deg,var(--reading-accent,#bcecff),#fff9e6);
  border-left:4px solid #8b59bc;
  box-shadow:inset 0 2px 0 #fff;
  padding:14px 16px;
  margin:12px -6px 23px;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.reading-chapter-heading h2 {
  flex:1 1 210px;
  margin:0;
}
.reading-chapter-heading>div { flex:1 1 220px; min-width:0; }
.reading-chapter-heading>div h2 { margin-top:9px; }
.reading-chapter-heading .eyebrow { font-size:8px; line-height:1.8; }
.reading-reference-heading {
  padding:23px 25px;
  margin:39px 0 26px;
  border:3px solid #714f95;
  background:linear-gradient(115deg,#d2f1ff,#e5d3ff 70%,#ffe4e8);
  box-shadow:inset 2px 2px 0 #fff,4px 4px 0 #c5a5d2;
  scroll-margin-top:24px;
}
.reading-reference-heading h2 { font:15px/1.8 var(--pixel); color:#153987; margin:10px 0 14px; }
.reading-reference-heading p { font:24px/1.4 var(--body); margin:0; color:#543c76; }
#reading-world-story-01 .reading-prose>p:nth-child(-n+3) {
  background:#f1e8fa;
  border-left:3px solid #ac8ac8;
  color:#70538c;
  font:19px/1.35 var(--body);
  padding:4px 13px;
  margin:0;
}
#reading-world-story-01 .reading-prose>p:first-child {
  font:8px/1.7 var(--pixel);
  color:#674087;
  padding-top:12px;
}
#reading-world-story-01 .reading-prose>p:nth-child(3) {
  padding-bottom:12px;
  margin-bottom:25px;
}
.chapter-marker,
.guide-number {
  display:inline-grid;
  place-items:center;
  min-width:52px;
  min-height:38px;
  padding:9px 12px;
  background:linear-gradient(#fff3bc,#ffda79);
  border:2px solid #795099;
  box-shadow:inset 2px 2px 0 #fff6d8,3px 3px 0 #c5a3d0;
  color:#63417e;
  font:10px/1.5 var(--pixel);
  letter-spacing:.04em;
}

/* Text is steady, dark, and generously spaced. No typewriter or shimmer text. */
:is(.reading-prose,.reading-chapter,.guide-section,.posts-list>.post,.archive-prose,.quest-story,.mentorship-book) p {
  font:24px/1.5 var(--body);
  color:var(--reading-ink,#352858);
  max-width:76ch;
  margin:0 0 1em;
  overflow-wrap:anywhere;
}
:is(.reading-prose,.reading-chapter,.guide-section,.posts-list>.post,.archive-prose,.quest-story,.mentorship-book) p:last-child { margin-bottom:0; }
.reading-prose :is(h3,h4),
.archive-prose :is(h3,h4),
.quest-story :is(h3,h4) {
  color:#78428f;
  font:11px/1.9 var(--pixel);
  margin:28px 0 15px;
  overflow-wrap:anywhere;
}
.reading-prose :is(ul,ol),
.reading-chapter :is(ul,ol),
.guide-section :is(ul,ol),
.archive-prose :is(ul,ol) {
  padding-left:27px;
  font:23px/1.5 var(--body);
  color:#493568;
}
.reading-prose li,
.reading-chapter li,
.guide-section li { margin:8px 0; }
.reading-prose :is(strong,b):not(.ink-accent):not(.ink-bold),
.reading-chapter :is(strong,b):not(.ink-accent):not(.ink-bold),
.post>p :is(strong,b):not(.ink-accent):not(.ink-bold) { color:#16398a; }
.reading-prose a,
.archive-prose a,
.quest-story a {
  color:#174faf;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
.reading-prose :is(img,video),
.archive-prose :is(img,video) { max-width:100%; height:auto; }
.reading-prose hr,
.archive-prose hr {
  height:4px;
  border:0;
  margin:29px 0;
  background:repeating-linear-gradient(90deg,#b4ddf7 0 14px,#e3c6ec 14px 28px,#ffe0a0 28px 42px);
}
.reading-callout,
.reading-prose blockquote,
.archive-prose blockquote {
  margin:22px 0;
  padding:18px 21px;
  background:linear-gradient(115deg,#dff3ff,#f0e2ff);
  border:2px solid #b093cb;
  border-left:5px solid #8760bb;
  box-shadow:inset 2px 2px 0 #fff;
  color:#4a3472;
  font:23px/1.5 var(--body);
}
.reading-intro,
.lore-intro {
  position:relative;
  padding:25px 27px;
  margin-bottom:28px;
  background:linear-gradient(120deg,#d8f3ff,#eee1ff 73%,#ffe6ed);
  border:2px solid #9277b8;
  box-shadow:var(--reading-shadow,inset 2px 2px 0 #fff,4px 4px 0 #372452);
}
.reading-intro p,
.lore-intro p,
.lore-intro .reading-prose p {
  font:25px/1.5 var(--body);
  color:#42316e;
  margin:0 0 1em;
}
.reading-intro p:last-child,
.lore-intro p:last-child { margin-bottom:0; }
.reading-intro>p:first-of-type::first-letter,
.lore-intro>p:first-of-type::first-letter {
  float:left;
  font:58px/.85 var(--body);
  color:#8c48a5;
  text-shadow:2px 2px 0 #fff8e4;
  padding:6px 7px 0 0;
}

/* Long-form pages follow the full chapter interior as the desktop shell grows. */
.reading-page {
  --reading-prose-size:clamp(24px,1.5vw,28px);
  --reading-prose-leading:1.5;
}
.reading-page .reading-prose {
  min-width:0;
  max-width:none;
}
.reading-page .guide-section p,
.reading-page .reading-callout p {
  max-width:none;
}
.reading-page .reading-prose :is(p,ul,ol,blockquote),
.reading-page .reading-callout {
  max-width:none;
  font-size:var(--reading-prose-size);
  line-height:var(--reading-prose-leading);
}

/* Reading inside a dialog carries the same book treatment. */
.archive-prose,
.quest-story {
  padding:24px 26px;
  margin:20px 0;
  border:2px solid #b59ace;
  background:linear-gradient(115deg,#fffdec,#fff4db);
  box-shadow:inset 2px 2px 0 #fff,3px 3px 0 #dec3e1;
}
.archive-prose>section {
  padding:20px 0 0;
  margin-top:26px;
  border-top:2px dashed #c1a0d4;
}
.archive-prose>section:first-child { margin-top:0; }
.posts-list>.post .post-meta { padding-bottom:13px; border-bottom:1px dashed #bca2cf; }
.posts-list>.post .event-dates {
  margin-top:22px;
  padding:15px 18px;
  background:linear-gradient(110deg,#dff4ff,#eee0ff);
  box-shadow:inset 2px 2px 0 #fff;
}
.posts-list>.post .management-actions { margin-top:24px; }
.mentorship-book>section {
  padding:23px;
  border:2px solid #a082c0;
  background:linear-gradient(115deg,#fffbe9,#fff3dc);
  box-shadow:inset 2px 2px 0 #fff,3px 3px 0 #dbc0df;
}
.mentorship-book>section>h3 {
  padding:12px 14px;
  margin:-8px -8px 21px;
  background:linear-gradient(90deg,#d2f0ff,#ead9ff,#fff3df);
  border-left:4px solid #9968bf;
  font:11px/1.85 var(--pixel);
}
.mentorship-chapter {
  background:#fff9e6;
  margin-bottom:15px;
  box-shadow:inset 2px 2px 0 #fff;
}
.mentorship-chapter>summary {
  padding:5px 0;
  color:#65417e;
  line-height:1.85;
}
.mentorship-chapter[open]>summary {
  padding-bottom:14px;
  border-bottom:1px dashed #b396ca;
}
.mentorship-book p.mentorship-meta { font-size:19px; color:#665180; }
.mentorship-book p.mentorship-public-note { font-size:21px; }
.guide-content .rank-ladder>div {
  display:grid;
  grid-template-columns:minmax(88px,.8fr) minmax(80px,.7fr) minmax(0,2fr);
  align-items:start;
}
.guide-content .rank-ladder>div p { font-size:21px; line-height:1.35; margin:0; }

/* Guild halls, home notes and preserved writing share the same reading rhythm. */
.feature-banner,
.announcement-teaser,
.community-grid>.paper-card { position:relative; }
.feature-banner {
  background:linear-gradient(110deg,#ccefff,#e6d6ff 66%,#ffdaea);
  box-shadow:inset 2px 2px 0 #fff,4px 4px 0 #372452;
}
.feature-banner>div { min-width:0; }
.feature-banner h3 { font:13px/1.9 var(--pixel); text-wrap:balance; margin:0 0 12px; }
.feature-banner p,
.community-grid>.paper-card>p {
  font:24px/1.45 var(--body);
  color:#453165;
  margin:0 0 1em;
  overflow-wrap:anywhere;
}
.feature-banner p:last-child,
.community-grid>.paper-card>p:last-child { margin-bottom:0; }
.community-grid>.paper-card {
  background:linear-gradient(125deg,#fffbe6,#fff5dc 72%,#e8f6ff);
  box-shadow:inset 0 0 0 2px #fff,4px 4px 0 #372452;
}
.community-grid>.paper-card>h2 {
  padding:14px 15px;
  margin:16px -5px 21px;
  background:linear-gradient(90deg,#ddedff,#eedaff 66%,#fff6dd);
  border-left:4px solid #9871b8;
  box-shadow:inset 0 2px 0 #fff;
  font:14px/1.85 var(--pixel);
}
.guild-members {
  padding-top:17px;
  border-top:2px dashed #bfa3d4;
  color:#51336f;
  font:22px/1.4 var(--body);
}
.guild-members>summary { padding:4px 0; }
.guild-members li { padding-block:5px; }
.hero-copy>p { font-size:25px; line-height:1.45; color:#493369; }
.create-card p,
.announcement-teaser p { font:23px/1.4 var(--body); color:#503769; }
.announcement-teaser {
  background:linear-gradient(120deg,#fff5d2,#ffe7ef 65%,#f0dfff);
}
.announcement-teaser h3 {
  font:26px/1.25 var(--body);
  color:#163d8b;
  padding-bottom:12px;
  border-bottom:1px dashed #bfa0ca;
  margin-bottom:15px;
}
.home-links .destination small { font-size:20px; line-height:1.25; color:#604578; }
.home-main .quest-tile p { font-size:23px; line-height:1.35; color:#4b3769; }
.mentorship-card p { font-size:23px; line-height:1.4; color:#4b3769; }
.historical-writing .archive-row {
  background:linear-gradient(115deg,#fff9e1,#f2e6ff 78%,#ffe6ed);
  border-color:#785491;
}
.historical-writing .archive-row:nth-of-type(even) {
  background:linear-gradient(115deg,#fff9e1,#dff2ff 78%,#eee0ff);
}
.archive-row p { font-size:23px; line-height:1.35; color:#574175; }
.historical-writing .archive-row h3 { line-height:1.65; }
.historical-writing .section-title,
.historical-writing .reading-reference-heading { margin-top:29px; }
.empty,
.empty-state,
.empty-panel,
.mentorship-empty {
  position:relative;
  min-width:0;
  padding:30px 26px;
  background:linear-gradient(130deg,#fff8df,#eaf8ff 65%,#f3e3ff);
  border:3px solid #8561a5;
  box-shadow:inset 3px 3px 0 #fff,4px 4px 0 #d3b7df;
}
.empty :is(h2,h3),
.empty-state :is(h2,h3),
.empty-panel :is(h2,h3) {
  color:#24428c;
  font:12px/1.9 var(--pixel);
  text-wrap:balance;
}
.empty p,
.empty-state p,
.empty-panel p,
.mentorship-empty p {
  color:#634778;
  font:24px/1.45 var(--body);
  max-width:52ch;
  margin:15px auto 21px;
}
.mentorship-empty p:last-child { margin-bottom:0; }
.empty-symbol {
  display:inline-grid;
  place-items:center;
  padding:13px;
  background:linear-gradient(#fff1be,#ffe0eb);
  border:2px solid #b38abd;
  box-shadow:inset 2px 2px 0 #fff,3px 3px 0 #d3bddf;
  color:#9762b0;
}
.empty-symbol svg { animation:omnia-reading-star 4s steps(3,end) infinite; }

/* Decorative pixels only: the prose itself never pulses, moves or fades. */
.reading-heading::after,
.reading-page>.page-heading::after,
.lore-intro::after,
.posts-list>.post::after,
.feature-banner::after,
.announcement-teaser::after,
.community-grid>.paper-card::after {
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  width:4px;
  height:4px;
  top:-4px;
  right:24px;
  background:#fff9cf;
  box-shadow:0 -4px 0 #fff9cf,0 4px 0 #fff9cf,-4px 0 0 #fff9cf,4px 0 0 #fff9cf,16px 7px 0 #ffc4e5;
  opacity:.6;
  animation:omnia-reading-glimmer 7s steps(3,end) infinite;
}
.posts-list>.post:nth-child(even)::after { animation-delay:-3.5s; }
@keyframes omnia-reading-arrive {
  from { box-shadow:var(--reading-shadow),0 0 0 4px #a9def788; }
  to { box-shadow:var(--reading-shadow),0 0 0 0 #a9def700; }
}
@keyframes omnia-reading-glimmer {
  0%,55%,100% { opacity:.4; }
  65%,78% { opacity:.85; }
}
@keyframes omnia-reading-star {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-3px); }
}

@media(max-width:1180px) {
  .reading-page .guide-layout,
  .game-content .guide-layout { grid-template-columns:minmax(0,1fr); }
  .guide-index { position:static; max-height:320px; }
  .reading-toc .guide-index { max-height:300px; }
}
@media(max-width:680px) {
  .reading-page {
    --reading-prose-size:23px;
    --reading-prose-leading:1.48;
  }
  .reading-heading,
  .reading-page>.page-heading { padding:22px; }
  .reading-heading h1,
  .reading-page>.page-heading h1 { font-size:18px; line-height:1.8; }
  .guide-content { padding:18px; }
  .reading-chapter,
  .guide-section,
  .posts-list>.post { padding:20px; margin-bottom:23px; }
  .reading-chapter h2,
  .guide-section h2,
  .posts-list>.post>h2 { font-size:12px; padding:12px; margin-left:-4px; margin-right:-4px; }
  .reading-chapter-heading { gap:14px; }
  .reading-chapter-heading>div { flex-basis:100%; }
  .reading-chapter-heading h2 { flex-basis:100%; }
  :is(.reading-prose,.reading-chapter,.guide-section,.posts-list>.post,.archive-prose,.quest-story,.mentorship-book) p,
  .guide-content .guide-section p { font-size:23px; line-height:1.48; }
  .reading-intro,
  .lore-intro { padding:20px; }
  .reading-intro p,
  .lore-intro p,
  .lore-intro .reading-prose p { font-size:24px; }
  .archive-prose,
  .quest-story,
  .mentorship-book>section { padding:19px; }
  .guide-content .rank-ladder>div { grid-template-columns:1fr 1fr; }
  .guide-content .rank-ladder>div p { grid-column:1/-1; }
  .reading-toc a,
  .guide-index>a { font-size:21px; padding:11px 6px; }
  .reading-jumps .button { font-size:8px; }
  .feature-banner { padding:21px; gap:16px; align-items:flex-start; }
  .feature-banner h3,
  .community-grid>.paper-card>h2 { font-size:12px; }
  .feature-banner p,
  .community-grid>.paper-card>p { font-size:23px; }
  .hero-copy>p { font-size:24px; }
  .reading-reference-heading { padding:21px; }
  .reading-reference-heading h2 { font-size:13px; }
  .mentorship-book p.mentorship-meta { font-size:19px; }
  .mentorship-book p.mentorship-public-note { font-size:21px; }
  .empty,.empty-state,.empty-panel,.mentorship-empty { padding:25px 21px; }
  .empty p,.empty-state p,.empty-panel p,.mentorship-empty p { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
  .reading-chapter,.guide-section,.posts-list>.post,
  .reading-heading::after,.reading-page>.page-heading::after,
  .lore-intro::after,.posts-list>.post::after,
  .feature-banner::after,.announcement-teaser::after,.community-grid>.paper-card::after,
  .empty-symbol svg {
    animation:none!important;
  }
  .reading-toc a,.guide-index>a { transition:none!important; }
}
html.reduce-motion :is(.reading-chapter,.guide-section,.posts-list>.post),
html.reduce-motion .reading-heading::after,
html.reduce-motion .reading-page>.page-heading::after,
html.reduce-motion .lore-intro::after,
html.reduce-motion .posts-list>.post::after,
html.reduce-motion .feature-banner::after,
html.reduce-motion .announcement-teaser::after,
html.reduce-motion .community-grid>.paper-card::after,
html.reduce-motion .empty-symbol svg {
  animation:none!important;
}
html.reduce-motion .reading-toc a,
html.reduce-motion .guide-index>a { transition:none!important; }

/* Archive shelves and reading windows keep the original words in a clearer frame. */
.archive-row h3,
.historical-writing .archive-row h3 {
  font:29px/1.3 var(--body);
  letter-spacing:0;
  margin:10px 0;
}
.archive-row h3 button {
  color:#234b90;
  background-image:linear-gradient(90deg,#84cfe8,#d5a0d9,#efb5c9);
  background-size:0 2px;
  background-position:left bottom;
  background-repeat:no-repeat;
  transition:background-size .25s ease,color .25s ease;
}
.archive-row h3 button:is(:hover,:focus-visible) {
  background-size:100% 2px;
  color:#843d89;
  text-decoration:none;
}
.archive-row .eyebrow { display:block; font-size:8px; line-height:1.9; }
.archive-row p { line-height:1.45; }
.historical-writing .archive-row p { color:#316b72; font-size:22px; }
#modal:has(.archive-reader) { padding:22px; }
#modal:has(.archive-reader) .modal-heading h2 {
  font:clamp(27px,2.1vw,35px)/1.25 var(--body);
  letter-spacing:.02em;
  margin-top:10px;
  color:#23478b;
}
.archive-byline {
  display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px;
  padding:18px 8px 14px; color:#63427c; font:23px/1.4 var(--body);
}
.archive-byline strong { overflow-wrap:anywhere; }
.archive-byline time { margin-left:auto; color:#6d5484; white-space:nowrap; }
#modal .archive-record-note {
  margin:0 0 22px; padding:0 8px; color:#766381; font:19px/1.4 var(--body);
}
#modal .archive-reader .archive-prose {
  margin:0 0 20px; padding:clamp(18px,2.2vw,32px);
  background:linear-gradient(110deg,#fffcf0,#fff7e0);
  border-color:#bc9ecb;
}
#modal .archive-reader .archive-prose p {
  max-width:none;
  font:25px/1.6 var(--body);
  letter-spacing:0;
  color:#3b2b54;
  text-align:left;
  margin:0 0 1.1em;
  white-space:pre-wrap;
}
#modal .archive-reader .archive-prose p:last-child { margin-bottom:0; }
.archive-reader .archive-prose>section:first-child { padding-top:0; border-top:0; }
.archive-reader .archive-prose h3 {
  display:flex; align-items:center; gap:14px;
  margin:0 0 22px; padding:12px 14px;
  border-left:3px solid #9563b2;
  background:linear-gradient(95deg,#ecdfff,#e6f5ff80,transparent);
  color:#6a3e8c; font:11px/1.8 var(--pixel);
}
.archive-section-number {
  flex:none; min-width:38px; padding:6px;
  text-align:center; background:#fff3b9;
  border:1px solid #bda0d4; box-shadow:2px 2px #d6bfe2;
}
.archive-reader .archive-prose>p:first-child::first-letter,
.archive-reader .archive-prose>section>h3+p::first-letter {
  color:#8a4b97; font-size:1.65em; line-height:1; text-shadow:1px 1px #fff;
}
@media(max-width:600px) {
  .archive-row h3,.historical-writing .archive-row h3 { font-size:26px; }
  #modal:has(.archive-reader) { padding:11px; }
  #modal .archive-reader .archive-prose { padding:16px 13px; }
  #modal .archive-reader .archive-prose p { font-size:23px; line-height:1.5; }
  .archive-byline { gap:9px 12px; font-size:21px; }
  .archive-byline time { margin-left:0; }
  .archive-reader .archive-prose h3 { gap:10px; font-size:9px; padding:10px; }
}
@media(prefers-reduced-motion:reduce) { .archive-row h3 button { transition:none; } }
html.reduce-motion .archive-row h3 button { transition:none; }