/* The Shape of Being Spared: a reading layout for the complete artwork. */
.spared-header{max-width:950px;padding:64px 0 38px}
.spared-header h1{font-size:clamp(47px,6.8vw,88px);line-height:1.04;max-width:13ch;margin:22px 0 24px;letter-spacing:-.045em}
.spared-header .essay-deck{max-width:45ch;font-size:clamp(20px,2.2vw,25px);margin:0 0 23px}
.spared-hero{margin:0 0 64px}
.spared-hero>a{display:block;background:#e6e3db}
.spared-hero img{display:block;width:100%;height:auto;max-height:none;min-height:0;object-fit:contain}
.spared-hero figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px 35px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--muted)}
.spared-hero figcaption a{flex-shrink:0;color:var(--blue);text-decoration:underline;text-underline-offset:4px;padding:8px 0}
.spared-body{max-width:730px;margin-inline:auto;font:400 22px/1.8 var(--serif)}
.spared-body>p{margin:0 0 27px}
.spared-body>.lead{font:400 clamp(26px,3.1vw,35px)/1.4 var(--serif);letter-spacing:-.02em;margin:0 0 29px}
.spared-body blockquote{margin:47px 0 42px;padding:6px 0 7px 28px;border-left:2px solid #668176;font:400 clamp(26px,3vw,36px)/1.4 var(--serif);letter-spacing:-.025em;color:#294a40}
.spared-body blockquote p{margin:0}
.spared-body a{color:var(--blue);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.spared-colophon{border-top:1px solid var(--line);padding-top:24px;margin-top:44px;font:400 14px/1.7 var(--sans);color:var(--muted)}
.spared-colophon p{margin:0}
.spared-end{max-width:730px;margin:48px auto 0;font-size:16px}
.spared-index{padding-bottom:22px}
.spared-index .essay-card{grid-template-columns:minmax(260px,1.15fr) 1fr;gap:38px}
.spared-index .essay-card>a{display:block}
.spared-index .essay-card img{width:100%;height:auto;object-fit:contain;aspect-ratio:3/2;display:block}
.spared-index .essay-card h3{font-size:clamp(32px,4vw,46px);max-width:15ch}
@media(max-width:760px){
 .spared-header{padding:36px 0 29px}
 .spared-header h1{font-size:clamp(43px,11.5vw,64px);max-width:13ch;margin:18px 0 21px}
 .spared-header .eyebrow{font-size:11px;letter-spacing:.065em}
 .spared-header .essay-meta{font-size:13px;gap:8px 13px}
 .spared-header .essay-deck{font-size:20px}
 .spared-hero{margin-bottom:37px}
 .spared-hero figcaption{display:block;font-size:12px;padding:12px 0}
 .spared-hero figcaption span{display:block}
 .spared-hero figcaption a{display:block;width:fit-content;margin-top:3px}
 .spared-body{font-size:20px;line-height:1.75}
 .spared-body>p{margin-bottom:24px}
 .spared-body blockquote{padding-left:20px;margin:36px 0}
 .spared-index{padding:28px 0 0}
 .spared-index+.editorial-index{padding-top:28px}
 .spared-index .essay-card{display:block;padding:22px 0}
 .spared-index .essay-card img{margin-bottom:22px}
 .spared-end{margin-top:35px}
}
@media print{
 .spared-header{padding-top:0}
 .spared-header h1{font-size:38pt}
 .spared-hero{margin-bottom:28px}
 .spared-hero img{max-height:140mm}
 .spared-hero figcaption a{display:none}
 .spared-body{font-size:12pt;line-height:1.65;max-width:none}
 .spared-body blockquote{font-size:18pt;break-inside:avoid}
}