/*
  SYSA Library visual layer
  Keeps the archive structure intact while aligning the visual language with
  the main Synodus Sanguinis experience: pastel paper, black geometry,
  ritual circles, restrained burgundy accents and readable motion.
*/

:root {
  --sysa-paper:#f0ece7;
  --sysa-paper-2:#e9e1d7;
  --sysa-paper-3:#ded4c9;
  --sysa-black:#0d0a0b;
  --sysa-black-2:#171214;
  --sysa-ink:#171313;
  --sysa-wine:#74202d;
  --sysa-gold:#b08d57;
  --sysa-dot:rgba(56,36,32,.105);
  --sysa-line:rgba(23,19,19,.16);
  --sysa-ease:cubic-bezier(.22,.8,.2,1);
  --sysa-shadow:0 28px 80px rgba(27,18,20,.14);
}

html { scroll-padding-top:76px; }
body { background:var(--sysa-paper); }
::selection { background:rgba(116,32,45,.22); color:var(--sysa-ink); }

/* Fixed site chrome, injected by common.js */
.sysa-frame {
  position:fixed;
  inset:18px;
  z-index:70;
  pointer-events:none;
}
.sysa-frame i {
  position:absolute;
  width:18px;
  height:18px;
  border-color:rgba(23,19,19,.42);
  border-style:solid;
}
.sysa-frame i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}
.sysa-frame i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}
.sysa-frame i:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}
.sysa-frame i:nth-child(4){left:0;bottom:0;border-width:0 0 1px 1px}
.sysa-frame__drop {
  position:absolute;
  right:8px;
  top:13px;
  width:26px;
  height:auto;
  filter:drop-shadow(0 6px 9px rgba(34,4,10,.24));
}
.sysa-frame__label {
  position:absolute;
  left:10px;
  bottom:8px;
  color:rgba(23,19,19,.42);
  font:600 8px/1 var(--mono);
  letter-spacing:.22em;
  text-transform:uppercase;
}
.page-transition {
  position:fixed;
  inset:0;
  z-index:120;
  pointer-events:none;
  opacity:0;
  transform:scaleY(0);
  transform-origin:50% 100%;
  background:
    radial-gradient(rgba(239,227,209,.09) .7px,transparent .85px),
    var(--sysa-black);
  background-size:12px 12px,auto;
  transition:transform .42s var(--sysa-ease),opacity .2s linear;
}
body.is-page-leaving .page-transition {
  opacity:1;
  transform:scaleY(1);
  pointer-events:auto;
}
body.is-page-entering { opacity:0; }
body.is-ready { opacity:1; transition:opacity .45s ease; }

/* Motion is progressive enhancement: content is never hidden without JS. */
html.has-motion [data-reveal] {
  opacity:0;
  transform:translate3d(0,26px,0);
  transition:opacity .74s ease,transform .86s var(--sysa-ease);
}
html.has-motion [data-reveal].is-visible {
  opacity:1;
  transform:translate3d(0,0,0);
}
html.has-motion [data-reveal][data-reveal="left"] { transform:translate3d(-28px,0,0); }
html.has-motion [data-reveal][data-reveal="right"] { transform:translate3d(28px,0,0); }
html.has-motion [data-reveal][data-reveal="left"].is-visible,
html.has-motion [data-reveal][data-reveal="right"].is-visible { transform:translate3d(0,0,0); }

/* Main paper surface */
.paper-surface {
  background:
    radial-gradient(var(--sysa-dot) .68px,transparent .82px),
    var(--sysa-paper);
  background-size:13px 13px,auto;
}
.paper-surface::before {
  box-shadow:none;
  background:
    linear-gradient(90deg,rgba(23,19,19,.035),transparent 5%,transparent 95%,rgba(23,19,19,.035));
}
.paper-surface::after { border-color:transparent; }
.top-trapezoid {
  z-index:90;
  min-width:min(430px,68vw);
  padding:9px 36px 10px;
  background:var(--sysa-black);
  color:#efe2d3;
  box-shadow:0 8px 24px rgba(13,10,11,.08);
}

