/* Reading-room extension: the existing paper, ink and gallery typography. */
.stories-head{display:grid;grid-template-columns:1.8fr 1fr;gap:80px;align-items:center;padding:42px 0 38px}
.stories-head h1{font:76px/.98 var(--serif);letter-spacing:-2px;margin:22px 0}
.stories-head>div>p:last-child{font-size:14px;line-height:1.9;max-width:550px;color:var(--muted)}
.story-method{border-left:1px solid #b7bcab;padding:15px 0 15px 35px}.story-method>span{display:block;font-size:11px;letter-spacing:1.5px;margin:14px 0;color:var(--green)}.story-method p{font-size:12px;line-height:1.8;color:var(--muted);max-width:250px;margin-top:25px}
.story-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:10px 0 28px}.story-toolbar .program-filters{margin:0;flex-wrap:wrap}.story-toolbar>p{white-space:nowrap}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.story-card{min-width:0;background:#fffefa;border:1px solid var(--line);border-radius:4px;overflow:hidden}.story-card-link{display:block;height:100%}.story-card-image{height:230px;position:relative;overflow:hidden;background:#ecebe2}.story-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.story-card-link:hover img{transform:scale(1.035)}.story-length{position:absolute;bottom:12px;left:14px;background:var(--paper,#f7f6f0);padding:7px 10px;font-size:9px;letter-spacing:1px;color:var(--green)}.story-card-copy{padding:25px}.story-card-copy h2{font:34px/1.1 var(--serif);margin:15px 0}.story-card-copy>.eyebrow{font-size:8px;line-height:1.8}.story-card-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:25px}.story-card-copy .text-button{font-size:11px}.story-type-plate{background:#263f37;color:#fff5df;padding:32px;display:flex;align-items:center}.story-type-plate>span{font-size:10px;letter-spacing:2px}.story-type-plate small{font:35px/1.15 var(--serif);display:block;letter-spacing:0;margin-top:20px}.story-editorial-note{font-size:12px;line-height:1.9;max-width:820px;color:var(--muted);margin:35px 0 20px}
.story-preview{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px;background:#eceee4;border:1px solid #c7ccba;border-radius:4px;margin:38px 0}.story-preview h2{font:43px/1.05 var(--serif);margin:20px 0}.story-preview>div>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:470px;color:var(--muted);margin-bottom:22px}.story-preview-art{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0;align-items:center}.story-preview-art a{position:relative;background:#fffefa;padding-bottom:14px;overflow:hidden}.story-preview-art img{width:100%;height:160px;object-fit:cover}.story-preview-art span{display:block;font:23px/1.15 var(--serif);padding:12px 13px 0}
.story-detail-head{max-width:890px;margin:40px auto 45px;text-align:center}.story-detail-head h1{font:72px/1.04 var(--serif);margin:22px 0;letter-spacing:-1px}.story-detail-head>p:last-child{font-size:15px;line-height:1.8;max-width:650px;margin:auto;color:var(--muted)}.story-detail-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:start}.story-art{position:sticky;top:25px;min-width:0}.story-art figure{margin:0}.story-art figure>img{width:100%;max-height:510px;object-fit:contain;background:#ecebe2}.story-art figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin:14px 0}.story-art figcaption p{font-size:10px;margin:8px 0}.story-art figcaption a{color:var(--green);text-decoration:underline}.story-context{padding:24px 0;border-top:1px solid var(--line);margin-top:22px}.story-context>a{display:block;margin-top:14px;font-size:12px;color:var(--green);text-decoration:underline}.story-image-unavailable{padding:35px;background:#e8ecdf;border:1px solid #c8ceba}.story-image-unavailable h2{font:40px/1.1 var(--serif);margin:20px 0}.story-image-unavailable>p:not(.eyebrow){font-size:13px;line-height:1.9;margin-bottom:25px;color:var(--muted)}
.story-reading{min-width:0}.story-reading h2{font:35px/1.12 var(--serif);margin:15px 0 19px}.story-looking{padding:28px;background:#ebeedd;border-top:3px solid var(--green);margin-bottom:38px}.story-looking ol{padding-left:20px;font-size:13px;line-height:1.9}.story-looking li{padding:0 0 14px 5px}.story-reading .atlas-small{font-size:11px;line-height:1.8;color:var(--muted)}.story-section{padding-bottom:32px;margin-bottom:24px;border-bottom:1px solid var(--line)}.story-section>p:not(.eyebrow){font-size:15px;line-height:1.95;color:#42483d}.story-section-source{display:inline-block;font-size:11px;margin-top:18px;color:var(--green);text-decoration:underline}.story-quiz{padding:28px;border:1px solid #c8ceba;background:#fffefa;margin:32px 0}.story-quiz h2{font-size:29px}.story-quiz-options{display:grid;gap:10px;margin:22px 0}.story-quiz-options button{text-align:left;border:1px solid #b1bba7;padding:14px 16px;border-radius:3px;line-height:1.6;font:12px/1.7 var(--sans);color:var(--green);background:transparent;min-height:44px}.story-quiz-options button.selected{background:var(--green);color:#fff}.story-quiz #story-feedback p{font-size:12px;line-height:1.9;background:#edf0e3;padding:18px;margin:0}.story-fieldnote{margin:38px 0}.story-fieldnote label{display:block;font-size:12px;line-height:1.8;margin:15px 0}.story-fieldnote textarea{display:block;width:100%;min-height:150px;resize:vertical;padding:16px;border:1px solid #b8bba9;border-radius:3px;font:14px/1.8 var(--sans);background:#fffefa;color:var(--ink)}.story-sources{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.story-sources h2{font-size:29px}
.library-search{max-width:570px;margin:25px 0 20px}.library-search label{display:block;font-size:12px;color:var(--green);margin-bottom:9px}.library-search input{width:100%;padding:13px 15px;border:1px solid #adb7a4;background:#fffefa;border-radius:3px;font:14px var(--sans);color:var(--ink)}.resource .resource-author{font-size:11px;color:var(--green);margin:-8px 0 18px}.resource .resource-checked{font-size:10px;line-height:1.6;color:var(--muted);margin:16px 0 8px}.resource h2{overflow-wrap:anywhere}
@media(max-width:1000px){.stories-head{gap:40px}.stories-head h1{font-size:64px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-detail-layout{gap:35px}.story-detail-head h1{font-size:62px}.story-preview{gap:25px;padding:28px}.story-preview h2{font-size:38px}.story-preview-art img{height:140px}}
@media(max-width:700px){.story-detail-layout{display:block}.story-art{position:static;max-width:550px;margin:0 auto 35px}.story-art figure>img{max-height:470px}.story-preview{grid-template-columns:1fr}.story-preview-art img{height:200px}.stories-head{gap:25px;grid-template-columns:1.6fr 1fr}.stories-head h1{font-size:54px}.story-method{padding-left:20px}.story-method>span{font-size:9px}.story-toolbar{display:block}.story-toolbar>p{margin-top:16px}.story-card-image{height:210px}}
@media(max-width:450px){.stories-head{display:block;padding-top:26px}.stories-head h1{font-size:51px}.stories-head>div>p:last-child{font-size:13px}.story-method{display:none}.story-grid{grid-template-columns:1fr}.story-card-image{height:230px}.story-card-copy{padding:24px}.story-detail-head{text-align:left;margin:30px 0}.story-detail-head h1{font-size:50px}.story-detail-head>p:last-child{font-size:13px}.story-reading h2{font-size:32px}.story-reading .story-section>p:not(.eyebrow){font-size:14px}.story-looking,.story-quiz{padding:23px}.story-preview{padding:23px;gap:28px}.story-preview h2{font-size:36px}.story-preview-art{gap:12px}.story-preview-art img{height:120px}.story-preview-art span{font-size:21px}.story-toolbar .chip{font-size:10px;padding:9px 12px}.story-image-unavailable{padding:25px}.story-fieldnote textarea{font-size:16px}.library-search input{font-size:16px}}

.story-caveat{padding:20px 23px;background:#f0ede2;border-left:3px solid #9d7743;margin:25px 0}.story-caveat>p:last-child{font-size:12px;line-height:1.9;color:var(--muted);margin-top:12px}

.stories-head{padding-block:26px 22px;gap:32px}
.stories-head h1{font-size:clamp(2.65rem,5vw,4.2rem);margin:12px 0}
.story-toolbar{margin-bottom:20px}
@media(max-width:450px){
  .stories-head{padding-block:18px 16px}
  .story-toolbar .chip{min-height:40px}
}
