/* 自動生成（scripts/build-columns.py）← columns/ecocute-lifespan/style-after-nav.css（GPT の CSS そのまま。.col-gpt 配下にスコープしただけ） */

.col-gpt .life-article,.col-gpt .colnav-content>.article-sources{width:calc(100% - 80px);max-width:830px;margin-inline:auto}
.col-gpt .life-article{font-weight:400;padding-top:40px}
.col-gpt .life-article p,.col-gpt .life-article li{font-size:18px;line-height:2}
.col-gpt .life-article h2{font-size:26px;line-height:1.7;font-weight:500;padding-top:30px;margin:32px 0 18px;border-top:1px solid #cfdee5;scroll-margin-top:24px}
.col-gpt .life-article h3{font-size:20px;font-weight:500;line-height:1.8;margin:26px 0 12px}
.col-gpt .life-article .life-signs h3{margin:0 0 10px}
.col-gpt .life-article .life-cite,.col-gpt .life-article .life-article-note{font-size:13px;line-height:1.9;color:#536c7b}
.col-gpt .life-article .life-cite a{color:#276e8c}
.col-gpt .life-intro{margin:0 0 28px}
@media(min-width:1200px){.col-gpt .life-article,.col-gpt .colnav-content>.article-sources{width:100%}.col-gpt .colnav-side{padding-top:40px}}
@media(max-width:760px){
 .col-gpt .life-article,.col-gpt .colnav-content>.article-sources{width:calc(100% - 32px)}
 .col-gpt .life-article{padding-top:24px}
 .col-gpt .life-article p,.col-gpt .life-article li{font-size:16px;line-height:2}
 .col-gpt .life-article h2{font-size:22px;line-height:1.7}
 .col-gpt .life-article h3{font-size:18px}
 .col-gpt .life-article .life-cite,.col-gpt .life-article .life-article-note{font-size:13px;line-height:1.9}
}


.col-gpt .life-article .life-hero-kicker{font-size:15px;line-height:1.8}
@media(min-width:1200px){.col-gpt .colnav-side{padding-top:40px}}
@media(max-width:760px){
 .col-gpt .life-article{padding-top:24px}
 .col-gpt .life-article .life-hero-kicker{font-size:12px;line-height:1.8}
}


 .col-gpt .life-top-meta{display:block;margin:0 0 18px}
 .col-gpt .life-top-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
 .col-gpt .life-top-tags span{display:inline-block;border:1px solid #a16c43;border-radius:999px;padding:4px 13px;font-size:13px;line-height:1.6;color:#fff;background:#a16c43}
 .col-gpt .life-article .life-top-byline{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-size:13px;line-height:1.8;color:#536c7b}
@media(min-width:761px){
 .col-gpt .life-hero{aspect-ratio:2.1/1;min-height:380px;padding-block:28px 40px}
 .col-gpt .life-hero-kicker{margin-bottom:14px}
 .col-gpt .life-hero-year{margin-bottom:12px}
 .col-gpt .life-hero-art{height:260px}
 .col-gpt .life-hero-art::before{top:44px}
}

@media(max-width:760px){
 .col-gpt .life-top-meta{margin-bottom:18px}
 .col-gpt .life-top-tags{gap:8px;margin-bottom:10px}
 .col-gpt .life-top-tags span{font-size:12px;padding:4px 12px}
 .col-gpt .life-article .life-top-byline{font-size:12px;gap:4px 12px}
 .col-gpt .life-top-byline>span{white-space:nowrap}
}

.col-gpt .life-article .life-hero-label{font-size:15px;line-height:1.6}
@media(max-width:760px){.col-gpt .life-article .life-hero-label{font-size:12px;line-height:1.6}}