/* IL Archive public editorial presentation. Domain components live in site.css.
   References: World History / Mana for hierarchy, Aeon for reading,
   Europeana / Sefaria for catalogue and resource interaction. */
.public-archive {
  --paper:#f7f8f7; --sheet:#ffffff; --ivory:#ffffff; --ink:#293733;
  --ink-soft:#596861; --slate:#365f56; --slate-soft:#365f56;
  --clay:#A78350; --clay-deep:#78603d; --copper:#A78350; --bronze:#A78350;
  --petrol:#345c53; --petrol-deep:#263e37;
  --accent-wash:#eaf0ed; --sage-wash:#edf2ee; --clay-wash:#f3efe7;
  --object-wash:#ece9e3; --catalog-wash:#edf1f2; --mist:#edf1f2;
  --stone:#5e696e; --unproven:#5e696e; --demo:#805d20; --possible:#805d20;
  --line:#dde4de; --line-strong:#b9c7bd; --control-line:#78877f;
  --on-petrol-soft:#dce8e2; --petrol-line:#668a7e;
  --header:7.5rem; --wide:1440px; --read:46rem; --page-gutter:2rem;
  background:var(--paper);
}
.public-archive .shell { width:min(var(--wide),calc(100% - 2 * var(--page-gutter))); }
.public-archive main { padding-top:1.5rem; }
.public-archive main:has(.editorial-home) { padding-top:0; }
.public-archive h1,.public-archive h2,.public-archive h3 { font-family:"IBM Plex Sans Arabic",sans-serif; font-weight:600; line-height:1.55; color:var(--petrol-deep); }
.public-archive h1 { font-size:clamp(2rem,3.4vw,2.9rem); }
.public-archive h2 { font-size:1.6rem; }
.public-archive .kicker { letter-spacing:0; color:var(--clay-deep); font-size:.78rem; font-weight:500; }
.public-archive a { text-decoration-thickness:1px; }
.public-archive :is(a,button,summary,input,select):focus-visible { outline:2px solid var(--clay); outline-offset:4px; }
/* Neutral surfaces are decorative; controls retain a stronger visible boundary. */
.public-archive ::selection { background:var(--sage-wash); color:var(--ink); }
.public-archive button,.public-archive .button { border-radius:3px; background:var(--petrol); color:var(--ivory); }
.public-archive button:hover,.public-archive .button:hover { background:var(--petrol-deep); color:var(--ivory); }
.public-archive button.quiet { background:transparent; color:var(--ink); border-color:var(--control-line); }
.public-archive button.quiet:hover { background:var(--sage-wash); color:var(--clay-deep); border-color:var(--clay); }
.public-archive :is(input,select,textarea) { background:var(--sheet); border-color:var(--control-line); }
.public-archive :is(input,textarea)::placeholder { color:var(--ink-soft); opacity:1; }
.public-archive a.button,.public-archive a.button:hover { color:var(--ivory); }
/* A compact masthead and a separate, editorial navigation strip. */
.public-archive .mast { display:block; min-height:0; margin:0; padding:0; background:var(--sheet); border-bottom:1px solid var(--line-strong); }
.mast-top { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; height:4.5rem; padding-inline:.8rem; }
.public-archive .brand-mark { color:var(--bronze); width:2.8rem; height:2.8rem; }
.mast-purpose { margin:0; color:var(--petrol-deep); font-size:.8rem; text-align:end; }
.mast-purpose span { display:block; color:var(--ink-soft); font-size:.7rem; margin-top:.1rem; }
.public-archive .mast-nav { display:block; background:var(--sage-wash); border-top:1px solid var(--line); }
.nav-list { list-style:none; display:flex; flex-wrap:wrap; justify-content:space-between; gap:0 .4rem; margin:0; padding:0 .65rem; }
.nav-entry { position:relative; display:flex; align-items:center; min-height:3rem; border-bottom:2px solid transparent; }
.public-archive .mast-nav .nav-root { padding:.65rem .8rem; border:0; border-radius:0; font-size:.94rem; font-weight:500; color:var(--ink); background:transparent; white-space:nowrap; }
.public-archive .mast-nav .nav-entry:is(:hover,.is-current,:has(details[open])) { border-bottom-color:var(--bronze); background:#ffffff9c; }
.public-archive .mast-nav .nav-entry:is(:hover,.is-current)>.nav-root { color:var(--clay-deep); }
.nav-disclosure { position:static; }
.nav-disclosure>summary { display:flex; align-items:center; justify-content:center; width:2.25rem; min-height:2.75rem; margin-inline-start:-.55rem; cursor:pointer; list-style:none; color:var(--clay-deep); }
.nav-disclosure>summary::-webkit-details-marker { display:none; }
.nav-chevron { width:.38rem; height:.38rem; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform 160ms ease; }
.nav-disclosure[open] .nav-chevron { transform:rotate(225deg); }
.nav-panel { position:absolute; inset-inline-start:0; top:100%; width:22rem; max-width:calc(100vw - 4rem); max-height:calc(100dvh - var(--header) - 1rem); overflow:auto; padding:1rem; background:var(--sheet); border:1px solid var(--line); border-top:2px solid var(--bronze); box-shadow:0 12px 26px #26363216; z-index:42; }
.nav-entry:nth-last-child(-n+2) .nav-panel { inset-inline-start:auto; inset-inline-end:0; }
.nav-panel-heading { font-size:.72rem; color:var(--clay-deep); margin:0 0 .6rem; padding-inline:.6rem; }
.nav-panel ul { list-style:none; margin:0; padding:0; display:grid; gap:.15rem; }
.public-archive .mast-nav .nav-panel a { display:block; padding:.55rem .65rem; border:0; border-radius:2px; color:var(--ink); font-size:.88rem; background:transparent; }
.nav-panel a strong { font-weight:500; }
.nav-panel a span { display:block; font-size:.73rem; color:var(--ink-soft); margin-top:.12rem; }
.public-archive .mast-nav .nav-panel a:is(:hover,[aria-current="page"]) { background:var(--sage-wash); color:var(--petrol-deep); }
.public-archive .mast-search { width:17rem; margin-inline-start:auto; }
.public-archive .mast-search input { border:1px solid var(--line-strong); border-radius:3px; background:var(--paper); font-size:.85rem; }
.public-archive .mast-menu>summary { display:flex; align-items:center; gap:.55rem; padding:.6rem; list-style:none; cursor:pointer; font-size:.85rem; }
.public-archive .mast-menu>summary::-webkit-details-marker { display:none; }
.menu-bars { width:1rem; height:.65rem; border-block:1.5px solid var(--petrol-deep); position:relative; }
.menu-bars::after { content:""; position:absolute; inset-inline:0; top:50%; border-top:1.5px solid var(--petrol-deep); }
.public-archive .brand-seal { fill:var(--clay); }
.public-archive .brand-ar { color:var(--ink-soft); font-size:.7rem; }
.public-archive .demo-chip { background:#f4efe2; color:#75602f; border-color:#d6c9a5; font-size:.65rem; }
.public-archive .section-head { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; margin-bottom:1.2rem; }
.public-archive .section-head h2 { margin:0; }
.public-archive .section-head>a { font-size:.86rem; flex-shrink:0; }
.public-archive .read-link { color:var(--clay-deep); font-size:.86rem; font-weight:500; }
.public-archive .image-class { position:absolute; inset-inline-start:.6rem; bottom:.6rem; color:var(--ink); background:#fffffff2; padding:.15rem .45rem; font-size:.66rem; line-height:1.6; }

/* Home: brief introduction, useful navigation, then actual selected records. */
.archive-intro { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:3rem; align-items:center; padding:1.8rem 0 1.4rem; }
.intro-copy h1 { max-width:48rem; margin:.3rem 0 .6rem; }
.intro-lede { max-width:47rem; font-family:"Noto Naskh Arabic",serif; font-size:1.3rem; line-height:1.85; margin:0; }
.intro-search h2 { font-size:1rem; margin-bottom:.6rem; }
.intro-search form { display:flex; gap:.4rem; }
.intro-search input { min-width:0; flex:1; background:var(--sheet); }
.intro-search button { flex-shrink:0; }
.intro-search>p { display:flex; gap:.6rem; font-size:.82rem; margin:.5rem 0; }
.intro-visual { width:100%; height:4.2rem; object-fit:cover; object-position:50% 48%; display:block; }
.home-materials { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:.5rem; border-block:1px solid var(--line); padding:.6rem; background:var(--sheet); }
.showcase-more { display:flex; justify-content:center; padding:1.2rem 0; }
.home-materials a { text-decoration:none; color:var(--ink); padding:.5rem .65rem; border-inline-start:2px solid var(--line); font-weight:500; transition:background 180ms ease,border-color 180ms ease; }
.home-materials a:hover { color:var(--petrol-deep); border-color:var(--bronze); background:var(--accent-wash); }
.public-archive .home-materials a:focus-visible { outline-color:var(--clay-deep); }
.home-materials span { display:block; color:var(--ink-soft); font-size:.75rem; font-weight:400; margin-top:.15rem; }
.home-featured { padding:1.5rem 0 1.8rem; }
.feature-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:2rem; }
.feature-lead { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1.4rem; align-items:center; min-width:0; background:var(--sheet); border:1px solid var(--line); }
.feature-picture { position:relative; display:block; height:100%; min-height:20rem; }
.feature-picture img { display:block; width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.feature-copy { padding:1.3rem 1rem 1.3rem 0; min-width:0; }
.feature-copy h3 { font-size:1.75rem; margin:.3rem 0 .7rem; }
.feature-copy h3 a,.feature-secondary h3 a,.study-grid h3 a { color:var(--ink); text-decoration:none; }
.feature-copy h3 a:hover,.feature-secondary h3 a:hover,.study-grid h3 a:hover { color:var(--clay-deep); }
.feature-copy>p:not(.kicker):not(.feature-facts) { font-family:"Noto Naskh Arabic",serif; font-size:1.15rem; line-height:1.8; }
.feature-copy .feature-facts { color:var(--ink-soft); font-size:.73rem; border-top:1px solid var(--line); padding-top:.8rem; margin-top:1rem; }
.feature-facts span { padding-inline:.25rem; }
.feature-without-image { display:block; }
.feature-without-image .feature-copy { padding:1.5rem; }
.feature-secondary { display:grid; gap:1.2rem; }
.feature-secondary article { display:grid; grid-template-columns:8.5rem minmax(0,1fr); gap:1.1rem; border-bottom:1px solid var(--line); padding-bottom:1rem; align-content:start; }
.feature-secondary article:not(:has(img)) { grid-template-columns:1fr; }
.secondary-picture { display:block; position:relative; }
.secondary-picture img { width:100%; height:9.5rem; object-fit:cover; display:block; }
.secondary-picture .image-class { font-size:.57rem; inset-inline-start:.3rem; bottom:.3rem; }
.feature-secondary h3 { font-size:1.25rem; margin:.3rem 0; }
.feature-secondary p:not(.kicker) { font-size:.87rem; line-height:1.8; color:var(--ink-soft); margin-bottom:.4rem; }
.public-archive .reading-questions { padding:1.4rem 0; border-block:1px solid var(--line-strong); }
.public-archive .reading-questions ol { gap:1.5rem; margin-top:1rem; }
.public-archive .reading-questions li { border-top:0; border-inline-start:2px solid var(--line); padding-inline-start:1rem; }
.public-archive .reading-questions li>a { padding:.3rem 0; }
.public-archive .reading-questions h3 { font-family:"IBM Plex Sans Arabic",sans-serif; font-size:1.15rem; line-height:1.7; margin:.3rem 0; }
.public-archive .reading-questions li p:not(.kicker) { font-size:.86rem; line-height:1.8; color:var(--ink-soft); margin:.3rem 0 .5rem; }
.home-content-layout { display:grid; grid-template-columns:minmax(0,2.7fr) minmax(14rem,1fr); gap:2.5rem; margin:2rem 0; align-items:start; }
.home-main,.home-discover { min-width:0; }
.study-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.6rem; }
.study-grid article { min-width:0; }
.study-picture { display:block; position:relative; margin-bottom:.8rem; }
.study-picture img { width:100%; height:13rem; object-fit:cover; display:block; }
.study-grid h3 { font-size:1.35rem; margin:.4rem 0; }
.study-grid article>p:not(.kicker) { color:var(--ink-soft); font-size:.9rem; line-height:1.8; }
.home-discover { border-inline-start:1px solid var(--line); padding-inline-start:1.6rem; }
.home-discover section+section { margin-top:1.8rem; border-top:1px solid var(--line); padding-top:1.2rem; }
.home-discover h2 { font-size:1.15rem; margin-bottom:.6rem; }
.discover-links a { display:block; border-bottom:1px solid var(--line); padding:.7rem 0; text-decoration:none; }
.discover-links strong { font-weight:500; display:block; font-size:.98rem; }
.discover-links span { display:block; color:var(--ink-soft); font-size:.76rem; margin-top:.15rem; }
.compact-records,.entity-index { list-style:none; padding:0; margin:0; }
.compact-records li { border-bottom:1px solid var(--line); padding:.8rem 0; }
.compact-records a { font-size:1rem; font-weight:500; text-decoration:none; }
.compact-records p:not(.kicker) { font-size:.8rem; color:var(--ink-soft); margin:.3rem 0; }
.entity-index a { display:block; padding:.35rem 0; text-decoration:none; font-size:.9rem; }
.method-inset { background:var(--sage-wash); padding:1.2rem; border:1px solid var(--line); }
.method-inset p:not(.kicker) { font-size:.85rem; }
.method-inset a { display:block; font-size:.82rem; margin-top:.4rem; }
.home-object { display:flex; gap:1.4rem; align-items:center; border-block:1px solid var(--line); padding:1.5rem 0; margin-top:1.5rem; }
.home-object-image { width:10rem; flex-shrink:0; }
.home-object-image img { width:100%; height:11rem; object-fit:cover; display:block; }
.home-object h2 { font-size:1.4rem; margin:.3rem 0; }
.home-object h2 a,.reader-invitation h2 a { color:var(--ink); text-decoration:none; }
.home-object p:not(.kicker) { font-size:.9rem; line-height:1.8; }
.home-object .help { font-size:.73rem !important; }
.reader-invitation { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; background:var(--sage-wash); padding:1.5rem; margin-top:1.5rem; border:1px solid var(--line); }
.reader-invitation h2 { font-size:1.4rem; }
.reader-invitation p { font-size:.9rem; }
.reader-specimen { padding:1rem; background:var(--sheet); border-inline-start:3px solid var(--slate); align-self:center; overflow-wrap:anywhere; }
.reader-specimen .ancient-text { font-size:1.6rem; padding:.4rem 0; }
.reader-specimen .label { font-size:.73rem; }
.demo-footnote { font-size:.8rem; color:var(--ink-soft); border-top:1px solid var(--line); padding-top:1rem; margin:1.5rem 0; }

/* Reading: explicit two-column structure, no empty CSS grid rows. */
.public-archive .record { display:block; border:0; padding:0 0 2rem; background:transparent; box-shadow:none; border-radius:0; }
.public-archive .record-study,.public-archive .record-research_file { width:100%; max-width:100%; margin-inline:auto; }
.public-archive .record h1 { font-size:clamp(2rem,3.5vw,2.8rem); line-height:1.55; }
.public-archive .record-head,.public-archive .record-research_file .record-head { border:0; background:transparent; border-bottom:1px solid var(--line); border-radius:0; padding:1rem 0 1.4rem; margin-bottom:1.5rem; }
.public-archive .record-study .record-head,.public-archive .record-research_file .record-head { max-width:58rem; }
.public-archive .record-head .deck { font-size:1.4rem; line-height:1.9; max-width:52rem; }
.public-archive .record-purpose { color:var(--ink-soft); font-size:.85rem; margin:0 0 .6rem; max-width:50rem; }
.public-archive .crumbs { font-size:.78rem; margin:.3rem 0 .7rem; }
.public-archive .banner-demo { border:0; border-inline-start:2px solid #9f8644; background:#f3efe2; color:#6a5a31; padding:.45rem .8rem; font-size:.8rem; }
.public-archive .reading-brief { margin:1rem 0; padding-top:.8rem; border-color:var(--line); }
.public-archive .reading-brief h2 { font-size:1.15rem; line-height:1.8; }
.public-archive .reading-boundaries { margin-top:.7rem; padding-top:.6rem; border-top:1px solid var(--line); }
.public-archive .reading-boundaries summary { font-size:.85rem; color:var(--slate); cursor:pointer; }
.public-archive .reading-boundaries p { font-size:.95rem; margin:.5rem 0; }
.reading-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:.8rem; }
.public-archive .dossier-facts { background:transparent; }
.public-archive .reading-layout { display:grid; grid-template-columns:14rem minmax(0,1fr); gap:2.5rem; align-items:start; }
.public-archive .reading-layout:not(:has(>.toc)) { display:block; }
.public-archive .reading-body { min-width:0; }
.public-archive .reading-body>section { margin-bottom:1.5rem; }
.public-archive .reading-body .reading { margin-top:1.3rem; }
.public-archive .record-study .reading>h2 { font-size:.8rem; color:var(--ink-soft); font-weight:400; }
.public-archive .prose { width:min(var(--read),100%); font-size:1.5rem; line-height:1.95; color:var(--ink); }
/* Use the reading column instead of leaving a second, empty text gutter. */
.public-archive .reading-body .prose { width:100%; max-width:none; }
.public-archive .reading-body .cite p { max-width:none; }
.public-archive .prose p { margin:.7rem 0 1.2rem; }
.public-archive .prose h2 { font-size:1.65rem; margin:2rem 0 .8rem; scroll-margin-top:6rem; }
.public-archive .prose h3 { font-size:1.3rem; margin-top:1.4rem; }
.public-archive .prose h2::before { display:none; }
.public-archive .toc { position:sticky; top:calc(var(--header) + 1rem); padding:1rem; background:var(--sheet); border:1px solid var(--line); max-height:calc(100dvh - var(--header) - 2.5rem); overflow:auto; margin:0; }
.public-archive .toc summary { display:block; color:var(--ink-soft); font-size:.8rem; }
.public-archive .toc ol { display:block; margin-top:.6rem; }
.public-archive .toc li { font-size:.84rem; padding:.4rem 0; }
.public-archive .toc-details:not([open])>ol { display:none !important; }
.public-archive .toc a.is-current { color:var(--clay-deep); border-inline-start:2px solid var(--clay); padding-inline-start:.4rem; }
.public-archive .toc-resources { border-top:1px solid var(--line); padding-top:.6rem; margin:.6rem 0 0; font-size:.83rem; }
.public-archive .record-metadata { padding:.6rem 0; }
.public-archive .record-metadata summary { font-size:.85rem; color:var(--ink-soft); }
.public-archive .read-progress { top:var(--header); }
.public-archive .editorial-plate { margin:1.2rem 0 1.7rem; }
.public-archive .editorial-plate img { width:100%; height:auto; max-height:25rem; object-fit:cover; display:block; }
.public-archive .editorial-plate figcaption { font-size:.78rem; color:var(--ink-soft); margin-top:.4rem; }
.public-archive .dossier-stats { display:flex; flex-wrap:wrap; gap:1.8rem; border-block:1px solid var(--line); padding:.8rem 0; margin:1rem 0; }
.public-archive .dossier-stats>div { display:flex; flex-direction:column; border:0; padding:0; }
.public-archive .dossier-stats dt { font-size:.75rem; }
.public-archive .dossier-stats dd { font-size:1.5rem; }
.public-archive .claim-comparison { background:var(--sage-wash); border-color:var(--line-strong); }
.public-archive .claim-rail { top:calc(var(--header) + 1rem); }
.public-archive .claim-rail button { padding:1rem; background:var(--sheet); color:var(--ink); }
.public-archive .claim-rail button[aria-selected="true"] { background:var(--sage-wash); border-inline-start:3px solid var(--clay); }
.public-archive .claim-stage { background:var(--sheet); padding:1.2rem; border:1px solid var(--line); }
.public-archive :is(#record-reading,#record-evidence,#file-evidence,#archive-search) { scroll-margin-top:6rem; }
.public-archive .media-frame img { max-height:32rem; width:100%; object-fit:contain; background:var(--object-wash); }
.public-archive .glossary-definition { background:var(--sage-wash); border-inline-start:3px solid var(--slate); }
.public-archive .term-preview,.public-archive .term-dialog { background:var(--sheet); color:var(--ink); border-color:var(--line-strong); }
.public-archive .term-preview strong { font-family:"IBM Plex Sans Arabic",sans-serif; font-size:1.1rem; }
.public-archive .term-preview { font-size:.9rem; }
.public-archive .prose .term-link { color:var(--slate); border-bottom-color:var(--slate); }
.public-archive .prose .term-link:hover { color:var(--clay-deep); border-bottom-color:var(--clay); }
.public-archive .term-preview small { color:var(--ink-soft); }
.public-archive .brief-grid h3 { color:var(--slate); }
.public-archive .comparison-grid>article { background:var(--sheet); border-top-color:var(--slate); }
.public-archive .index-list>li { background:var(--sheet); border-color:var(--line); border-radius:0; }

/* Search: persistent desktop filters, a compact expandable form on phones. */
.search-intro { padding:.5rem 0 1.4rem; border-bottom:1px solid var(--line); }
.collection-layout { display:grid; grid-template-columns:15rem minmax(0,1fr); gap:2rem; margin-top:1.5rem; align-items:start; }
.collection-sidebar { position:sticky; top:calc(var(--header) + 1rem); background:var(--sheet); border:1px solid var(--line); padding:1rem; max-height:calc(100dvh - var(--header) - 2.5rem); overflow:auto; }
.collection-sidebar>summary { font-weight:500; font-size:.93rem; margin-bottom:1rem; }
.collection-main { min-width:0; }
.public-archive .collection-search { display:grid; grid-template-columns:1fr; gap:.8rem; max-width:none; }
.public-archive .collection-search .years { display:grid; grid-template-columns:1fr; gap:.8rem; margin:0; }
.public-archive .collection-search label { font-size:.82rem; }
.public-archive .collection-search input,.public-archive .collection-search select { background:var(--sheet); }
.public-archive .collection-search .filters summary { font-size:.85rem; cursor:pointer; }
.collection-toolbar { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1rem; }
.collection-toolbar p { margin:0; color:var(--ink-soft); font-size:.86rem; }
.collection-toolbar button { font-size:.8rem; min-height:2rem; }
.public-archive .collection-toolbar button[aria-pressed="true"] { color:var(--ivory); background:var(--petrol); border-color:var(--petrol); }
.public-archive .facets { display:flex; gap:.4rem; flex-wrap:wrap; margin-bottom:1rem; }
.public-archive .facets a,.filter-chips a { background:var(--clay-wash); padding:.25rem .55rem; text-decoration:none; font-size:.77rem; }
.filter-chips { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; }
.collection-results { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.collection-results li { min-width:0; }
.collection-record { display:block; text-decoration:none; }
.collection-picture { position:relative; height:12rem; overflow:hidden; background:var(--catalog-wash); }
.collection-picture img { width:100%; height:100%; object-fit:cover; display:block; }
.collection-picture>span:first-of-type:not(.collection-symbol) { position:absolute; bottom:.5rem; inset-inline-start:.5rem; font-size:.63rem; color:var(--ink); background:#fffffff2; padding:.15rem .4rem; }
.collection-placeholder { display:flex; align-items:center; justify-content:space-between; height:5rem; padding:1rem; background:var(--catalog-wash); }
.collection-placeholder>span:first-of-type:not(.collection-symbol) { position:static; background:transparent; font-size:.78rem; }
.collection-symbol { font-size:2.5rem; color:#697d85; font-family:Georgia,serif; }
.collection-copy { padding:.9rem 0; }
.collection-copy h2 { font-size:1.25rem; margin:.2rem 0 .5rem; color:var(--ink); }
.collection-copy>p:not(.kicker) { font-size:.84rem; line-height:1.8; color:var(--ink-soft); }
.collection-results.is-list { grid-template-columns:1fr; gap:0; }
.collection-results.is-list li { border-bottom:1px solid var(--line); }
.collection-results.is-list .collection-record { display:grid; grid-template-columns:8rem minmax(0,1fr); gap:1.3rem; padding:1rem 0; align-items:center; }
.collection-results.is-list .collection-picture { height:7rem; }
.collection-results.is-list .collection-copy { padding:0; }
.collection-empty { text-align:center; background:var(--sheet); border:1px solid var(--line); padding:3rem 1rem; }

/* Explore, text and object views keep their evidence-first interactions. */
.public-archive .atlas { margin:1.5rem 0; }
.public-archive .atlas ol { gap:1rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
.public-archive .atlas a { background:var(--sheet); border:1px solid var(--line); padding:1.2rem; height:100%; }
.public-archive .atlas strong { font-size:1.3rem; }
.public-archive .atlas a>span:last-child { font-size:.9rem; }
.public-archive .era { background:var(--sheet); border-color:var(--line); border-radius:0; }
.public-archive .time-scroll { border:1px solid var(--line); background:var(--sheet); }
.public-archive .era-jump a { border-radius:3px; }
.public-archive .place-detail { background:var(--sheet); border:1px solid var(--line); padding:1.4rem; }
.public-archive .place-region { border-top:1px solid var(--line); margin-top:2rem; padding-top:1.5rem; }
.public-archive .place-index button { text-align:start; border-radius:3px; }
.public-archive .read-tools,.public-archive .path-tabs { top:var(--header); padding:.65rem 0; background:var(--paper); border-bottom:1px solid var(--line); gap:.4rem; }
.public-archive .read-tools button,.public-archive .path-tabs button { border-radius:3px; min-height:2.4rem; }
.public-archive :is(.read-tools,.path-tabs,.place-index) button,.public-archive .era-jump a { background:transparent; color:var(--ink); border-color:var(--control-line); }
.public-archive :is(.read-tools,.path-tabs,.place-index) button:hover,.public-archive .era-jump a:hover { background:var(--sage-wash); color:var(--ink); }
.public-archive .read-tools button.is-on,.public-archive :is(.path-tabs,.place-index) button[aria-selected="true"],.public-archive .era-jump a[aria-current="true"] { background:var(--petrol); color:var(--ivory); border-color:var(--petrol); }
.public-archive .shot-nav button { background:var(--sheet); color:var(--ink); }
.public-archive .shot-nav button[aria-selected="true"] { border-color:var(--clay); }
.public-archive .corpus-line { padding:1rem .7rem; border-bottom:1px solid var(--line); scroll-margin-top:10rem; }
.public-archive .corpus-line.is-active { background:var(--sage-wash); }
.public-archive .text-stage { gap:1.8rem; }
.public-archive .line-panel { top:9rem; max-height:calc(100dvh - 10rem); border-radius:0; padding:1.2rem; background:var(--sheet); box-shadow:0 8px 25px #24363d08; }
.public-archive .record-text>.text-reader { border-bottom:1px solid var(--line); padding-bottom:1.5rem; }
.public-archive .record-text .corpus { background:transparent; border-radius:0; padding:0; }
.public-archive .path-stage { padding:1.3rem 0; }
.public-archive .object-hero { top:calc(var(--header) + 1rem); background:transparent; border-radius:0; padding:0; }
.public-archive .catalog-note { border-top:1px solid var(--line); padding-top:1rem; }
.public-archive .site-footer { margin:2.5rem 0 0; border-top:2px solid var(--bronze); padding:2rem; background:#263632; color:#d2ddd5; }
.public-archive .site-footer :is(a,strong) { color:#f7f8f7; }
.public-archive .site-footer a:hover { color:#d6bd94; }
.public-archive .site-footer .help { color:#c2cfc7; }
.public-archive .site-footer .brand-mark { color:#C5AC83; width:2.8rem; height:2.8rem; }
.public-archive .site-footer p { max-width:30rem; }
.public-archive .site-footer nav { gap:.5rem 1rem; }

@media(min-width:960px) {
  .public-archive .record-artifact { display:grid; grid-template-columns:minmax(18rem,1fr) minmax(0,1.1fr); gap:0 2.5rem; }
  .public-archive .record-artifact>.object-hero { grid-column:1; grid-row:1 / span 80; }
}
@media(min-width:1800px) {
  .public-archive { --wide:1720px; }
  .collection-results:not(.is-list) { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .feature-picture { min-height:22rem; }
  .secondary-picture img { height:10rem; }
}
@media(max-width:1100px) {
  .public-archive { --page-gutter:1.5rem; }
  .public-archive .mast-search { width:10rem; }
  .public-archive .mast-nav { gap:.2rem; }
  .archive-intro { gap:2rem; }
  .feature-layout { grid-template-columns:1.35fr 1fr; gap:1.5rem; }
  .feature-lead { display:block; }
  .feature-picture { height:12rem; min-height:0; }
  .feature-copy { padding:1rem; }
  .feature-secondary article { grid-template-columns:6rem minmax(0,1fr); gap:.8rem; }
  .secondary-picture img { height:8rem; }
  .home-content-layout { gap:1.5rem; grid-template-columns:minmax(0,2.2fr) minmax(12rem,1fr); }
  .public-archive .reading-layout { grid-template-columns:12rem minmax(0,1fr); gap:1.8rem; }
  .collection-layout { grid-template-columns:13rem minmax(0,1fr); gap:1.5rem; }
  .collection-results { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .public-archive { --page-gutter:1rem; --header:4.5rem; }
  .public-archive .mast-nav,.public-archive .mast-search { display:none; }
  .public-archive .mast-menu { display:block; z-index:40; }
  .public-archive .mast-menu nav a[aria-current="page"] { font-weight:600; color:var(--clay-deep); }
  .archive-intro { grid-template-columns:1fr; gap:1rem; padding:1.2rem 0; }
  .intro-copy h1 { font-size:1.9rem; }
  .intro-lede { font-size:1.15rem; }
  .intro-search h2 { font-size:.9rem; }
  .intro-visual { display:none; }
  .home-materials { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem .4rem; }
  .home-materials a { font-size:.87rem; padding-inline:.35rem; }
  .home-materials span { font-size:.68rem; }
  .home-featured { padding:1.3rem 0; }
  .public-archive .section-head h2 { font-size:1.25rem; }
  .public-archive .section-head>a { font-size:.77rem; }
  .feature-layout { grid-template-columns:1fr; gap:1.2rem; }
  .feature-picture { height:14rem; }
  .feature-copy h3 { font-size:1.6rem; }
  .feature-secondary { gap:.8rem; }
  .feature-secondary article { grid-template-columns:6rem minmax(0,1fr); }
  .feature-secondary h3 { font-size:1.1rem; }
  .feature-secondary p:not(.kicker) { font-size:.82rem; }
  .public-archive .reading-questions ol { grid-template-columns:1fr; gap:.8rem; }
  .public-archive .reading-questions h3 { font-size:1.1rem; }
  .home-content-layout { grid-template-columns:1fr; gap:1.5rem; margin-top:1.5rem; }
  .study-grid { gap:1rem; }
  .study-picture img { height:8rem; }
  .study-grid h3 { font-size:1.1rem; }
  .study-grid article>p:not(.kicker) { font-size:.82rem; }
  .home-discover { border:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:1.3rem; }
  .home-discover section+section { margin:0; padding:0; border:0; }
  .home-discover .method-inset { grid-column:1 / -1; padding:1rem; }
  .home-object { gap:1rem; align-items:start; }
  .home-object-image { width:6rem; }
  .home-object-image img { height:8rem; }
  .home-object h2 { font-size:1.2rem; }
  .home-object p:not(.kicker) { font-size:.83rem; }
  .reader-invitation { grid-template-columns:1fr; gap:1rem; padding:1rem; }
  .reader-invitation h2 { font-size:1.2rem; }
  .public-archive .record h1 { font-size:1.9rem; }
  .public-archive .record-head .deck { font-size:1.25rem; }
  .public-archive .reading-layout { display:block; }
  .public-archive .reading-layout>.toc { position:static; max-height:none; margin-bottom:1.2rem; }
  .public-archive .prose { font-size:1.3rem; line-height:1.95; }
  .public-archive .prose h2 { font-size:1.35rem; }
  .public-archive .reading-brief h2 { font-size:1.05rem; }
  .public-archive .claim-stage { padding:1rem; }
  .collection-layout { display:block; margin-top:1rem; }
  .collection-sidebar { position:static; max-height:none; margin-bottom:1.2rem; }
  .collection-sidebar>summary { margin:0; cursor:pointer; }
  .collection-sidebar[open]>summary { margin-bottom:1rem; }
  .public-archive .collection-search { grid-template-columns:1fr 1fr; }
  .collection-search>label:first-child,.collection-search>.filters,.collection-search>.check,.collection-search>button { grid-column:1 / -1; }
  .public-archive .collection-search .filters .years { grid-template-columns:1fr 1fr; }
  .public-archive .collection-search>.years { grid-column:1 / -1; }
  .collection-results { gap:1rem; }
  .collection-picture { height:9rem; }
  .collection-placeholder { height:4.5rem; padding:.6rem; }
  .collection-copy h2 { font-size:1.1rem; }
  .collection-copy>p:not(.kicker) { font-size:.8rem; }
  .collection-results.is-list .collection-record { grid-template-columns:5rem minmax(0,1fr); gap:.8rem; }
  .collection-results.is-list .collection-picture { height:6rem; }
  .collection-results.is-list .collection-picture>span:first-of-type { font-size:.52rem; }
  .public-archive .atlas ol { grid-template-columns:1fr 1fr; gap:.7rem; }
  .public-archive .atlas a { padding:1rem; }
  .public-archive .atlas strong { font-size:1.1rem; }
  .public-archive .atlas a>span:last-child { font-size:.8rem; }
  .public-archive .text-stage { display:block; }
  .public-archive .line-panel { position:fixed; inset-inline:0; top:auto; bottom:0; max-height:44dvh; z-index:45; border-top:2px solid var(--clay); box-shadow:0 -12px 40px #24363d22; padding:1rem 1.2rem max(1rem,env(safe-area-inset-bottom)); }
  .public-archive .read-tools button { font-size:.75rem; padding:.3rem .6rem; }
}
@media(prefers-reduced-motion:reduce) { .public-archive * { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }

.public-archive .record-category-links { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; }
.public-archive .record-category-links a { background:var(--sage-wash); color:var(--petrol-deep); padding:.3rem .7rem; font-size:.8rem; text-decoration:none; }
/* Touch and smaller screens use the same CMS hierarchy in a scrollable drawer. */
@media(max-width:1050px) {
  .public-archive { --header:4.5rem; }
  .public-archive .mast-nav,.public-archive .mast-search,.mast-purpose { display:none; }
  .public-archive .mast-menu { display:block; z-index:40; }
  .mast-top { padding-inline:.2rem; gap:.5rem; }
  .public-archive .mast-menu[open] { grid-column:auto; }
  .public-archive .mast-menu>nav { position:absolute; inset-inline:0; top:4.5rem; max-height:calc(100dvh - 5rem); overflow:auto; background:var(--sheet); border:1px solid var(--line); border-top:2px solid var(--bronze); box-shadow:0 14px 28px #2636321c; padding:.75rem; }
  .mast-menu .nav-list { display:block; padding:0; }
  .mast-menu .nav-entry { display:grid; grid-template-columns:1fr 2.75rem; border-bottom:1px solid var(--line); min-height:3rem; }
  .public-archive .mast-menu .nav-root { padding:.7rem .5rem; color:var(--ink); font-size:.92rem; text-decoration:none; }
  .mast-menu .nav-disclosure { display:contents; }
  .mast-menu .nav-disclosure>summary { grid-column:2; grid-row:1; margin:0; width:2.75rem; min-height:3rem; }
  .mast-menu .nav-panel { position:static; grid-column:1/-1; width:auto; max-width:none; max-height:none; overflow:visible; box-shadow:none; border:0; border-inline-start:2px solid var(--bronze); padding:.25rem .5rem .6rem; margin:0 .5rem .65rem; }
  .mast-menu .nav-panel-heading { display:none; }
  .public-archive .mast-menu .nav-panel a { display:block; text-decoration:none; color:var(--ink); padding:.6rem; font-size:.88rem; }
  .public-archive .mast-menu .nav-panel a:hover { background:var(--sage-wash); }
  .public-archive .mast-menu nav a[aria-current="page"] { color:var(--clay-deep); font-weight:600; }
  .mast-menu form { margin:.9rem .5rem .25rem; }
}


/* Approved crowned IL identity: gentle surfaces, bronze details, images
   as reading entrances. Navigation content continues to come from the CMS. */
.public-archive .mast { border-bottom-color:var(--line); }
.public-archive .brand-name { row-gap:.15rem; }
.archive-intro { padding-block:2.6rem 2rem; }
.intro-copy .kicker { display:flex; align-items:center; gap:.55rem; }
.intro-copy .kicker::before { content:""; width:1.4rem; height:1px; background:var(--bronze); }
.latest-publications { padding-block:2rem; border-bottom:1px solid var(--line); }
.latest-publications .section-head>div>.kicker,.home-paths .section-head>div>.kicker { margin:0 0 .3rem; }
.latest-grid { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.4rem; margin:0; padding:0; }
.latest-grid>li { min-width:0; }
.latest-record { height:100%; border-top:2px solid var(--line); }
.latest-picture { display:block; position:relative; overflow:hidden; height:10rem; }
.latest-picture img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 350ms ease; }
.latest-copy { padding:.8rem 0 1rem; }
.latest-meta { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem .7rem; margin:0 0 .5rem; font-size:.7rem; color:var(--ink-soft); }
.material-kind { display:inline-block; background:var(--accent-wash); color:var(--petrol-deep); border-radius:2px; padding:.15rem .4rem; }
.latest-record h3 { font-size:1.16rem; line-height:1.65; margin:.3rem 0 .5rem; }
.latest-record h3 a { color:var(--ink); text-decoration:none; }
.latest-record h3 a:hover { color:var(--clay-deep); text-decoration:underline; }
.latest-summary { font-family:"Noto Naskh Arabic",serif; font-size:1.05rem; line-height:1.85; margin:0 0 .7rem; color:var(--ink-soft); }
.latest-categories { list-style:none; display:flex; flex-wrap:wrap; gap:.3rem .7rem; margin:0; padding:0; }
.latest-categories a { font-size:.72rem; color:var(--slate); text-underline-offset:4px; }
.publication-empty { display:flex; gap:1.4rem; align-items:center; padding:1.5rem; background:var(--sheet); border:1px solid var(--line); border-inline-start:3px solid var(--bronze); }
.publication-empty h3 { font-size:1.15rem; margin:0 0 .3rem; }
.publication-empty p { font-family:"Noto Naskh Arabic",serif; font-size:1.1rem; margin:0; color:var(--ink-soft); }
.publication-empty>a { margin-inline-start:auto; flex-shrink:0; font-size:.8rem; }
.public-archive .empty-emblem .brand-mark { width:3.1rem; height:3.1rem; }
.home-paths { padding:2rem 0 1rem; }
.paths-lede { color:var(--ink-soft); margin:-.4rem 0 1.4rem; font-family:"Noto Naskh Arabic",serif; font-size:1.15rem; }
/* Native navigation links form an expanding image deck on wide screens.
   Titles stay joined Arabic text; touch layouts keep every destination visible. */
.visual-paths .path-deck { list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:0; padding:0; }
.visual-paths .path-deck+.path-deck { margin-top:1rem; }
.visual-paths li { min-width:0; }
.visual-paths .path-card { display:flex; flex-direction:column; height:100%; min-width:0; color:var(--ink); background:var(--sheet); border:1px solid var(--line); text-decoration:none; }
.path-picture { display:block; position:relative; overflow:hidden; height:10rem; background:var(--catalog-wash); }
.path-picture img { display:block; width:100%; height:100%; object-fit:cover; }
.path-spine { display:none; }
.path-content { display:flex; align-items:flex-start; gap:.7rem; padding:1rem; }
.path-number { font-size:.72rem; font-variant-numeric:tabular-nums; color:var(--clay-deep); padding-top:.3rem; }
.path-words { min-width:0; }
.path-words strong { font-size:1.2rem; font-weight:500; display:block; }
.path-description { display:block; font-size:.82rem; color:var(--ink-soft); line-height:1.8; margin-top:.3rem; }
.path-arrow { font-size:1.1rem; color:var(--clay-deep); margin-inline-start:auto; }
.visual-paths .path-card:focus-visible { outline:3px solid var(--clay-deep); outline-offset:3px; }
@media (min-width:980px) and (hover:hover) and (pointer:fine) {
  .visual-paths .path-deck { display:flex; gap:2px; padding:3px; background:var(--line); }
  .path-deck>li { --path-open:0; flex:calc(1 + 3 * var(--path-open)); transition:flex 450ms cubic-bezier(.2,.7,.2,1); }
  .path-deck:not(:has(.path-card:hover,.path-card:focus-visible))>li:first-child,
  .path-deck:not(:has(.path-card:focus-visible))>li:has(.path-card:hover),
  .path-deck>li:has(.path-card:focus-visible) { --path-open:1; }
  .visual-paths .path-card { position:relative; min-height:22rem; height:100%; border:0; color:#fff; isolation:isolate; }
  .path-picture { position:absolute; inset:0; height:100%; }
  .path-picture::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#17282124 0%,#17282145 40%,#14251fd9 100%); }
  .path-picture img { transition:transform 450ms ease; transform:scale(calc(1 + .025 * var(--path-open))); }
  .path-spine { display:block; position:absolute; left:50%; top:50%; width:17rem; max-width:calc(22rem - 2rem); transform:translate(-50%,-50%) rotate(-90deg); font-size:1.25rem; line-height:1.8; font-weight:500; text-align:center; text-shadow:0 1px 6px #0008; opacity:calc(1 - var(--path-open)); transition:opacity 180ms ease; pointer-events:none; }
  .path-content { position:absolute; inset-inline:0; bottom:0; padding:1.3rem; max-height:calc(100% - 1rem); overflow:auto; opacity:var(--path-open); transition:opacity 220ms ease; }
  .path-words strong { font-family:"Noto Naskh Arabic",serif; font-size:2rem; line-height:1.5; }
  .path-description { color:#f4f7f5; font-size:.95rem; margin-top:.5rem; }
  .path-number,.path-arrow,.path-words .num { color:#ecd6b7; }
  .path-number { padding-top:.6rem; }
  .path-arrow { align-self:flex-end; font-size:1.4rem; }
  .visual-paths .path-card:focus-visible { outline:3px solid #f6d49f; outline-offset:-5px; }
}
@media (max-width:620px) {
  .visual-paths .path-deck { grid-template-columns:1fr; gap:.75rem; }
  .visual-paths .path-card { flex-direction:row; }
  .path-picture { flex:0 0 34%; height:auto; min-height:8.3rem; }
  .path-content { flex:1; min-width:0; padding:.9rem; gap:.5rem; }
  .path-words strong { font-size:1.2rem; }
  .path-description { font-size:.8rem; }
}
@media (prefers-reduced-motion:reduce) {
  .path-deck>li,.path-spine,.path-content,.path-picture img { transition:none; }
  .path-picture img { transform:none; }
}
@media print {
  .visual-paths .path-deck { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); background:none; }
  .visual-paths .path-card { min-height:0; position:static; color:#000; }
  .path-picture,.path-spine { display:none; }
  .path-content { position:static; opacity:1; overflow:visible; }
  .path-description,.path-number,.path-arrow,.path-words .num { color:#000; }
}
.visual-note { font-size:.65rem; color:var(--ink-soft); margin:.7rem 0 0; }
.explore-intro { max-width:100%; padding:1rem 0 1.4rem; }
.explore-intro h1 { margin:.4rem 0; }
.explore-intro>p:last-child { max-width:45rem; font-family:"Noto Naskh Arabic",serif; font-size:1.2rem; color:var(--ink-soft); }
.home-principle { padding:1.8rem 0; border-block:1px solid var(--line); margin-top:1.4rem; }
.home-principle h2 { font-family:"Noto Naskh Arabic",serif; font-size:1.85rem; margin:.5rem 0; }
.home-principle>p:not(.kicker) { max-width:45rem; color:var(--ink-soft); font-size:.9rem; }
.home-principle>a { display:inline-block; margin-inline-end:1.2rem; font-size:.85rem; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .latest-record:hover .latest-picture img { transform:scale(1.025); }
}
@media (max-width:1100px) {
  .latest-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .archive-intro { padding-block:1.6rem; }
  .latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
  .path-content { padding:.8rem; gap:.5rem; }
  .path-words strong { font-size:1.05rem; }
  .path-description { font-size:.75rem; }
  .publication-empty { flex-wrap:wrap; gap:1rem; }
  .publication-empty>div { flex:1; min-width:12rem; }
  .publication-empty>a { margin-inline-start:0; }
  .public-archive .site-footer { padding:1.5rem; }
}
@media (max-width:480px) {
  .latest-grid { grid-template-columns:1fr; }
  .latest-record { display:flex; gap:1rem; }
  .latest-record:has(.latest-picture) .latest-copy { flex:1; min-width:0; }
  .latest-picture { width:6rem; height:7rem; flex-shrink:0; margin-top:1rem; }
  .latest-picture .image-class { font-size:.5rem; padding:.1rem .25rem; inset-inline-start:.2rem; bottom:.2rem; }
  .latest-record h3 { font-size:1.1rem; }
  .latest-summary { font-size:1rem; }
  .path-content { padding:.9rem 1rem; }
  .path-words strong { font-size:1.2rem; }
  .path-description { font-size:.8rem; }
  .public-archive .section-head { flex-wrap:wrap; gap:.5rem; }
}
@media (prefers-reduced-motion:reduce) {
  .visual-paths .path-card,.path-picture img,.path-arrow,.latest-picture img { transition:none; transform:none; }
}

.path-words .num { font-size:.7rem; font-variant-numeric:tabular-nums; color:var(--ink-soft); vertical-align:middle; margin-inline-start:.3rem; }
.home-content-layout--index { display:block; }
.home-content-layout--index .home-main { display:none; }
.home-content-layout--index .home-discover { border:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap:1.5rem; }
.home-content-layout--index .home-discover section+section { border:0; margin:0; padding:0; }

.public-archive .brand-lock .brand-mark { width:2.8rem; height:3.4rem; }
.public-archive .footer-brand .brand-mark { width:2.3rem; height:2.8rem; }

@media (min-width:980px) and (hover:hover) and (pointer:fine) { .visual-paths .path-words .num { color:#ecd6b7; } }

.public-archive :is(.reading-questions,.corpus-line,.prose h2,.study-section) { scroll-margin-top:calc(var(--header) + 4rem); }

/* Adopted horned IL: one geometry, two readable surface variants. */
.public-archive .site-footer { --brand-emblem-ink:#E4EFED; --brand-emblem-disc:#C89B76; }
@media(max-width:640px){.collection-results.article-list{grid-template-columns:1fr;}}
.public-archive .showcase-deck>li:not(:only-child) .showcase-caption{color:#eceee7;}

.article-list .collection-picture img{object-fit:contain;background:var(--object-wash);}
.related-readings{margin-block:3rem 1rem;padding-block-start:2rem;border-block-start:1px solid var(--line);}
.related-reading-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:1rem 0 0;padding:0;}
.related-reading-list>li{min-width:0;}
.public-archive .related-reading-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none;}
.related-reading-picture{position:relative;background:var(--sage-wash);}
.related-reading-picture img{display:block;width:100%;height:13rem;object-fit:contain;}
.related-reading-picture>span{position:absolute;bottom:.5rem;inset-inline-end:.5rem;padding:.1rem .4rem;background:var(--paper);font-size:.65rem;color:var(--ink-soft);}
.related-reading-copy{display:flex;flex-direction:column;gap:.5rem;padding:1rem;flex:1;}
.related-reading-copy .kicker,.related-reading-copy h3,.related-reading-copy p{margin:0;}
.public-archive .related-reading-copy h3{font-size:1.3rem;line-height:1.5;}
.related-reading-copy>p:not(.kicker){font-size:.88rem;line-height:1.8;}
.related-reading-copy .read-link{margin-top:auto;padding-top:.5rem;font-size:.8rem;color:var(--petrol);}
.public-archive .related-reading-card:hover,.public-archive .related-reading-card:focus-visible{border-color:var(--bronze);}
@media(max-width:900px){.related-reading-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.related-reading-list{grid-template-columns:1fr;}.related-readings .section-head{align-items:flex-start;}.related-reading-picture img{height:14rem;}}