/* Reading layout for the editorial project summaries. */
.detail-layout{grid-template-columns:minmax(0,1fr) 290px;gap:54px}
.project-heading{margin-bottom:20px}
.article-byline{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:11px;color:#687580;padding:0 0 21px;border-bottom:1px solid #e9ecef}
.editorial-author{display:flex;align-items:center;gap:7px;color:#525f6a}
.editorial-author>span{display:grid;place-items:center;width:20px;height:20px;background:#f1f3f5;border:1px solid #e5e8ec;border-radius:5px;font-size:13px}
.article-standfirst{font-size:16px;color:#424e59;line-height:2;margin:25px 0 22px;letter-spacing:.15px}
.detail-tabs{gap:24px;margin-top:0}
.detail-tabs a{font-size:12px}
.detail-tabs a:first-child{border-bottom-color:transparent;font-weight:400}
.detail-tabs a:hover{color:#253d32}
.editorial-section{padding-top:33px;scroll-margin-top:68px}
.editorial-section h2{font-size:21px;font-weight:600;line-height:1.6;letter-spacing:-.4px;color:#27323d;margin-bottom:17px}
.editorial-section p{font-size:15px;line-height:2.15;color:#53606d;letter-spacing:.1px;margin:0 0 17px;overflow-wrap:break-word}
.article-citation{font-size:11px;line-height:0;vertical-align:super;margin-left:4px;white-space:nowrap;font-variant-numeric:tabular-nums}
.article-citation a{color:#4f6d5b;text-decoration:none;padding:4px 1px}
.article-citation a:hover{color:#223f2d;text-decoration:underline}
.post-figure{margin:27px 0 28px}
.post-images{border:1px solid #e5e8ec;border-radius:7px;overflow:hidden;background:#f7f8fa;display:grid;grid-template-columns:minmax(0,1fr);gap:1px}
.post-images.paired{grid-template-columns:repeat(2,minmax(0,1fr));background:#e5e8ec}
.post-images a{display:block;background:#f7f8fa;min-width:0;padding:10px}
.post-images img{width:100%;height:auto;max-height:390px;object-fit:contain;display:block}
.post-images.paired img{height:365px;max-height:none}
.post-figure figcaption{font-size:12px;color:#62707c;line-height:1.95;padding-top:12px;overflow-wrap:break-word}
.figure-label{font-size:11px;color:#536573;margin-right:8px;background:#f0f3f5;padding:3px 5px;border-radius:3px}
.figure-hint{display:block;font-size:11px;color:#687580;margin-top:5px}
.article-references{border-top:1px solid #e6eaed;margin-top:37px;padding-top:27px;scroll-margin-top:70px}
.article-references h2{font-size:16px;line-height:1.5;font-weight:550;color:#3b4855}
.article-references h2>span{font-size:11px;color:#6e7985;margin-left:7px}
.article-references ol{list-style:none;padding:0;margin:20px 0 0}
.article-references li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid #eef0f2;scroll-margin-top:80px}
.article-references li:focus{outline:2px solid #b6cabb;outline-offset:6px;border-radius:3px}
.reference-number{font-size:11px;font-variant-numeric:tabular-nums;color:#62707d;min-width:12px;line-height:1.9}
.reference-title{font-size:13px;line-height:1.8;color:#465d50}
.reference-title:hover{text-decoration:underline}
.reference-title>span{margin-left:4px}
.reference-meta,.reference-note{font-size:11px;line-height:1.95;color:#697581;margin-top:6px}
.reference-note{font-size:12px;color:#5f6d7a}
.article-end{line-height:1.95}
@media(max-width:1050px){.detail-layout{gap:32px;grid-template-columns:minmax(0,1fr) 255px}.editorial-section p{font-size:14px}.article-standfirst{font-size:15px}.editorial-section h2{font-size:20px}.detail-tabs{gap:19px}.post-images.paired img{height:310px}}
@media(max-width:850px){.detail-layout{grid-template-columns:minmax(0,1fr) 225px;gap:25px}.editorial-section p{font-size:14px}.editorial-section h2{font-size:19px}.article-standfirst{font-size:14px}.detail-tabs{gap:0;justify-content:space-between}.detail-tabs a{font-size:11px}.post-images.paired img{height:255px}.post-images a{padding:7px}}
@media(max-width:650px){.detail-layout{gap:30px}.project-heading h1{font-size:27px}.detail-intro{font-size:13px;line-height:1.95}.article-byline{gap:13px;padding-bottom:18px;font-size:11px}.article-standfirst{font-size:15px;line-height:2.05;margin-top:23px}.editorial-section{padding-top:28px}.editorial-section h2{font-size:20px;margin-bottom:16px}.editorial-section p{font-size:15px;line-height:2.1;margin-bottom:18px}.detail-tabs{margin-top:0;gap:0}.detail-tabs a{font-size:11px}.post-figure{margin:24px 0}.post-images.paired img{height:255px}.post-images img{max-height:320px}.post-figure figcaption{font-size:12px}.article-references{margin-top:29px}.reference-title{font-size:13px}.article-citation a{padding:5px 2px}.article-end{font-size:11px}}

.small-tag.neutral{color:#5b6875}.citation-group{white-space:nowrap}
.editorial-list{padding-left:23px;margin:0 0 20px;color:#53606d;font-size:15px;line-height:2.1}
.editorial-list li{padding-left:5px;margin-bottom:12px}
.project-specific-metric{align-items:flex-start}
.project-specific-metric>span{max-width:48%;line-height:1.8}
.project-specific-metric strong{max-width:52%;text-align:right;line-height:1.8}
@media(max-width:650px){.editorial-list{font-size:15px}.project-specific-metric>span{max-width:55%}}
.source-cover{background:#f5f6f8;position:relative}
.source-cover img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.source-cover.cover-fit-contain img{object-fit:contain;background:#f5f6f8}
.cover-origin{position:absolute;bottom:10px;left:10px;font-size:11px;line-height:1.5;padding:4px 7px;background:#fff;color:#475361;border:1px solid #e4e7eb;border-radius:4px}
.project-cover{margin:24px 0 0}
.project-cover-image{display:block;border:1px solid #e2e7eb;border-radius:8px;overflow:hidden}
.project-cover .source-cover{aspect-ratio:1.85}
.project-cover figcaption{font-size:12px;line-height:1.9;color:#5f6c78;padding-top:11px}
.project-cover figcaption a{color:#45644f;white-space:nowrap}
.project-cover figcaption a:hover{text-decoration:underline}
@media(max-width:650px){.project-cover{margin-top:21px}.project-cover .source-cover{aspect-ratio:1.8}.cover-origin{bottom:8px;left:8px;font-size:11px}.project-cover figcaption{font-size:12px}}

.project-cover .source-cover{aspect-ratio:auto}.project-cover .source-cover img{position:static;height:auto;max-height:440px;object-fit:contain}@media(max-width:650px){.project-cover .source-cover{aspect-ratio:auto}.project-cover .source-cover img{max-height:320px}}
