.blog-article__body{font-size:16px!important;line-height:1.95!important}
.blog-article__body h2{font-size:1.45rem!important;line-height:1.6!important;margin:3.6rem 0 1.2rem!important;scroll-margin-top:100px}
.blog-article__body h3{font-size:1.12rem!important;line-height:1.7;margin:2rem 0 .8rem}
.blog-article__body p{margin-bottom:1.3rem}
.blog-article__body .article-summary{font-size:1.06rem!important;line-height:1.95!important}
.history-chart{margin:2rem 0 2.6rem!important;background:#fff;border:1px solid #dbe7e8;border-radius:12px;padding:20px 16px 18px}
.history-chart figcaption{font-size:1rem!important;line-height:1.7!important;color:#002939!important;font-weight:700;margin:0 0 10px!important}
.chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;padding:5px 0 10px}
.history-chart .chart-scroll img{display:block;width:100%;min-width:720px;max-width:none!important;margin:0!important;border-radius:0!important}
.blog-article__body .figure-note,.history-chart .figure-note,.article-note{font-size:12px!important;line-height:1.8!important;color:#5d7276!important;margin:14px 0 18px!important;font-weight:400!important}
.chart-export{font-size:12px!important;display:inline-block;margin-top:0;text-decoration:underline}
.table-scroll{overflow-x:auto;max-width:100%;margin:1.4rem 0 1.8rem}
.blog-article__body table{width:100%;border-collapse:collapse;font-size:14px!important;line-height:1.75;min-width:550px}
.blog-article__body table caption{text-align:left;font-size:16px;font-weight:700;margin-bottom:12px;color:#002939}
.blog-article__body table th,.blog-article__body table td{border:1px solid #dce5e7;padding:12px 14px;vertical-align:top}
.blog-article__body table thead th{background:#002939;color:white}
.blog-article__body table tbody th{background:#edf5f5;color:#002939;font-weight:600}
.blog-article__body table tbody tr:nth-child(even) td{background:#f6f9f9}
.data-details{border:1px solid #dae6e6;padding:14px 18px;margin:1.5rem 0;border-radius:8px;background:#f8fbfb;font-size:14px}
.data-details summary{cursor:pointer;color:#225e61;font-weight:600;line-height:1.7}
.data-details[open] summary{margin-bottom:1rem}
.article-citations{display:inline;white-space:normal}
.article-citation a{font-size:10px;padding:0 2px;color:#23777d;text-decoration:none}
.article-sources{margin-top:3rem;border-top:1px solid #d6e2e3;padding-top:16px}
.article-sources li{font-size:12px!important;line-height:1.8!important;margin:0 0 10px!important;overflow-wrap:anywhere}
.article-sources p{font-size:13px!important}
.source-back{margin-left:8px;white-space:nowrap}
.survey-comparison{display:flex;justify-content:center;align-items:center;gap:32px;background:#eef7f5;border-radius:12px;padding:24px;margin:1.7rem 0}
.survey-comparison>div{display:flex;flex-direction:column;text-align:center}
.survey-comparison strong{font-size:42px;color:#007363;line-height:1.4}
.survey-comparison strong span{font-size:22px}
.draft-languages{display:flex;gap:12px;justify-content:flex-end;font-size:13px;margin-bottom:12px}
.ev-title-copy .history-subtitle{display:block;font-size:clamp(12px,2.3vw,20px);font-weight:600;color:white;line-height:1.5;margin-top:10px;text-shadow:0 1px 4px #002939}
.ev-title-art>img{aspect-ratio:auto;object-fit:contain}
.ev-title-copy{padding:6% 8% 12%}
.model-selector{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#edf5f5;padding:16px;border-radius:8px}
.model-selector select{font:inherit;font-size:16px;background:white;color:#002939;border:1px solid #7b9c9d;border-radius:5px;padding:8px 28px 8px 12px}
.model-selector label{font-weight:700;font-size:15px}
.model-swatch{display:inline-block;width:17px;height:17px;border:1px solid #71878c;border-radius:2px;vertical-align:-3px;margin-right:9px}
.model-swatch.other-bev{background:radial-gradient(#4d8075 1px,transparent 1px) 0 0/5px 5px,#8bb7ac}
.model-swatch.non-bev{background:#e3e7e9}
.maker-model-table .maker-group{vertical-align:middle;font-size:15px;border-right:3px solid white}
.model-legend [hidden]{display:none!important}
.blog-article__body .article-citations{white-space:normal}
@media(max-width:600px){.blog-article__body{font-size:15px!important}.blog-article__body h2{font-size:1.24rem!important}.history-chart{padding:16px 10px}.survey-comparison{gap:22px}.chart-scroll::before{content:'横にスクロールしてグラフ全体を見る →';display:block;font-size:11px;color:#60777b;margin:0 0 8px}html[lang=en] .chart-scroll::before{content:'Scroll horizontally to view the full chart →'}.history-subtitle{margin-top:5px!important}}

.history-chart .chart-guide{font-size:14px!important;line-height:1.8!important;background:#edf5f5;padding:12px 14px;border-left:3px solid #168c78;margin:10px 0 14px!important}
.history-chart .model-legend{margin-top:4px}
.brand-intro th:first-child{width:25%}.brand-intro td:last-child{white-space:nowrap}

.brand-intro thead th:last-child{width:19%;min-width:140px}.brand-intro th:first-child{min-width:145px}.blog-article__body h3[id],.history-chart figcaption[id]{scroll-margin-top:100px}
