/* At 1440: 240px navigation + 80px gutters + 2 × 548px dossiers + 24px gap = 1440px. */
body:not(.detail-mode){background:#f6f7f4}
body:not(.detail-mode) .site-header,body:not(.detail-mode) .sidebar{background:#f6f7f4}
body:not(.detail-mode) .site-header{border-bottom:0}
body:not(.detail-mode) .sidebar{border-right:0}
.library-main{background:#fff;border:1px solid #e8ebe5;border-radius:12px 0 0 0;min-height:calc(100vh - 82px)}
.page-heading h1{font-size:30px;letter-spacing:-.7px}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.editorial-card{padding:23px 24px 0;border-radius:8px;display:block;transition:border-color .18s}
.editorial-card:hover{transform:none;border-color:#94aa98}
.editorial-card .card-meta{font-size:11px;margin-bottom:18px;color:#5c695f}
.card-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:21px;align-items:start}
.without-image .card-content-grid{grid-template-columns:1fr}
.editorial-card .card-title{font-size:21px;line-height:1.45;letter-spacing:-.4px;margin:0 0 11px;font-weight:650;color:#27352d}
.card-description{font-size:14px;color:#536157;line-height:1.9}
.card-image{margin:0;min-width:0}
.card-image img{display:block;width:100%;height:119px;object-fit:cover;object-position:center 25%;border-radius:5px;background:#f0f2ed}
.card-image figcaption{font-size:11px;line-height:1.7;color:#617065;margin-top:7px}
.card-insight{margin-top:19px;padding-top:15px;border-top:1px solid #edf0ea}
.card-insight p{font-size:13px;line-height:1.9;color:#5b695f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.card-price strong{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:25px;font-weight:600;letter-spacing:-.5px;color:#31563e;font-variant-numeric:tabular-nums}
.card-price span{font-size:11px;color:#596d5f;line-height:1.7}
.editorial-card .card-footer{margin:17px -24px 0;padding:13px 24px;border-top:1px solid #edf0ea;color:#637166;font-size:11px;line-height:1.8}
.card-read{color:#375d43;white-space:nowrap}
.picturebook-detail .project-heading h1{font-size:32px;letter-spacing:-1px;color:#26372d}
.picturebook-detail .detail-intro{max-width:600px;font-size:15px;line-height:1.95}
.case-overview{border-top:1px solid #dfe6dc;border-bottom:1px solid #dfe6dc;margin:25px 0 0}
.case-overview-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 0}
.case-overview-heading h2{font-size:16px;font-weight:600;color:#2c3e31}
.case-overview-heading>span{font-size:11px;color:#647266}
.case-preview{display:grid;grid-template-columns:minmax(0,1fr) 158px;gap:21px;padding:18px 0;border-top:1px solid #e9eee6;align-items:center}
.case-preview:hover h3{text-decoration:underline;text-underline-offset:4px}
.case-kicker{font-size:11px;color:#58725c;line-height:1.8}
.case-preview h3{font-size:18px;font-weight:600;margin:7px 0 8px;line-height:1.5;color:#2e4134}
.case-preview h3>span{font-size:15px;margin-left:5px;color:#607662}
.case-preview p{font-size:12px;line-height:1.9;color:#58675d}
.case-preview-author{display:block;margin-top:10px;font-size:11px;line-height:1.8;color:#667467}
.case-preview img{width:100%;height:135px;object-fit:cover;object-position:center 25%;border-radius:5px;border:1px solid #e4e9df}
.case-preview:not(:has(img)){grid-template-columns:1fr}
.picturebook-detail .article-standfirst{font-size:16px;line-height:2;margin:24px 0}
.picturebook-article .editorial-section{padding-top:39px}
.picturebook-article .editorial-section h2{font-size:23px;color:#293c30;line-height:1.6;margin-bottom:20px}
.picturebook-article .editorial-section p{color:#47584c;font-size:15px;line-height:2.1}
.business-flow{list-style:none;padding:0;margin:25px 0 9px;counter-reset:process;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.business-flow li{counter-increment:process;border-top:1px solid #dce5d9;padding:17px 0 18px;display:grid;grid-template-columns:22px 1fr;gap:8px 7px}
.business-flow li::before{content:counter(process,decimal-leading-zero);font:12px/1.8 Arial,sans-serif;color:#627763;grid-row:1/3}
.business-flow strong{font-size:14px;font-weight:600;line-height:1.7;color:#304a37}
.business-flow span{font-size:12px;line-height:1.9;color:#5c6c5e}
.picturebook-article .editorial-section .flow-attribution{font-size:11px;color:#667668;line-height:1.9;margin-bottom:23px}
.case-chapter{border-top:1px solid #dfe6dc;margin-top:36px}
.case-provenance{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#5d7461;margin-bottom:11px;line-height:1.9}
.case-provenance a{color:#426a4c;text-decoration:underline;text-underline-offset:3px}
.picturebook-article .editorial-section .case-reading-note{font-size:13px;line-height:1.95;color:#58715d;padding:14px 17px;background:#f4f7f0;border-left:2px solid #a3b79c;margin-bottom:23px}
.picturebook-article .post-images a{background:#f8faf6;padding:12px}
.picturebook-article .post-images img{max-height:540px}
.picturebook-article .post-figure figcaption{color:#526a58}
.evidence-crosscheck{font-size:17px;font-weight:600;margin:29px 0 16px;line-height:1.8;color:#304c38}
.cost-check{border:1px solid #e0e7dc;border-radius:7px;padding:19px 21px;margin:23px 0 26px;background:#fbfcf9}
.cost-check h3,.reader-experiment h3{font-size:15px;font-weight:600;color:#314b38;margin:0 0 13px;line-height:1.8}
.cost-check dl{margin:0}
.cost-check dl>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid #e5ebe0;font-size:12px;line-height:1.9}
.cost-check dt{color:#4e6655}.cost-check dd{margin:0;color:#5c6e61}
.picturebook-article .cost-check>p{font-size:11px;line-height:1.9;margin:10px 0 0;color:#657568}
.reader-experiment{border-left:2px solid #c3cdbd;padding:4px 0 2px 19px;margin-top:28px}
.reader-experiment>span{display:block;font-size:11px;line-height:1.8;color:#6a7564;margin:-6px 0 12px}
.metric-case-heading{padding:13px 19px;background:#f8faf5;border-bottom:1px solid #e4eadf;line-height:1.8}
.metric-case-heading strong{display:block;font-size:12px;font-weight:600;color:#3c5943}
.metric-case-heading span{font-size:11px;color:#667669}
.source-case-group{margin-top:29px}
.source-case-group>header{margin:0 0 17px}
.source-case-group>header h3{font-size:16px;font-weight:600;color:#344c3b;line-height:1.8;margin:0}
.source-case-group>header p{font-size:12px;line-height:1.8;color:#65766a;margin-top:4px}
.source-reading-title{font-size:17px;line-height:1.7;color:#2f4637;margin:0 0 18px;font-weight:600}
.original-preview{margin-bottom:18px}
.original-preview>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:2;color:#45594b;margin:8px 0 0}
.native-post-slot:has(.native-status[hidden]):has(.native-tweet-target:empty){min-height:0}
.original-replies{background:#f8faf6}
.reply-topic{font-size:11px;line-height:1.8;color:#57745c;margin-bottom:7px;font-weight:550}
.original-context{margin-bottom:17px}
@media(min-width:1700px){.card-content-grid{grid-template-columns:minmax(0,1fr) 170px}.card-image img{height:145px}}
@media(max-width:1100px) and (min-width:651px){.project-grid{grid-template-columns:1fr}.card-content-grid{grid-template-columns:minmax(0,1fr) 160px}.card-image img{height:120px}}
@media(max-width:850px) and (min-width:651px){.case-preview{grid-template-columns:minmax(0,1fr) 95px;gap:12px}.case-preview img{height:130px}.case-overview-heading{display:block}.case-overview-heading>span{display:block;margin-top:6px}.case-preview h3{font-size:16px}.case-preview-author{overflow-wrap:anywhere}.business-flow{grid-template-columns:1fr}.picturebook-article .editorial-section h2{font-size:21px}.cost-check{padding:16px}.cost-check dl>div{grid-template-columns:1fr;gap:3px}}
@media(max-width:650px){
 body:not(.detail-mode){background:#fff}.library-main{border:0;border-radius:0;padding:25px 18px}.page-heading h1{font-size:26px}.project-grid{grid-template-columns:1fr;gap:18px}
 .editorial-card{padding:19px 18px 0}.editorial-card .card-meta{font-size:11px;margin-bottom:17px}.card-content-grid{grid-template-columns:minmax(0,1fr) 104px;gap:15px}.editorial-card .card-title{font-size:21px}.card-image img{height:110px}.card-description{font-size:13px}.card-image figcaption{font-size:11px}.card-insight p{font-size:12px;-webkit-line-clamp:3}.editorial-card .card-footer{margin-left:-18px;margin-right:-18px;padding:13px 18px;gap:10px;flex-wrap:wrap}
 .picturebook-detail .project-heading h1{font-size:32px}.picturebook-detail .detail-intro{font-size:14px}.case-overview-heading{display:block}.case-overview-heading>span{display:block;margin-top:7px}.case-preview{grid-template-columns:minmax(0,1fr) 106px;gap:15px;padding:19px 0}.case-preview img{height:137px}.case-preview h3{font-size:18px}.case-preview p{font-size:12px}.case-preview-author{font-size:11px;overflow-wrap:anywhere}.picturebook-detail .article-standfirst{font-size:15px}
 .picturebook-article .editorial-section{padding-top:29px}.picturebook-article .editorial-section h2{font-size:22px}.business-flow{gap:0 17px}.business-flow li{display:block}.business-flow li::before{display:block;margin-bottom:5px}.business-flow strong,.business-flow span{display:block}.business-flow span{margin-top:6px}.picturebook-article .editorial-section p{font-size:15px}.case-provenance{font-size:11px}.cost-check{padding:17px}.cost-check dl>div{grid-template-columns:1fr;gap:3px}.picturebook-article .post-images img{max-height:440px}.metric-case-heading{padding-left:20px;padding-right:20px}.source-reading-title{font-size:17px}.original-preview>p{font-size:14px}.source-case-group>header h3{font-size:17px}
}
