/* Reading surfaces extend the approved site, without local header/footer variants. */
.materials-page{--reading-unit:var(--site-unit,1px)}
/* Archives and articles share one clearance under the common header. */
.materials-main{width:min(var(--site-content,1248px),calc(100% - 128px));margin:auto;padding:calc(var(--site-opening-top) - 12 * var(--reading-unit)) 0 0}
.materials-opening{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:calc(16 * var(--reading-unit)) calc(28 * var(--reading-unit));padding:calc(12 * var(--reading-unit)) 0 calc(34 * var(--reading-unit))}
.materials-opening h1{font-size:calc(48 * var(--reading-unit));line-height:1.08;letter-spacing:-.03em;font-weight:700}
.archive-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:calc(15 * var(--reading-unit));line-height:1.5;color:#0969c6;flex:none}
.archive-link span{text-decoration:underline;text-underline-offset:4px}
.archive-link svg{width:20px;height:20px;flex:none}
.archive-link:hover{color:var(--navy)}
.publication-list{list-style:none;padding:0;margin:0}
.publication-row{padding:calc(24 * var(--reading-unit)) 0;border-top:1px solid rgba(101,155,199,.32)}
.publication-link{display:grid;grid-template-columns:calc(200 * var(--reading-unit)) minmax(0,1fr);gap:calc(28 * var(--reading-unit));align-items:start;color:var(--navy);text-align:left}
.publication-cover{height:calc(132 * var(--reading-unit));overflow:hidden;border-radius:13px}
.publication-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .4s var(--ease)}
.publication-row a:hover img{transform:scale(1.025)}
.publication-copy{min-width:0}
.publication-date{display:block;color:#315e95;font-size:calc(13 * var(--reading-unit));line-height:1.5;font-variant-numeric:tabular-nums}
.publication-copy h2{font-size:calc(23 * var(--reading-unit));line-height:1.25;letter-spacing:-.025em;font-weight:600;margin:calc(8 * var(--reading-unit)) 0 0;text-wrap:pretty;overflow-wrap:anywhere;max-width:48ch}
.publication-link:hover h2{color:#0969c6}
.publication-copy p{color:#315e95;font-size:calc(15 * var(--reading-unit));line-height:1.55;margin-top:calc(12 * var(--reading-unit));max-width:64ch;text-wrap:pretty;overflow-wrap:anywhere}
.publication-read{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:calc(14 * var(--reading-unit));line-height:1.4;color:#0969c6;margin-top:calc(6 * var(--reading-unit))}
.publication-read svg{width:20px;height:20px;transition:transform .2s ease-out}
.publication-link:hover .publication-read svg{transform:translateX(3px)}
.publication-row-media{min-height:calc(106 * var(--reading-unit))}
.publication-media-source{display:flex;flex-direction:column;gap:calc(7 * var(--reading-unit));padding-right:calc(20 * var(--reading-unit));min-width:0}
.publication-outlet{font-size:calc(17 * var(--reading-unit));line-height:1.35;font-weight:500;color:var(--navy);text-wrap:pretty}
.publication-format{font-size:calc(13 * var(--reading-unit));line-height:1.5;color:#315e95}
.publication-copy .publication-unavailable{font-size:calc(13 * var(--reading-unit));margin-top:calc(10 * var(--reading-unit));color:#315e95}
.materials-empty{font-size:18px;color:#315e95;line-height:1.6;padding:24px 0 48px}
.materials-page .contact{margin-top:calc(44 * var(--reading-unit));margin-bottom:calc(28 * var(--reading-unit))}
.article-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:calc(48 * var(--reading-unit));align-items:start;padding:calc(12 * var(--reading-unit)) 0 calc(38 * var(--reading-unit))}
.article-opening.article-opening-text-only{grid-template-columns:minmax(0,1fr);max-width:70ch;font-size:calc(17 * var(--reading-unit));padding-bottom:calc(12 * var(--reading-unit))}
.article-opening h1{font-size:calc(36 * var(--reading-unit));line-height:1.12;letter-spacing:-.03em;font-weight:700;text-wrap:pretty;overflow-wrap:anywhere}
.article-opening .publication-date{margin-bottom:calc(14 * var(--reading-unit))}
.article-cover{height:calc(236 * var(--reading-unit));border-radius:14px;overflow:hidden}
.article-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.article-body{max-width:70ch;margin:calc(8 * var(--reading-unit)) 0 0;font-size:calc(17 * var(--reading-unit));line-height:1.7;color:#163e73;text-align:left}
.article-body p+p,.article-body ul,.article-body ol{margin-top:1.1em}
.article-body h2{font-size:1.4em;line-height:1.25;font-weight:700;color:var(--navy);letter-spacing:-.02em;margin:1.7em 0 .65em;overflow-wrap:anywhere}
.article-body h3{font-size:1.15em;line-height:1.35;font-weight:700;color:var(--navy);letter-spacing:-.015em;margin:1.7em 0 .65em;overflow-wrap:anywhere}
.article-body ul,.article-body ol{padding-left:1.3em}
.article-body li+li{margin-top:.5em}
.article-body>p,.article-body li{overflow-wrap:anywhere;white-space:pre-line}
.article-body>p a,.article-body h2 a,.article-body h3 a{color:#0969c6;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.article-figure{margin:1.7em 0;max-width:100%}
.article-body>:first-child{margin-top:0}
.article-figure img{display:block;width:auto;max-width:100%;height:auto;border-radius:calc(8 * var(--reading-unit))}
.article-body em{font-synthesis:style;font-style:italic}
.publication-unlinked:hover h2{color:var(--navy)}
.article-figure figcaption{margin-top:.65em;font-size:.85em;line-height:1.5;color:#315e95;overflow-wrap:anywhere}
@media(max-width:960px){
 .materials-main{width:calc(100% - 40px);padding-top:calc(var(--site-opening-top) - 12px)}
 .materials-opening{padding:12px 0 26px}
 .materials-opening h1{font-size:38px}
 .archive-link{font-size:16px}
 .publication-row{padding:24px 0}
 .publication-link{gap:24px;grid-template-columns:190px minmax(0,1fr)}
 .publication-cover{height:144px}
 .publication-copy h2{font-size:23px;margin-top:8px}
 .publication-copy p{font-size:16px;margin-top:10px}
 .publication-date{font-size:14px}
 .publication-row-media{min-height:0}
 .publication-media-source{gap:7px;padding-right:0}
 .publication-outlet{font-size:17px}
 .publication-format,.publication-copy .publication-unavailable{font-size:14px}
 .publication-read{font-size:15px;margin-top:6px}
 .article-opening{gap:28px;padding:12px 0 28px;grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}
 .article-opening.article-opening-text-only{font-size:17px}
 .article-opening h1{font-size:32px}
 .article-cover{height:230px}
 .article-body{font-size:17px;line-height:1.65;margin-top:8px}
 .materials-page .contact{margin:32px 0 25px}
}
@media(max-width:640px){
 .publication-row{padding:24px 0 28px}
 .publication-link{grid-template-columns:1fr;gap:18px}
 .publication-cover{height:180px}
 .publication-copy h2{font-size:23px;line-height:1.25}
 .publication-copy p{font-size:16px;line-height:1.6}
 .publication-row-media .publication-link{gap:12px}
 .publication-media-source{gap:4px}
 .article-opening{grid-template-columns:1fr;gap:24px}
 .article-opening h1{font-size:30px;line-height:1.15}
 .article-cover{height:200px}
 .article-body{max-width:none}
}
@media(prefers-reduced-motion:reduce){.publication-cover img,.publication-read svg,.story-cover img{transition:none}}
