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

.col-gpt .sub-article,.col-gpt .colnav-content>.article-sources{width:calc(100% - 80px);max-width:830px;margin-inline:auto}
.col-gpt .sub-article{font-weight:400;padding-top:40px}
.col-gpt .sub-article p,.col-gpt .sub-article li{font-size:18px;line-height:2}
.col-gpt .sub-intro{font-size:18px;font-weight:400;line-height:2}
.col-gpt .sub-article .sub-steps h3,.col-gpt .sub-article .sub-documents h3{margin-top:0}
.col-gpt .sub-article .sub-steps h3{margin-top:5px}
.col-gpt .sub-article .sub-product-links h3{margin-top:0}
.col-gpt .sub-article .sub-cite,.col-gpt .sub-article .sub-article-note{font-size:13px;line-height:1.9}
.col-gpt .sub-article .sub-updated-label{font-size:14px}
.col-gpt .sub-article .sub-deadline-label{font-size:17px}
.col-gpt .sub-article .sub-deadline-date{font-size:16px;line-height:1.6}
.col-gpt .sub-article .sub-deadline p:last-child{font-size:15px;line-height:1.9}
.col-gpt .sub-article .sub-deadline p:not(.sub-deadline-label):not(.sub-deadline-date){font-size:15px;line-height:1.9}
.col-gpt .sub-article .sub-budget p:last-child,.col-gpt .sub-article .sub-amounts p{font-size:14px;line-height:1.9}
@media(max-width:760px){
 .col-gpt .sub-article,.col-gpt .colnav-content>.article-sources{width:calc(100% - 32px)}
 .col-gpt .sub-article p,.col-gpt .sub-article li,.col-gpt .sub-intro{font-size:16px;line-height:2}
 .col-gpt .sub-article .sub-cite,.col-gpt .sub-article .sub-article-note{font-size:13px}
 .col-gpt .sub-article .sub-updated-label{font-size:13px}
 .col-gpt .sub-article .sub-deadline-label{font-size:16px}
 .col-gpt .sub-article .sub-deadline p:last-child{font-size:15px}
 .col-gpt .sub-article .sub-budget p:last-child,.col-gpt .sub-article .sub-amounts p{font-size:14px}
}

.col-gpt .sub-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 .sub-intro{margin:0 0 28px}
@media(max-width:760px){.col-gpt .sub-article h2{font-size:22px;line-height:1.7}}
@media(min-width:1200px){.col-gpt .sub-article,.col-gpt .colnav-content>.article-sources{width:100%}}


.col-gpt .sub-article .sub-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 .sub-article{padding-top:24px}
 .col-gpt .sub-article .sub-hero-kicker{font-size:12px;line-height:1.8}
}


 .col-gpt .sub-top-meta{display:block;margin:0 0 18px}
 .col-gpt .sub-top-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
 .col-gpt .sub-top-tags span{display:inline-block;border:1px solid #4d8068;border-radius:999px;padding:4px 13px;font-size:13px;line-height:1.6;color:#fff;background:#4d8068}
 .col-gpt .sub-article .sub-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 .sub-hero{aspect-ratio:2.1/1;min-height:380px;padding-block:28px 40px}
 .col-gpt .sub-hero-kicker{margin-bottom:14px}
 .col-gpt .sub-hero-year{margin-bottom:12px}
 .col-gpt .sub-hero-art{height:260px}
 .col-gpt .sub-hero-art::before{top:44px}
}

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