/* Intro: circular revelation, visually related to the prophecy section. */
.archive-intro {
  background:
    radial-gradient(rgba(239,227,209,.10) .72px,transparent .84px),
    var(--sysa-black);
  background-size:13px 13px,auto;
}
.archive-intro::before {
  opacity:1;
  background:
    linear-gradient(90deg,transparent 49.95%,rgba(176,141,87,.12) 50%,transparent 50.05%),
    linear-gradient(0deg,transparent 49.95%,rgba(176,141,87,.12) 50%,transparent 50.05%);
}
.archive-intro::after { background:none; }
.archive-intro__geometry {
  width:min(62vw,680px);
  border-color:rgba(176,141,87,.22);
  animation:introGeometry 16s linear infinite;
}
.archive-intro__geometry::before {
  inset:8%;
  border-color:rgba(239,227,209,.13);
  box-shadow:0 0 0 34px rgba(239,227,209,.012),0 0 0 72px rgba(239,227,209,.009);
}
.archive-intro__geometry::after {
  inset:23%;
  border:1px solid rgba(116,32,45,.34);
  transform:rotate(30deg);
}
.archive-intro__seal {
  width:min(41vw,350px);
  background:var(--sysa-paper);
  box-shadow:
    0 0 0 7px var(--sysa-black),
    0 0 0 9px rgba(176,141,87,.68),
    0 30px 100px rgba(0,0,0,.45);
  animation:introPortal 2.65s var(--sysa-ease) .18s forwards;
}
.archive-intro__seal img { width:78%; animation:introSymbol 2.5s ease forwards; }
.archive-intro__copy { top:calc(50% + min(24vw,204px)); }
.archive-intro__copy strong {
  font:italic 900 clamp(34px,5.8vw,82px)/.88 var(--display);
  letter-spacing:-.035em;
}
.archive-intro__skip { border-bottom:1px solid rgba(239,227,209,.18); padding-bottom:4px; }
@keyframes introPortal {
  0%{transform:scale(.22);clip-path:circle(50%);filter:blur(2px)}
  56%{transform:scale(1);clip-path:circle(50%);filter:blur(0)}
  78%{transform:scale(1.04);clip-path:circle(50%)}
  100%{transform:scale(7);clip-path:circle(50%)}
}
@keyframes introSymbol { 0%,58%{opacity:1;transform:scale(.9)} 100%{opacity:0;transform:scale(1.04)} }
@keyframes introGeometry { to{transform:rotate(405deg)} }

/* Header */
.archive-header {
  max-width:1560px;
  margin:0 auto;
  padding-top:76px;
}
.site-mark img { width:52px;height:52px;filter:drop-shadow(0 8px 12px rgba(23,19,19,.13)); }
.site-mark > span > strong { color:var(--sysa-ink); }
.archive-admin-link {
  position:relative;
  border:1px solid var(--sysa-line);
  border-radius:12px;
  background:rgba(255,255,255,.16);
  transition:background .25s ease,color .25s ease,transform .25s var(--sysa-ease);
}
.archive-admin-link:hover { transform:translateY(-2px); }

