/* The archive's reading room: paper, ink, generous type and faithful portraits. */
.chronicle{--paper:#f4f0e5;--forest:#29483c;--rust:#955d40;max-width:1120px;margin:16px auto 72px;color:#293c32}
.chronicle button,.chronicle input,.chronicle select{font:inherit}
.chronicle button:focus-visible,.chronicle input:focus-visible,.chronicle select:focus-visible,.chronicle-reader-nav button:focus-visible{outline:3px solid #ac714f;outline-offset:5px}
.chronicle-kicker{font:600 10px var(--sans);letter-spacing:2px;line-height:1.8;color:#716e59}
.chronicle-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:35px 0}
.chronicle-heading h1{font:normal clamp(44px,5vw,72px)/1.08 var(--serif);letter-spacing:-2px;margin:16px 0 0}
.chronicle-heading h1 span{display:block;font-style:italic;color:#7c886c;font-size:.72em;letter-spacing:-1px}
.chronicle-heading>p{font-size:13px;line-height:1.9;max-width:275px;margin-bottom:4px;color:#6a7164}
.chronicle-heading>p strong{font:normal 32px var(--serif);color:var(--forest);margin-right:6px}
.chronicle-feature{display:grid;grid-template-columns:1.4fr 1fr;min-height:355px;background:var(--forest);border-radius:5px;overflow:hidden;color:#fcf7e9;position:relative}
.chronicle-feature-copy{padding:42px 46px;position:relative;z-index:1}
.chronicle-feature .chronicle-kicker{color:#c2cfb5}
.chronicle-feature h2{font:normal clamp(32px,3.4vw,49px)/1.13 var(--serif);margin:20px 0;max-width:550px;letter-spacing:-.7px}
.chronicle-feature-copy>p{font-size:15px;line-height:1.7;color:#d8dfce;max-width:480px}
.chronicle-feature-person{font-size:12px;line-height:1.7;margin:20px 0;color:#d0d8c4}
.chronicle-primary{background:#f1edda;color:#29483c;border-radius:3px;padding:13px 18px;display:inline-flex;gap:32px;align-items:center;min-height:46px;font-size:13px!important}
.chronicle-primary:hover{background:white}
.chronicle-feature-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;background:radial-gradient(ellipse at center,#97a08633,transparent 70%);overflow:hidden}
.chronicle-feature-art:before,.chronicle-feature-art:after{content:'';position:absolute;width:275px;height:275px;border:1px solid #c2cfb526;border-radius:50%;transform:rotate(-12deg)}
.chronicle-feature-art:after{width:345px;height:345px}
.chronicle-feature-art img{position:relative;z-index:1;width:62%;max-width:230px;height:255px;object-fit:contain;background:#e7e1d2;border:12px solid #e7e1d2;border-bottom-width:29px;box-shadow:8px 15px 24px #132b3145;transform:rotate(5deg);filter:sepia(.14)}
.chronicle-art-caption{position:absolute;bottom:18px;font:9px var(--sans);letter-spacing:2px;color:#c8d2bc;z-index:2}
.chronicle-discover{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:58px 0 24px}
.chronicle-discover h2{font:normal 36px var(--serif);margin:8px 0 0;letter-spacing:-.8px}
.chronicle-surprise{border:1px solid #a5b19b;border-radius:30px;min-height:44px;padding:10px 19px;font-size:13px!important;white-space:nowrap;color:#405b46}
.chronicle-surprise:hover{background:#e5eadc}.chronicle-surprise:disabled{opacity:.4;cursor:default}
.chronicle-tools{display:flex;gap:20px;align-items:end}
.chronicle-tools label{display:grid;gap:8px;font-size:12px;color:#65725e}
.chronicle-search{flex:1}.chronicle-tools input,.chronicle-tools select{width:100%;min-height:46px;border:1px solid #cbd1be;border-radius:4px;background:#fbfaf4;color:#34483b;padding:11px 14px;font-size:14px}
.chronicle-sort{min-width:180px}.chronicle-tools input::placeholder{color:#828778}
.chronicle-eras{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 18px}
.chronicle-eras button{font-size:12px;padding:10px 14px;border-radius:3px;min-height:42px;background:#eaece1;color:#5d6857}
.chronicle-eras button[aria-pressed=true]{background:var(--forest);color:#fbf6e6}.chronicle-eras button span{margin-left:6px;opacity:.7;font-size:10px}
.chronicle-results-label{font-size:11px;color:#79816e;margin-bottom:25px}
.chronicle-century{margin:0 0 42px}.chronicle-century>header{display:flex;align-items:center;gap:20px;border-top:1px solid #cbd1be;padding:21px 0 26px;position:relative}
.chronicle-century>header:before{content:'';width:7px;height:7px;border-radius:50%;background:#8d9d7c;position:absolute;top:-4px;left:0}
.chronicle-century>header>span{font:italic 48px var(--serif);color:#8b977f;line-height:1}
.chronicle-century h2{font:normal 20px var(--serif);margin:0 0 3px}.chronicle-century header p{font-size:11px;color:#7a8270;margin:0}
.chronicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}
.chronicle-card{min-width:0}.chronicle-open{display:block;width:100%;text-align:left;color:inherit;padding:0;border-radius:4px}
.chronicle-cover{display:flex;height:208px;overflow:hidden;position:relative;align-items:center;justify-content:center;border-radius:4px;background:#e4e6d8;border:1px solid #7c856c18;transition:transform .25s,box-shadow .25s}
.chronicle-open:hover .chronicle-cover{transform:translateY(-4px);box-shadow:0 9px 20px #30453818}
.chronicle-cover:before{content:'';position:absolute;inset:15px;border:1px solid #7e876d33;pointer-events:none}
.chronicle-cover img{width:100%;height:100%;object-fit:contain;padding:16px 22px;filter:sepia(.12)}
.chronicle-letter{font:italic 130px var(--serif);color:#68765d6b;transform:translateY(-9px)}
.chronicle-cover-year{position:absolute;bottom:30px;font:15px var(--serif);letter-spacing:6px;color:#536547}
.tone-1{background:#eadfcd}.tone-1 .chronicle-letter{color:#9165435c}.tone-2{background:#dce6df}.tone-3{background:#e4dfd7}.tone-3 .chronicle-letter{color:#796b585c}
.chronicle-read{position:absolute;bottom:0;right:0;background:#fcfaf0e8;padding:7px 12px;font-size:10px;color:#344c3e;border-radius:4px 0 0 0}
.chronicle-meta{display:flex;justify-content:space-between;gap:8px;margin:16px 0 9px;font-size:10px;letter-spacing:.8px;color:var(--rust)}
.chronicle-meta>span{color:#7b8271;letter-spacing:0}
.chronicle-card h3{font:normal 27px/1.15 var(--serif);margin:0 0 10px;letter-spacing:-.4px;overflow-wrap:anywhere}
.chronicle-person{display:block;font-size:12px;font-weight:600;line-height:1.6;margin-bottom:8px;color:#5a6a52}
.chronicle-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.8;color:#737b69}
.chronicle-empty{text-align:center;padding:50px 15px;background:#eaece1;border-radius:5px}.chronicle-empty h2{font:normal 30px var(--serif)}.chronicle-empty p{margin:18px 0;font-size:14px}.chronicle-empty button{color:#29483c;text-decoration:underline;padding:12px}
.chronicle-reader-nav{display:flex;gap:16px;justify-content:space-between;margin-top:30px;border-top:1px solid #d2d9c5;padding-top:22px}.chronicle-reader-nav button{text-align:left;font-size:14px;max-width:60%;padding:10px 0;color:#405b46}.chronicle-reader-nav small{display:block;font-size:9px;letter-spacing:1px;margin-bottom:8px}
@media(max-width:800px){.chronicle-feature-copy{padding:30px}.chronicle-feature{grid-template-columns:1.3fr 1fr}.chronicle-feature-art img{width:75%;height:220px}.chronicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chronicle-heading{align-items:start;flex-direction:column;gap:15px}.chronicle-heading>p{max-width:none}.chronicle-heading h1 span{display:inline}.chronicle-cover{height:220px}}
@media(max-width:600px){.local-indicator{display:none}.chronicle{margin-top:0}.chronicle-heading{margin:12px 0 24px}.chronicle-heading h1{font-size:44px}.chronicle-heading h1 span{display:block}.chronicle-feature{grid-template-columns:1fr}.chronicle-feature-copy{padding:28px}.chronicle-feature-art{min-height:245px;grid-row:1}.chronicle-feature-art img{height:185px;width:155px;border-width:8px;border-bottom-width:20px}.chronicle-feature h2{font-size:34px}.chronicle-discover{align-items:start;flex-direction:column;margin-top:36px}.chronicle-discover h2{font-size:32px}.chronicle-tools{flex-direction:column;align-items:stretch;gap:14px}.chronicle-sort{min-width:0}.chronicle-eras{gap:6px}.chronicle-eras button{font-size:11px;padding:9px 11px}.chronicle-grid{grid-template-columns:1fr;gap:30px}.chronicle-cover{height:235px}.chronicle-card h3{font-size:30px}.chronicle-excerpt{font-size:14px}.chronicle-century>header>span{font-size:42px}.chronicle-results-label{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.chronicle-cover{transition:none}.chronicle-open:hover .chronicle-cover{transform:none}}