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


@media(min-width:761px){
 .col-gpt .mechanism-intro,.col-gpt .mechanism-device,.col-gpt .choice-guidance,.col-gpt .help-intro,.col-gpt .column-questions,.col-gpt .trial-reading,.col-gpt .result-overall-note,.col-gpt .choice-note,.col-gpt .ufb-products-note{width:100%;max-width:none;margin-inline:0}
 
 .col-gpt .article-sources{width:100%;margin-inline:0}
 .col-gpt .technology--shared .mechanism-grid{width:100%;max-width:none}
 .col-gpt .section>.container>.section-lead,.col-gpt .intro-grid .section-lead{max-width:none}
}


@media(min-width:761px){.col-gpt .intro-grid{grid-template-columns:minmax(0,1fr);gap:8px}.col-gpt .definition{max-width:none}.col-gpt .intro-grid .section-lead{width:100%;max-width:none}}


.col-gpt .scale-figure{width:100%;max-width:960px;margin-inline:auto}


.col-gpt .flow-figure{width:100%;max-width:960px;margin-inline:auto}


.col-gpt .colnav-content{container-type:inline-size;container-name:column-article}
.col-gpt .colnav-content>.section>.container{container-type:inline-size;container-name:ufb-section}
@media(min-width:761px){
 .col-gpt .colnav-content>.section{padding-top:64px;padding-bottom:64px}
 .col-gpt .colnav-content>.intro{padding-top:72px;padding-bottom:88px}
 .col-gpt .colnav-content>.technology--shared{padding-top:88px;padding-bottom:80px}
 .col-gpt .colnav-content>.flow-section{padding-top:72px;padding-bottom:64px}
 .col-gpt .colnav-content>.ufb-help{padding-top:28px}
 .col-gpt .colnav-content>.ufb-products{padding-top:56px;padding-bottom:56px}
 .col-gpt .colnav-content .section-title,.col-gpt .colnav-content .definition .section-title{font-size:30px;line-height:1.65;letter-spacing:.02em;margin-bottom:22px}
 .col-gpt .colnav-content .section-label{font-size:15px;margin-bottom:16px;--label-rule-cap:782px}
 .col-gpt .colnav-content .section-label::after{margin-top:12px}
 .col-gpt .colnav-content :is(.section-lead,.col-gpt .intro-grid .section-lead,.col-gpt .effect-copy p,.col-gpt .choice p,.col-gpt .mechanism-intro,.col-gpt .mechanism-device,.col-gpt .choice-guidance,.col-gpt .help-intro){font-size:18px;line-height:1.95;letter-spacing:.025em}
 .col-gpt .colnav-content .section-lead{margin-bottom:30px}
 .col-gpt .colnav-content .intro-grid{gap:0;margin-bottom:28px}
 .col-gpt .colnav-content .intro-grid .section-lead{margin-bottom:0}
 .col-gpt .colnav-content .scale-figure,.col-gpt .colnav-content .flow-figure{max-width:100%;padding:0}
 .col-gpt .colnav-content .mechanism-intro{margin-bottom:28px}
 .col-gpt .colnav-content .technology--shared .mechanism-grid{gap:24px;margin:28px 0}
 .col-gpt .colnav-content .technology--shared .mechanism-item{padding:22px;border-radius:12px}
 .col-gpt .colnav-content .mechanism-step-heading{gap:12px;margin-bottom:20px}
 .col-gpt .colnav-content .mechanism-step-heading>span{flex-basis:34px;height:34px;font-size:15px}
 .col-gpt .colnav-content .technology--shared .mechanism-item h3{font-size:21px;line-height:1.65}
 .col-gpt .colnav-content .technology--shared .mechanism-item img{max-width:220px;margin-bottom:20px}
 .col-gpt .colnav-content .technology--shared .mechanism-item figcaption{font-size:16px;line-height:1.9;letter-spacing:.02em}
 .col-gpt .colnav-content .mechanism-device{margin-top:30px;padding-top:26px}
 .col-gpt .colnav-content :is(.mechanism-device,.col-gpt .choice-guidance,.col-gpt .help-intro) h3{font-size:22px;line-height:1.7;margin-bottom:14px}
 .col-gpt .colnav-content :is(.mechanism-device,.col-gpt .choice-guidance,.col-gpt .help-intro)>p{margin-bottom:12px}
 .col-gpt .colnav-content :is(.mechanism-device,.col-gpt .choice-guidance,.col-gpt .help-intro)>p:last-child{margin-bottom:0}
 .col-gpt .colnav-content .mechanism-more{margin-top:24px}
 .col-gpt .colnav-content .mechanism-more>a.flow-jump-button{width:min(100%,620px);font-size:15px;min-height:58px;padding-block:14px}
 .col-gpt .colnav-content .trial-reading{padding:22px 24px;font-size:16px;line-height:1.9;margin-bottom:28px}
 .col-gpt .colnav-content .trial-reading h3{font-size:20px;line-height:1.7;margin-bottom:12px}
 .col-gpt .colnav-content .trial-reading p{margin-bottom:10px}
 .col-gpt .colnav-content .trial-reading p:last-child{margin-bottom:0}
 .col-gpt .colnav-content .effect-results{margin-top:32px}
 .col-gpt .colnav-content .effect-result{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;row-gap:16px;padding:32px 0;align-items:center}
 .col-gpt .colnav-content .effect-result .effect-copy h3{font-size:25px;line-height:1.65;margin-bottom:16px}
 .col-gpt .colnav-content .effect-result .effect-copy .section-label{font-size:14px}
 .col-gpt .colnav-content .result-comparison{max-width:100%}
 .col-gpt .colnav-content .result-comparison>.figure-image{max-width:360px}
 .col-gpt .colnav-content .result-comparison .test-caption{font-size:12px;line-height:1.85;margin-top:12px}
 .col-gpt .colnav-content .result-overall-note{margin-top:14px;font-size:13px;line-height:1.9}
 .col-gpt .colnav-content .flow-figure{margin-top:28px}
 .col-gpt .colnav-content .flow-caption{font-size:13px;line-height:1.85;margin-top:18px}
 .col-gpt .colnav-content .flow-caption small{margin-top:6px}
 .col-gpt .colnav-content .choice-grid{gap:28px;margin-top:30px}
 .col-gpt .colnav-content .choice{padding-top:22px}
 .col-gpt .colnav-content .choice-topline{margin-bottom:12px}
 .col-gpt .colnav-content .choice-heading{margin-bottom:14px}
 .col-gpt .colnav-content .choice-heading .choice-series{font-size:17px;margin-bottom:4px}
 .col-gpt .colnav-content .choice-heading .choice-usage{font-size:23px;line-height:1.7}
 .col-gpt .colnav-content .choice-guidance{margin-top:30px}
 .col-gpt .colnav-content .choice-note{font-size:13px!important;margin-top:24px;line-height:1.9}
 .col-gpt .colnav-content .column-questions{margin-top:28px}
 .col-gpt .colnav-content .column-questions summary{font-size:17px;padding:18px 4px;line-height:1.8}
 .col-gpt .colnav-content .column-questions details>p{font-size:16px;line-height:1.95;padding:0 8px 22px}
 .col-gpt .colnav-content .ufb-product-grid{gap:24px}
 .col-gpt .colnav-content .ufb-product{padding:22px;min-width:0}
 .col-gpt .colnav-content .ufb-product>.ufb-product-model{font-size:23px;line-height:1.4;margin-top:7px}
 .col-gpt .colnav-content .ufb-product-photo{height:238px;margin:14px 0 18px}
 .col-gpt .colnav-content .ufb-product-photo img{height:100%;object-position:right bottom}
 .col-gpt .colnav-content .ufb-product-spec-tags>li{font-size:12px;min-height:24px}
 .col-gpt .colnav-content .ufb-product-payment>p{font-size:14px}
 .col-gpt .colnav-content .ufb-product-link{font-size:15px;min-height:50px}
 .col-gpt .colnav-content .ufb-products-note{font-size:13px;line-height:1.9;margin-top:22px}
 @container column-article (max-width:850px){
  .col-gpt .colnav-content>.section{padding-inline:24px}
  .col-gpt .colnav-content>.section>.container{width:100%}
 }
 @container ufb-section (max-width:740px){
  .col-gpt .effect-result{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
  .col-gpt .effect-result>.test-conditions{grid-column:1!important}
  .col-gpt .result-comparison{width:min(100%,420px);justify-self:center!important}
  .col-gpt .technology--shared .mechanism-grid,.col-gpt .choice-grid{grid-template-columns:minmax(0,1fr)!important}
  .col-gpt .technology--shared .mechanism-item{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:24px;align-items:center}
  .col-gpt .mechanism-item .mechanism-step-heading{grid-column:1/-1}
  .col-gpt .technology--shared .mechanism-item img{width:100%;margin-bottom:0!important}
 }
}
@media(max-width:760px){
 .col-gpt .colnav-content .effect-result{padding-block:28px}
 .col-gpt .colnav-content .technology--shared .mechanism-grid{gap:20px}
 .col-gpt .colnav-content .technology--shared .mechanism-item{padding:20px}
 .col-gpt .colnav-content .mechanism-step-heading{margin-bottom:16px}
 .col-gpt .colnav-content .technology--shared .mechanism-item img{max-width:200px;margin-bottom:16px}
 .col-gpt .colnav-content .mechanism-device>p,.col-gpt .colnav-content .choice-guidance>p,.col-gpt .colnav-content .help-intro>p{margin-bottom:12px}
 .col-gpt .colnav-content .mechanism-device>p:last-child,.col-gpt .colnav-content .choice-guidance>p:last-child,.col-gpt .colnav-content .help-intro>p:last-child{margin-bottom:0}
}

.col-gpt .colnav-content .trial-attribution{display:inline-block;white-space:nowrap}


.col-gpt .colnav-content .mechanism-more{margin-inline:0}
.col-gpt .colnav-content .mechanism-more>a.flow-jump-button{margin-inline:auto;max-width:calc(100% - 8px)}


@media(max-width:760px){
 .col-gpt .flow-jump-label{display:block}
 .col-gpt .flow-jump-series,.col-gpt .flow-jump-destination{display:block;white-space:nowrap}
 .col-gpt .colnav-content .mobile-keep{display:inline-block;white-space:nowrap}
 .col-gpt .colnav-content .mobile-title-line{display:block;white-space:nowrap}
 .col-gpt .colnav-content :is(.choice-section,.col-gpt .ufb-products,.col-gpt .ufb-help,.col-gpt .flow-section) .section-title{font-size:clamp(20px,5.4vw,23px);letter-spacing:.01em}
 .col-gpt .colnav-content .effect-section>.container>.section-lead{text-align:left}
}

@media(max-width:760px){.col-gpt .colnav-content .flow-section>.container>.section-lead{text-align:left;letter-spacing:0}}

.col-gpt .colnav-content .flow-exclusion{display:inline-block;margin-top:8px;font-size:15px;line-height:1.8;color:var(--muted)}
@media(max-width:760px){.col-gpt .colnav-content .flow-exclusion{font-size:14px}}


.col-gpt .colnav-content .choice{padding:22px;border:0;border-radius:12px;background:#f0f8fb}
.col-gpt .colnav-content .choice+.choice{background:#faf5ec}
.col-gpt .colnav-content .choice>p:last-child{margin-bottom:0}
@media(max-width:760px){
 .col-gpt .colnav-content .choice{padding:20px}
 .col-gpt .colnav-content .choice-grid{gap:20px}
 .col-gpt .colnav-content .choice-heading .choice-usage{font-size:clamp(18px,5.4vw,21px);letter-spacing:.01em}
}


.col-gpt .colnav-content .ufb-product-grant .ufb-grant-full{display:none}
.col-gpt .colnav-content .ufb-product-grant .ufb-grant-short{display:block}
@container(min-width:300px){
 .col-gpt .colnav-content .ufb-product-grant>.ufb-grant-label{padding-block:3px}
 .col-gpt .colnav-content .ufb-product-grant .ufb-grant-full{display:block;font-size:13px;line-height:1.15}
 .col-gpt .colnav-content .ufb-grant-full>span{display:block}
 .col-gpt .colnav-content .ufb-product-grant .ufb-grant-short{display:none}
}

.col-gpt .colnav-content .ufb-product-grant .ufb-grant-full{text-align:center}


.col-gpt .colnav-content .trial-reading-explanation{display:flow-root}
.col-gpt .colnav-content .trial-guide-pocket{float:right;display:block;width:59px;height:auto;margin:5px 0 8px 22px}
.col-gpt .colnav-content .trial-reading-explanation p:last-child{margin-bottom:0}
@media(max-width:760px){.col-gpt .colnav-content .trial-guide-pocket{width:40px;margin:5px 0 8px 13px}}