/* Hero: main-site composition, text left and a monumental circular archive seal right. */
.archive-hero {
  min-height:clamp(620px,78vh,820px);
  grid-template-columns:minmax(0,1fr) minmax(430px,.82fr);
  align-items:center;
  gap:clamp(44px,6vw,110px);
  padding-top:clamp(32px,5vh,64px);
  padding-bottom:clamp(62px,8vh,96px);
}
.archive-hero::before {
  left:4%;
  top:16%;
  width:min(34vw,510px);
  border-color:rgba(23,19,19,.105);
}
.archive-hero::after {
  right:2%;
  bottom:5%;
  width:min(18vw,250px);
  border-color:rgba(116,32,45,.17);
}
.archive-hero h1 {
  margin:16px 0 24px;
  font-size:clamp(82px,10vw,154px);
  max-width:8ch;
}
.archive-hero__copy>p { max-width:59ch; }
.archive-stats { gap:8px;margin-top:32px; }
.archive-stats span {
  min-width:132px;
  padding:11px 13px;
  border-color:rgba(23,19,19,.13);
  border-radius:10px;
  background:rgba(255,255,255,.20);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
.archive-stats b { font-size:32px; }
.archive-hero__aside {
  min-height:520px;
  padding:0;
  border:0;
  display:grid;
  place-items:center;
  position:relative;
}
.archive-hero__orbital {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
}
.archive-hero__orbital::before {
  content:'';
  width:min(34vw,510px);
  aspect-ratio:1;
  border:1px solid rgba(23,19,19,.12);
  transform:rotate(45deg);
}
.archive-hero__orbital::after {
  content:'';
  position:absolute;
  width:min(31vw,465px);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(176,141,87,.22);
  box-shadow:0 0 0 34px rgba(23,19,19,.012),0 0 0 70px rgba(23,19,19,.008);
}
.archive-hero__ring {
  position:absolute;
  z-index:1;
  width:min(29vw,430px);
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(rgba(239,227,209,.11) .7px,transparent .85px),
    var(--sysa-black-2);
  background-size:12px 12px,auto;
  border:7px solid var(--sysa-black);
  box-shadow:0 0 0 2px rgba(176,141,87,.68),0 0 0 5px var(--sysa-black),var(--sysa-shadow),inset 0 0 70px rgba(0,0,0,.34);
  animation:archiveFloat 8s ease-in-out infinite;
}
.archive-hero__ring::after {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at 50% 42%,transparent 25%,rgba(4,2,3,.16) 65%,rgba(4,2,3,.7));
}
.archive-hero__ring img { width:78%;position:relative;z-index:1;filter:drop-shadow(0 18px 28px rgba(0,0,0,.26)); }
.archive-hero__quote {
  position:relative;
  z-index:2;
  width:min(72%,330px);
  margin-top:340px;
  padding:18px 22px;
  background:rgba(240,236,231,.92);
  border:1px solid rgba(23,19,19,.15);
  box-shadow:0 18px 48px rgba(23,19,19,.12);
  text-align:left;
}
.archive-hero__quote blockquote { margin:12px 0 0;font-size:clamp(16px,1.25vw,20px);line-height:1.55; }
.archive-hero__quote span { margin-top:12px; }
@keyframes archiveFloat { 0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)} }

/* Search bar becomes the dark technical rail seen throughout the main site. */
.archive-toolbar {
  top:29px;
  max-width:calc(1560px - (var(--page-pad) * 2));
  margin:0 auto;
  padding:13px 17px;
  color:#efe2d3;
  background:rgba(13,10,11,.96);
  border:1px solid rgba(176,141,87,.22);
  border-radius:14px;
  box-shadow:0 18px 42px rgba(13,10,11,.18);
  backdrop-filter:blur(14px);
}
.archive-search label { color:var(--sysa-gold); }
.archive-search input { color:#efe2d3;border-color:rgba(239,226,211,.18); }
.archive-search input::placeholder { color:rgba(239,226,211,.34); }
.archive-search input:focus { border-color:var(--sysa-gold); }
.archive-filter select {
  background:#171214;
  color:#efe2d3;
  border-color:rgba(176,141,87,.22);
  border-radius:9px;
}
.archive-count { color:rgba(239,226,211,.52); }

/* Archive index */
.archive-main { padding-top:70px; }
.archive-sidebar { top:98px; }
.archive-category {
  position:relative;
  border-bottom-color:rgba(23,19,19,.11);
  transition:color .24s ease,padding .32s var(--sysa-ease),background .24s ease;
}
.archive-category::before {
  content:'';
  position:absolute;
  left:0;
  top:50%;
  width:3px;
  height:0;
  background:var(--sysa-wine);
  transform:translateY(-50%);
  transition:height .3s var(--sysa-ease);
}
.archive-category:hover,.archive-category.is-active { color:var(--sysa-ink);padding-left:14px; }
.archive-category.is-active::before { height:62%; }
.archive-category.is-active { background:rgba(255,255,255,.18); }
.archive-list-head { align-items:end; }
.archive-list-head h2 { font-size:clamp(34px,3.6vw,54px); }

.featured-record {
  min-height:400px;
  border-radius:20px;
  background:
    radial-gradient(rgba(239,227,209,.08) .7px,transparent .85px),
    var(--sysa-black-2);
  background-size:12px 12px,auto;
  border-color:rgba(176,141,87,.25);
  box-shadow:0 32px 80px rgba(13,10,11,.20);
}
.featured-record::before {
  opacity:.6;
  width:430px;
  height:430px;
  right:-130px;
  top:-150px;
  border:1px solid rgba(176,141,87,.22);
  background:transparent;
  border-radius:50%;
}
.featured-record::after {
  content:'';
  position:absolute;
  right:5%;
  bottom:-38%;
  width:330px;
  aspect-ratio:1;
  border:1px solid rgba(116,32,45,.28);
  transform:rotate(45deg);
  pointer-events:none;
}
.featured-record h2 { font-size:clamp(56px,6.3vw,96px);max-width:11ch; }
.featured-record__seal {
  width:min(20vw,245px);
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(176,141,87,.25);
  background:rgba(0,0,0,.14);
}
.featured-record__seal img { width:86%;opacity:.88;animation:sealBreath 8s ease-in-out infinite; }
@keyframes sealBreath { 0%,100%{transform:scale(.97);opacity:.74}50%{transform:scale(1.02);opacity:.94} }
.archive-button {
  border-radius:13px;
  transition:transform .25s var(--sysa-ease),border-color .25s ease,background .25s ease;
}
.archive-button:hover { transform:translateY(-2px);background:rgba(176,141,87,.10); }
.archive-button i { border-radius:9px; }

.document-list { gap:12px; }
.document-record {
  position:relative;
  padding:24px 22px;
  border:1px solid rgba(23,19,19,.13);
  border-radius:15px;
  background:rgba(255,255,255,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
  overflow:hidden;
  transition:transform .32s var(--sysa-ease),border-color .25s ease,background .25s ease,box-shadow .25s ease;
}
.document-record::before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--wine);
  transform:scaleY(.28);
  transform-origin:50% 50%;
  transition:transform .32s var(--sysa-ease);
}
.document-record:hover {
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--wine) 46%,transparent);
  background:rgba(255,255,255,.30);
  box-shadow:0 20px 44px rgba(23,19,19,.10);
}
.document-record:hover::before { transform:scaleY(1); }
.document-record h3 { font-size:clamp(28px,3vw,46px); }
.document-record__number { color:var(--wine); }
.document-record__open { border-radius:50%;transition:transform .25s var(--sysa-ease),background .25s ease,color .25s ease; }
.document-record:hover .document-record__open { transform:rotate(8deg) scale(1.06); }
.record-tags span,.reader-tags span { border-radius:8px;background:rgba(255,255,255,.14); }

