/* Standalone page content only. Shared header/footer styles stay with the shell. */
.content-page{padding-bottom:52px;min-height:52vh}
.content-page .page-breadcrumbs{display:flex;flex-wrap:wrap;gap:6px 9px;list-style:none;padding:0;margin:23px 0 25px;font-size:11px;color:var(--muted)}
.content-page .page-breadcrumbs a{color:var(--muted)}
.content-page .page-intro{border-bottom:2px solid var(--green);padding-bottom:22px;margin-bottom:32px}
.content-page .page-intro h1{font-size:32px;margin-bottom:11px}
.content-page .page-intro>p{font-size:14px;max-width:850px}
.content-page .page-intro .eyebrow{font-size:11px;line-height:1.7;margin-bottom:6px}
.content-page .content-notice{font-size:13px;line-height:1.85;border-left:3px solid #adc0b4;background:var(--pale);padding:13px 17px;margin:0 0 27px}
.content-page .case-entry{padding:0 0 34px;margin:0 0 32px;border-bottom:1px solid var(--line)}
.content-page .case-entry:last-of-type{margin-bottom:23px}
.content-page .case-entry h2{font-size:25px;margin-bottom:16px}
.content-page .case-kind{font-size:11px;font-weight:700;color:var(--green);margin-bottom:5px}
.content-page .case-photo-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:36px;align-items:start}
.content-page .case-main-photo img{width:100%;height:auto;border:1px solid var(--line)}
.content-page .case-entry figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:7px}
.content-page .case-description{font-size:14px;line-height:1.95;margin-bottom:18px}
.content-page .case-facts{margin:0}
.content-page .case-facts>div{padding:11px 0;border-top:1px solid var(--line)}
.content-page .case-facts dt{color:var(--dark);font-weight:700;font-size:12px;line-height:1.6;margin-bottom:3px}
.content-page .case-facts dd{font-size:13px;line-height:1.85;margin:0}
.content-page .case-entry .asset-note{font-size:11px;margin-top:17px}
.content-page .case-comparison{max-width:890px;margin:0 auto 24px}
.content-page .case-comparison .comparison-pair{max-width:none;margin:0}
.content-page .case-comparison>figcaption{text-align:center}
.content-page .case-comparison-copy{max-width:890px;margin-inline:auto}
.content-page .case-comparison-copy .case-facts{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.content-page .content-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--pale);padding:21px 24px}
.content-page .content-contact h2{font-size:19px;margin-bottom:3px}
.content-page .content-contact p{font-size:13px}
.content-page .content-contact .button{flex:none;min-width:240px}
.content-page .column-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:20px}
.content-page .column-heading h2{font-size:23px}
.content-page .column-heading p{font-size:12px;color:var(--muted)}
.content-page .column-empty{padding:23px 0 30px;font-size:14px}
.content-page .column-preview{border-top:1px solid var(--line);margin-top:13px;padding-top:25px}
.content-page .column-preview>h2{font-size:20px;margin-bottom:6px}
.content-page .column-preview>p{font-size:12px;color:var(--muted);margin-bottom:17px}
.content-page .column-list{list-style:none;padding:0;margin:0}
.content-page .column-list>li{border-bottom:1px solid var(--line)}
.content-page .column-item{display:grid;grid-template-columns:200px minmax(0,1fr);gap:27px;text-decoration:none;padding:20px 0}
.content-page .column-item img{width:200px;height:144px;object-fit:cover;border:1px solid var(--line)}
.content-page .column-item h3{font-size:21px;line-height:1.6;margin:7px 0 8px}
.content-page .column-item:hover h3{text-decoration:underline;text-underline-offset:5px}
.content-page .column-meta{display:flex;flex-wrap:wrap;gap:5px 15px;font-size:11px;color:var(--muted);line-height:1.8}
.content-page .column-category{color:var(--green);font-weight:700}
.content-page .draft-label{color:#725d2d;background:#f3f0e6;padding:1px 7px;display:inline-block;font-size:11px}
.content-page .column-item .column-excerpt{font-size:13px;line-height:1.85;color:var(--text)}
.content-page .column-item .column-read{font-size:12px;color:var(--green);margin-top:11px;font-weight:700}
.content-page .column-existing{margin-top:23px}
.content-page .column-existing h2{font-size:20px;margin-bottom:8px}
.content-page .column-existing p{font-size:13px}
.content-page .column-existing ul{padding-left:22px;font-size:13px}
.content-page .article-inner{max-width:860px;margin-inline:auto}
.content-page .article-header{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}
.content-page .article-header h1{font-size:32px;line-height:1.65;margin:12px 0 14px}
.content-page .article-header .column-meta{font-size:12px}
.content-page .article-eyecatch{margin:0 0 27px}
.content-page .article-eyecatch img{width:100%;height:auto;max-height:490px;object-fit:contain;background:var(--paper)}
.content-page .article-eyecatch figcaption{font-size:11px;color:var(--muted);margin-top:7px}
.content-page .article-body{font-size:15px;line-height:2.05}
.content-page .article-body h2{font-size:23px;line-height:1.7;border-bottom:1px solid var(--line);padding-bottom:10px;margin:35px 0 15px}
.content-page .article-body h3{font-size:19px;margin:24px 0 10px}
.content-page .article-body p{margin-bottom:17px}
.content-page .article-body ul{margin:10px 0 20px;padding-left:23px}
.content-page .article-body .article-note{font-size:12px;line-height:1.9;background:var(--pale);border-left:3px solid #adc0b4;padding:13px 17px;margin-top:26px}
.content-page .article-end{border-top:1px solid var(--line);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:13px}
@media(max-width:900px){.content-page .case-photo-layout{gap:25px}.content-page .case-comparison-copy .case-facts{gap:20px}}
@media(max-width:760px){
 .content-page{padding-bottom:30px}
 .content-page .page-breadcrumbs{font-size:10px;margin:16px 0 20px;gap:5px 7px}
 .content-page .page-intro{padding-bottom:17px;margin-bottom:23px}
 .content-page .page-intro h1{font-size:27px;margin-bottom:9px}
 .content-page .page-intro>p{font-size:13px;line-height:1.9}
 .content-page .content-notice{font-size:12px;padding:11px 13px;margin-bottom:23px}
 .content-page .case-entry{padding-bottom:25px;margin-bottom:25px}
 .content-page .case-entry h2{font-size:22px;margin-bottom:13px}
 .content-page .case-photo-layout{display:block}
 .content-page .case-main-photo{margin-bottom:18px}
 .content-page .case-entry figcaption{font-size:10px}
 .content-page .case-description{font-size:13px;margin-bottom:16px}
 .content-page .case-facts dt{font-size:12px}
 .content-page .case-facts dd{font-size:12px}
 .content-page .case-entry .asset-note{font-size:10px;margin-top:14px}
 .content-page .case-comparison{margin-bottom:18px}
 .content-page .case-comparison-copy .case-facts{display:block}
 .content-page .content-contact{display:block;padding:18px 15px}
 .content-page .content-contact h2{font-size:18px}
 .content-page .content-contact p{font-size:12px;margin-bottom:13px}
 .content-page .content-contact .button{width:100%;font-size:13px;min-height:44px}
 .content-page .column-heading h2{font-size:20px}
 .content-page .column-heading p{font-size:11px}
 .content-page .column-empty{font-size:13px;padding:15px 0 23px}
 .content-page .column-preview{padding-top:22px}
 .content-page .column-item{grid-template-columns:95px minmax(0,1fr);gap:14px;padding:17px 0}
 .content-page .column-item img{width:95px;height:95px}
 .content-page .column-item h3{font-size:17px;line-height:1.65;margin:6px 0}
 .content-page .column-meta{font-size:10px;gap:4px 9px}
 .content-page .column-item .column-excerpt{font-size:12px;line-height:1.8}
 .content-page .column-item .column-read{font-size:11px}
 .content-page .column-existing h2{font-size:19px}
 .content-page .column-existing p,.content-page .column-existing ul{font-size:12px}
 .content-page .article-header{padding-bottom:17px;margin-bottom:20px}
 .content-page .article-header h1{font-size:25px;line-height:1.65;margin:10px 0 12px}
 .content-page .article-header .column-meta{font-size:11px}
 .content-page .article-eyecatch{margin-bottom:23px}
 .content-page .article-eyecatch figcaption{font-size:10px}
 .content-page .article-body{font-size:14px;line-height:2}
 .content-page .article-body h2{font-size:21px;margin-top:27px;padding-bottom:9px}
 .content-page .article-body h3{font-size:18px}
 .content-page .article-body .article-note{font-size:11px;padding:11px 13px}
 .content-page .article-end{font-size:12px;gap:12px;flex-direction:column;margin-top:27px;padding-top:17px}
}