/* Static comparison and illustrated costs; all calculated values use existing bindings. */
.article .entry-content #story-tariff table{width:100%;min-width:0;table-layout:fixed}
.article .entry-content #story-tariff thead th:nth-child(1){width:16%}
.article .entry-content #story-tariff thead th:nth-child(2){width:20%}
.article .entry-content #story-tariff thead th:nth-child(3){width:29%}
.article .entry-content #story-tariff thead th:nth-child(4){width:35%}
.article .entry-content #story-tariff tbody th{background:#edf5f1;color:#245e65;font-size:16px;font-weight:750}
.article .entry-content .story-table-note{font-size:14px;line-height:1.85;color:#526768}
.article .entry-content #story-monthly img{aspect-ratio:360/1005}
.article .entry-content #story-short img{aspect-ratio:360/830}
.article .entry-content #ux-example img{aspect-ratio:360/1100}
.article .entry-content #ux-budget .ux-budget-main{display:block}
.article .entry-content .story-quote{position:static;min-width:0;background:#fff;padding:18px;border-color:#d5e3dd;margin-top:24px}
.article .entry-content .story-calc-step{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px;align-items:center;min-width:0;padding:12px 0}
.article .entry-content .story-calc-step img{display:block;width:100%;max-width:160px;height:auto}
.article .entry-content .story-calc-step p{margin:3px 0;font-size:15px;line-height:1.7}
.article .entry-content .story-calc-step .story-step-label{color:#245e65;font-weight:700;font-size:13px;margin-bottom:8px}
.article .entry-content .story-quote .story-currency{display:block;font-size:30px;font-weight:750;line-height:1.35;color:#245e65;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.article .entry-content .story-add{font-size:14px;line-height:1.8;padding:13px 12px 13px 35px;background:#f4f7f3;border-radius:8px;margin:10px 0;position:relative;color:#425b5e}
.article .entry-content .story-add::before{content:'＋';position:absolute;left:11px;top:12px;font-size:18px;font-weight:700;color:#245e65}
.article .entry-content .story-first{padding:15px 12px;border-top:2px solid #b8d3ca;margin-top:10px}
.article .entry-content .story-first>p:first-child{margin:0 0 6px;font-size:15px}
.article .entry-content .story-quote p.story-unknown{font-size:13px;line-height:1.85;margin:8px 0 12px;color:#526768}
.article .entry-content #ux-quote-results.story-quote[hidden]{display:none!important}
@media(min-width:768px){
.article .entry-content #story-monthly img{aspect-ratio:960/540}
.article .entry-content #story-short img{aspect-ratio:960/505}
.article .entry-content #ux-example img{aspect-ratio:960/895}
}
@media(max-width:767px){
.article .entry-content #story-tariff table{table-layout:auto}
.article .entry-content .story-quote{padding:16px}
.article .entry-content .story-calc-step{grid-template-columns:72px minmax(0,1fr);gap:10px}
.article .entry-content .story-quote .story-currency{font-size:26px}
}