.archive-footer {
  padding-top:82px;
  background:
    radial-gradient(rgba(239,227,209,.075) .7px,transparent .85px),
    var(--sysa-black);
  background-size:12px 12px,auto;
}
.archive-footer::before { opacity:0; }
.archive-footer__inner { min-height:280px; }
.archive-footer img { width:112px; }

/* Reader: a calm editorial document surface with a main-site hero composition. */
.reader-page {
  background:
    radial-gradient(var(--sysa-dot) .68px,transparent .82px),
    var(--sysa-paper);
  background-size:13px 13px,auto;
}
.reader-page .sysa-frame i { border-color:rgba(23,19,19,.35); }
.reading-progress { height:2px;background:linear-gradient(90deg,var(--wine),var(--sysa-gold)); }
.reader-shell { background:transparent; }
.reader-shell::before { opacity:0; }
.reader-topbar {
  top:35px;
  padding-top:14px;
  align-items:center;
}
.reader-topbar a {
  border-radius:10px;
  background:rgba(240,236,231,.90);
  transition:transform .25s var(--sysa-ease),background .25s ease,color .25s ease;
}
.reader-topbar a:hover { transform:translateY(-2px);background:var(--sysa-black);color:#efe2d3; }
.reader-hero {
  min-height:82vh;
  max-width:1560px;
  margin:0 auto;
  padding:clamp(120px,15vh,170px) var(--page-pad) clamp(78px,10vh,118px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,.72fr);
  grid-template-rows:auto;
  gap:clamp(48px,7vw,120px);
  align-items:center;
  text-align:left;
  background:none;
}
.reader-hero::before {
  left:5%;
  width:min(42vw,650px);
  border-color:rgba(23,19,19,.11);
}
.reader-hero::after {
  right:6%;
  width:min(31vw,450px);
  border-color:rgba(176,141,87,.22);
}
.reader-hero__copy { position:relative;z-index:2; }
.reader-eyebrow { margin-top:0; }
.reader-hero h1 {
  max-width:11ch;
  margin:18px 0 14px;
  font:italic 900 clamp(58px,7.5vw,116px)/.84 var(--display);
  letter-spacing:-.045em;
}
.reader-subtitle { max-width:30ch;font-size:clamp(18px,1.5vw,24px); }
.reader-meta {
  justify-content:flex-start;
  margin-top:34px;
  border-radius:12px;
  overflow:hidden;
  background:rgba(255,255,255,.15);
}
.reader-meta span { min-width:140px;padding:12px 15px; }
.reader-hero__visual {
  position:relative;
  min-height:470px;
  display:grid;
  place-items:center;
  z-index:2;
}
.reader-hero__visual::before {
  content:'';
  position:absolute;
  width:min(34vw,500px);
  aspect-ratio:1;
  border:1px solid rgba(23,19,19,.12);
  transform:rotate(45deg);
}
.reader-hero__visual::after {
  content:'';
  position:absolute;
  width:min(30vw,445px);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(176,141,87,.20);
}
.reader-visual-ring {
  position:relative;
  z-index:2;
  width:min(28vw,415px);
  aspect-ratio:1;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:
    radial-gradient(rgba(239,227,209,.10) .7px,transparent .85px),
    var(--sysa-black-2);
  background-size:12px 12px,auto;
  border:7px solid var(--sysa-black);
  box-shadow:0 0 0 2px rgba(176,141,87,.68),0 0 0 5px var(--sysa-black),var(--sysa-shadow),inset 0 0 70px rgba(0,0,0,.36);
}
.reader-visual-ring::after {
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 42%,transparent 28%,rgba(4,2,3,.12) 64%,rgba(4,2,3,.72));
}
.reader-visual-ring img { width:80%;height:80%;object-fit:contain;position:relative;z-index:1; }
.reader-visual-ring.has-cover img { width:100%;height:100%;object-fit:cover; }
.reader-layout {
  max-width:1500px;
  padding-top:82px;
  border-top:1px solid rgba(23,19,19,.12);
}
.reader-index,.reader-notes { top:94px; }
.reader-index nav a {
  transition:color .2s ease,padding .25s var(--sysa-ease),background .2s ease;
}
.reader-index nav a.is-active { padding-left:9px;background:rgba(255,255,255,.16); }
.reader-document {
  font-size:clamp(18px,1.25vw,20px);
  line-height:1.9;
}
.reader-document h2 {
  position:relative;
  margin-top:78px;
  padding-top:0;
  border-top:0;
  font-size:clamp(42px,4.5vw,66px);
}
.reader-document h2::before {
  content:'';
  display:block;
  width:38px;
  height:2px;
  margin-bottom:18px;
  background:var(--wine);
  box-shadow:12px 0 0 rgba(176,141,87,.72),-12px 0 0 rgba(23,19,19,.58);
}
.reader-document h3 { font-family:var(--ritual); }
.reader-document p { max-width:72ch; }
.reader-document blockquote {
  border-left:0;
  border-top:1px solid rgba(116,32,45,.30);
  border-bottom:1px solid rgba(116,32,45,.18);
  background:rgba(255,255,255,.14);
  padding:24px 28px;
}
.reader-notes__box {
  border-radius:13px;
  background:rgba(255,255,255,.18);
}
.reader-footer {
  background:
    radial-gradient(rgba(239,227,209,.075) .7px,transparent .85px),
    var(--sysa-black);
  background-size:12px 12px,auto;
}

