:root {
 color-scheme:light; --paper:#fff; --wash:#f3f5f8; --ink:#152235; --blue:#214b86; --muted:#526174; --line:#d2d9e2;
 --serif:Charter,"Bitstream Charter",Georgia,"Times New Roman",serif;
 --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
 --page-width:69rem; --gutter:clamp(1.25rem,5vw,4rem); --nav-height:64px;
}
* { box-sizing:border-box; }
html { scroll-padding-top:calc(var(--nav-height) + 18px); scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
h1,h2,p { margin:0; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--blue); }
a:focus-visible,button:focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
::selection { background:#c6d8ed; color:var(--ink); }
img { display:block; max-width:100%; height:auto; }
.publication-frame { width:calc(100% - var(--gutter) * 2); max-width:var(--page-width); margin-inline:auto; }
.skip-link { position:fixed; z-index:50; top:-6rem; left:1rem; padding:1rem; color:white; background:var(--ink); }
.skip-link:focus { top:1rem; }
.masthead { position:sticky; top:0; z-index:20; background:var(--wash); }
.masthead-inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; min-height:var(--nav-height); padding-block:.6rem; }
.brand { display:inline-flex; align-items:center; gap:.6rem; font-size:1rem; font-weight:700; letter-spacing:-.035em; white-space:nowrap; }
.brand img { width:29px; height:29px; }
.primary-nav { display:flex; align-items:center; gap:1.8rem; }
.primary-nav a { display:inline-flex; align-items:center; min-height:44px; font-size:.92rem; }
.primary-nav a:hover,.index-closing a:hover,.publication-footer a:hover { text-decoration:underline; text-underline-offset:.3em; }
.menu-toggle { display:none; font:inherit; color:inherit; background:none; border:0; min-height:44px; min-width:44px; padding:.5rem 0; cursor:pointer; }
.index-introduction { position:sticky; top:var(--nav-height); background:var(--wash); padding:2.6rem 0 3.3rem; z-index:0; }
h1 { max-width:47rem; font:400 clamp(1.9rem,3vw,2.6rem)/1.14 var(--serif); letter-spacing:-.025em; text-wrap:balance; }
.reading-area { position:relative; z-index:1; background:var(--paper); padding-block:1.8rem 0; }
.reading-index { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"introduction readings"; align-items:stretch; gap:1.8rem; }
.featured-column { grid-area:introduction; }
.continuing-column { grid-area:readings; }
.featured-column,.continuing-column { min-width:0; }
.continuing-column { display:flex; flex-direction:column; gap:1.4rem; }
.reading-unit { min-width:0; border:1px solid var(--line); background:white; }
.reading-link { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:1.1rem; padding:1rem; height:100%; }
.reading-copy { min-width:0; display:flex; flex-direction:column; }
.reading-copy h2 { font:400 clamp(1.3rem,1.65vw,1.5rem)/1.13 var(--serif); letter-spacing:-.02em; text-wrap:balance; }
.reading-deck { font:400 1rem/1.45 var(--serif); margin-top:.7rem; }
.reading-attribution { color:var(--muted); font:.76rem/1.5 var(--sans); padding-top:1.15rem; margin-top:auto; }
.reading-state { color:var(--muted); font:.75rem/1.45 var(--sans); margin-top:.2rem; }
.reading-media { min-width:0; background:#fafbfd; display:flex; align-items:center; overflow:hidden; }
.reading-media img { width:100%; height:100%; object-fit:contain; }
.reading-unit--featured { position:sticky; top:calc(var(--nav-height) + 1rem); }
.reading-unit--featured .reading-link { display:flex; flex-direction:column; padding:1.25rem; gap:1.3rem; }
.reading-unit--featured h2 { font-size:clamp(1.8rem,2.35vw,2.15rem); line-height:1.14; }
.reading-unit--featured .reading-deck { font-size:1.15rem; line-height:1.45; margin-top:.95rem; }
.reading-unit--featured .reading-attribution { padding-top:1.65rem; }
.reading-unit--featured .reading-media { aspect-ratio:1.8; }
.reading-link:hover { color:var(--ink); }
.reading-link:hover h2 { color:inherit; text-decoration:none; }
.reading-link:focus-visible { outline-offset:4px; }
.closing-area { position:relative; z-index:1; background:white; padding-top:2.7rem; }
.index-closing { padding:1.9rem 0 2rem; border-top:1px solid var(--line); }
.index-closing > p { font:400 1.15rem/1.5 var(--serif); }
.index-closing nav { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; margin-top:.55rem; font:.88rem/1.5 var(--sans); }
.index-closing nav a { display:inline-flex; align-items:center; min-height:44px; }
.index-closing nav span { color:var(--muted); }
.publication-footer { position:relative; z-index:1; background:white; display:flex; align-items:center; justify-content:space-between; gap:1rem 2rem; padding-bottom:1.7rem; color:var(--muted); font:.81rem/1.6 var(--sans); }
.publication-footer a { display:inline-flex; align-items:center; min-height:44px; }
@media (max-width:1000px) {
 .reading-index { gap:1.25rem; }
 .reading-link { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:.85rem; padding:.9rem; }
 .reading-copy h2 { font-size:1.25rem; }
 .reading-deck { font-size:1rem; }
 .reading-unit--featured .reading-link { padding:1rem; }
 .reading-unit--featured h2 { font-size:1.75rem; }
 .reading-unit--featured .reading-deck { font-size:1.1rem; }
}
@media (max-width:760px) {
 :root { --nav-height:64px; }
 .masthead-inner { gap:.5rem 1rem; flex-wrap:wrap; }
 .brand { font-size:.96rem; }
 .brand img { width:27px; height:27px; }
 .primary-nav { width:100%; flex-wrap:wrap; gap:.3rem 1.5rem; padding:.4rem 0; }
 .js .menu-toggle { display:inline-flex; align-items:center; gap:.6rem; }
 .js .primary-nav:not(.is-open) { display:none; }
 .index-introduction { position:relative; top:auto; padding:2.3rem 0 2.6rem; }
 h1 { font-size:clamp(1.75rem,6.8vw,2.3rem); line-height:1.16; }
 .reading-area { padding-top:1.5rem; }
 .reading-index { display:block; }
 .continuing-column { gap:1.6rem; margin-top:1.6rem; }
 .reading-unit--featured { position:static; }
 .reading-link { display:flex; flex-direction:column; gap:1.25rem; padding:1.1rem; }
 .reading-unit--featured .reading-link { padding:1.1rem; }
 .reading-copy h2 { font-size:1.6rem; }
 .reading-unit--featured h2 { font-size:1.85rem; }
 .reading-deck,.reading-unit--featured .reading-deck { font-size:1.08rem; line-height:1.5; margin-top:.8rem; }
 .reading-attribution,.reading-unit--featured .reading-attribution { padding-top:1.2rem; font-size:.8rem; }
 .reading-state { font-size:.77rem; }
 .reading-media,.reading-unit--featured .reading-media { aspect-ratio:1.3; }
 .closing-area { padding-top:2.1rem; }
 .index-closing { padding-top:1.6rem; padding-bottom:1.6rem; }
 .index-closing nav { gap:.6rem; font-size:.86rem; }
 .publication-footer { display:block; }
 .publication-footer a { margin-top:.3rem; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print {
 .primary-nav,.menu-toggle,.skip-link { display:none!important; }
 .masthead,.index-introduction,.reading-unit--featured { position:static; }
 .masthead,.index-introduction { background:white; }
 .publication-frame { width:100%; }
 .reading-index { gap:1rem; }
 .reading-unit { break-inside:avoid; }
}

/* Keep the complete lead reachable on short desktop windows. */
@media (min-width: 761px) and (max-height: 670px) {
  .reading-unit--featured { position: static; }
}

/* Publication opening and supporting footer. */
.masthead,.index-introduction { background:var(--paper); color:var(--ink); }
.masthead a:hover { color:var(--blue); }
.brand img { background:transparent; }
.masthead a:focus-visible,.masthead button:focus-visible { outline-color:var(--blue); }
.essays-menu { position:relative; }
.essays-toggle { color:inherit; font:inherit; font-size:.92rem; background:none; border:0; min-height:44px; cursor:pointer; padding:0; }
.essays-toggle span { margin-left:.3rem; }
.essays-list { display:none; position:absolute; top:100%; right:0; width:25rem; padding:.75rem 1.1rem; background:#fff; color:var(--ink); box-shadow:0 10px 24px #14223620; border:1px solid var(--line); }
.essays-list a { display:block; padding:.7rem 0; font:1rem/1.35 var(--serif); }
.masthead .essays-list a:hover { color:var(--blue); }
.essays-menu.is-open .essays-list { display:block; }
.footer-field { position:relative; z-index:1; background:var(--wash); }
.publication-disclaimer { padding-block:2.5rem 2rem; display:grid; grid-template-columns:10rem minmax(0,1fr); gap:2rem; color:#526174; }
.publication-disclaimer h2 { font:500 .88rem/1.6 var(--sans); }
.publication-disclaimer p { max-width:52rem; font:.9rem/1.65 var(--sans); }
.footer-field .publication-footer { background:transparent; padding-top:.5rem; }
@media(max-width:760px) {
 .essays-menu { width:100%; }
 .essays-list { position:static; width:100%; box-shadow:none; margin-bottom:.6rem; }
 .publication-disclaimer { display:block; }
 .publication-disclaimer h2 { margin-bottom:.65rem; }
}
/* Approved dark opening and light-gray publication ending. */
.masthead,.index-introduction { background:#152235; color:white; }
.masthead .brand,.masthead .primary-nav>a { color:white; }
.masthead .brand img { background:white; }
.footer-field { background:#eef0f2; }

/* Reading targets darken as a surface; typography stays unchanged. */
.reading-link { transition:background-color 160ms ease; }
.reading-link:hover { background:#e9edf2; color:var(--ink); }
.reading-link:hover .reading-attribution,.reading-link:hover .reading-state { color:var(--muted); }
.reading-link:hover .reading-media { background:transparent; }
.reading-media img { mix-blend-mode:multiply; }
.reading-area { padding-bottom:1.8rem; }
.footer-field { background:#f3f4f5; border-top:1px solid var(--line); }
.publication-disclaimer { display:block; padding-block:3rem; }
.publication-disclaimer h2 { margin-bottom:1rem; font:400 .86rem/1.5 var(--sans); }
.publication-disclaimer p { max-width:none; font:italic 1.2rem/1.4 var(--serif); }
.footer-field .publication-footer { padding-block:.7rem; min-height:60px; }
.footer-field .publication-footer::before { content:""; position:absolute; top:0; left:calc((min(var(--page-width), 100vw - 2 * var(--gutter)) - 100vw) / 2); width:100vw; border-top:1px solid var(--line); }
@media(prefers-reduced-motion:reduce) { .reading-link { transition:none; } }
@media(max-width:760px) { .publication-disclaimer { padding-block:2rem; } .publication-disclaimer p { font-size:1.08rem; } }
/* Selected round masthead crop and editorial notation for readings. */
.masthead .brand img { width:34px; height:34px; padding:6px; border-radius:50%; background:#fff; }
.reading-media:has(.reading-symbol) { justify-content:center; background:#f3f5f8; padding:1.5rem; }
.reading-media .reading-symbol { width:min(100%,96px); height:auto; aspect-ratio:1; }
@media(max-width:760px) { .reading-media:has(.reading-symbol) { min-height:140px; aspect-ratio:2.2; } }
.reading-unit--featured .reading-media { justify-content:center; }
.reading-unit--featured .reading-media>img { width:180px; height:180px; padding:30px; border-radius:50%; background:white; border:1px solid var(--line); object-fit:contain; margin:1rem; mix-blend-mode:normal; }
/* Slate-blue opening complements the deeper navy/blue publication marks. */
.masthead,.index-introduction { background:#466682; color:#fff; }
.masthead a:hover { color:#fff; }
.masthead .essays-list a:hover { color:var(--blue); }

/* All five identity marks use the same circular specimen treatment. */
.reading-media:has(.reading-symbol) { padding:1rem; background:#fafbfd; }
.reading-media .reading-symbol { width:min(100%,180px); height:auto; aspect-ratio:1; padding:16.6667%; border-radius:50%; background:white; border:1px solid var(--line); object-fit:contain; mix-blend-mode:normal; }
.reading-link:hover .reading-media { background:transparent; }