/* Admin stays clearly technical, but belongs to the same design system. */
.admin-page {
  background:
    radial-gradient(rgba(239,227,209,.075) .7px,transparent .85px),
    var(--sysa-black);
  background-size:12px 12px,auto;
}
.admin-header { padding-top:88px; }
.admin-panel {
  border-radius:16px;
  background:rgba(255,255,255,.025);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);
}
.admin-field input,.admin-field select,.admin-field textarea,.admin-token input {
  border-radius:9px;
  transition:border-color .2s ease,background .2s ease;
}
.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus,.admin-token input:focus { background:#171012; }
.admin-actions button,.admin-import,.admin-record__actions button,.admin-record__actions a { border-radius:9px;transition:transform .2s var(--sysa-ease),border-color .2s ease; }
.admin-actions button:hover,.admin-import:hover,.admin-record__actions button:hover,.admin-record__actions a:hover { transform:translateY(-2px); }
.admin-record { border-radius:12px;transition:background .2s ease,border-color .2s ease,transform .24s var(--sysa-ease); }
.admin-record:hover { transform:translateY(-2px);background:rgba(255,255,255,.028);border-color:rgba(176,141,87,.22); }

@media (max-width:1180px) {
  .archive-hero { grid-template-columns:minmax(0,1fr) minmax(360px,.78fr); }
  .archive-hero__aside { min-height:470px; }
  .archive-hero__quote { margin-top:300px; }
  .reader-hero { grid-template-columns:minmax(0,1fr) minmax(330px,.68fr); }
  .reader-hero__visual { min-height:400px; }
}

@media (max-width:900px) {
  .sysa-frame { inset:10px; }
  .sysa-frame__drop { width:21px;right:5px;top:9px; }
  .archive-hero { grid-template-columns:1fr;min-height:auto; }
  .archive-hero__aside { min-height:490px; }
  .archive-hero__ring { width:min(70vw,420px); }
  .archive-hero__orbital::before { width:min(76vw,480px); }
  .archive-hero__orbital::after { width:min(70vw,440px); }
  .archive-hero__quote { width:min(76%,340px); }
  .archive-toolbar { margin-left:14px;margin-right:14px; }
  .reader-hero { grid-template-columns:1fr;text-align:center; }
  .reader-hero h1,.reader-subtitle { margin-left:auto;margin-right:auto; }
  .reader-meta { justify-content:center; }
  .reader-hero__visual { min-height:430px; }
  .reader-visual-ring { width:min(70vw,410px); }
  .reader-hero__visual::before { width:min(78vw,470px); }
  .reader-hero__visual::after { width:min(71vw,430px); }
}

@media (max-width:600px) {
  .sysa-frame__label { display:none; }
  .archive-header { padding-top:62px; }
  .archive-hero h1 { font-size:64px; }
  .archive-hero__aside { min-height:390px; }
  .archive-hero__ring { width:min(76vw,330px); }
  .archive-hero__orbital::before { width:min(84vw,360px); }
  .archive-hero__orbital::after { width:min(78vw,340px); }
  .archive-hero__quote { margin-top:250px;width:min(90%,320px); }
  .archive-toolbar { top:27px;border-radius:11px; }
  .archive-search { grid-template-columns:1fr;gap:6px; }
  .archive-filter { flex-direction:row;align-items:center; }
  .featured-record { border-radius:15px; }
  .document-record { border-radius:12px;padding:20px 16px; }
  .reader-topbar { top:30px;padding-left:14px;padding-right:14px; }
  .reader-topbar a { font-size:7px;padding:8px 9px; }
  .reader-hero { padding-top:120px;gap:34px; }
  .reader-hero h1 { font-size:50px; }
  .reader-hero__visual { min-height:340px; }
  .reader-visual-ring { width:min(78vw,320px); }
  .reader-hero__visual::before { width:min(86vw,350px); }
  .reader-hero__visual::after { width:min(80vw,330px); }
  .reader-layout { padding-top:54px; }
}

@media (prefers-reduced-motion:reduce) {
  .archive-hero__ring,.featured-record__seal img { animation:none !important; }
  .page-transition,html.has-motion [data-reveal],.document-record,.archive-category,.reader-topbar a { transition:none !important; }
}

/* Specificity and inherited-position corrections from the base stylesheet. */
.archive-toolbar {
  width:calc(100% - clamp(36px,9vw,144px));
  max-width:1416px;
}
.featured-record::before {
  inset:auto;
  left:auto;
}
.featured-record::after {
  inset:auto;
  top:auto;
  left:auto;
}
.document-record:hover { padding:24px 22px; }
.reader-hero::before {
  top:50%;
  transform:translateY(-50%) rotate(45deg);
}
.reader-hero::after {
  top:50%;
  transform:translateY(-50%);
}
[data-featured],.document-list { transition:opacity .2s ease,transform .28s var(--sysa-ease); }
[data-featured].is-updating,.document-list.is-updating { opacity:.32;transform:translateY(8px); }

@media (max-width:900px) {
  .archive-toolbar { width:calc(100% - 28px); }
}
.sysa-frame i { border-color:rgba(116,32,45,.46); }
.sysa-frame__label { color:rgba(116,32,45,.60); }
.admin-page .sysa-frame i { border-color:rgba(239,226,211,.28); }
.admin-page .sysa-frame__label { color:rgba(239,226,211,.38); }