/* The comparison stays readable without animation or JavaScript. */
.anchor-alias{display:block;scroll-margin-top:110px}
.phrase{display:inline-block;max-width:100%}
h1,h2,h3,h4{line-break:strict;text-wrap:balance;overflow-wrap:normal;word-break:normal}
p,li,summary{text-wrap:pretty;line-break:strict}
.model-flow-section{border-top:1px solid var(--line)}
.model-flow-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:25px 0;border-block:1px solid var(--line);margin-bottom:35px}
.model-flow-intro p{margin:0}.model-flow-intro strong,.model-flow-intro span{display:block}.model-flow-intro strong{font-size:1.15rem;margin-bottom:6px}
.flow-bars{padding:32px;background:#edf3f0;margin-bottom:18px}
.flow-bars-caption{font-weight:700;margin-bottom:25px}.flow-bars-caption span{font-weight:400;display:block;font-size:.85rem;color:var(--muted)}
.flow-bar-row{display:grid;grid-template-columns:180px minmax(0,1fr) 65px;align-items:center;gap:18px;margin:22px 0;font-size:.9rem}
.flow-bar-row>div{height:18px;background:#dae4df}.flow-bar-row i{display:block;height:100%;background:#6a7e85}.flow-bar-row.own i{background:#247e81}.flow-bar-row b{text-align:right;font-size:1.15rem;font-variant-numeric:tabular-nums}
.flow-condition{font-size:.85rem;line-height:1.9;color:#4d636b;margin:18px 0}
.flow-model-table{min-width:680px;width:100%;border-collapse:collapse}.flow-model-table caption{text-align:left;font-weight:700;margin-bottom:16px}.flow-model-table small{display:block;font-size:.78rem;font-weight:400;line-height:1.65;margin-top:5px}
.flow-model-table th,.flow-model-table td{padding:18px;text-align:left}.flow-model-table td:nth-last-child(-n+2){white-space:nowrap;font-variant-numeric:tabular-nums;font-size:1.1rem}.flow-model-table .own{background:#edf6f2}.flow-model-table .max-reference{border-top:2px dashed #a08454;background:#fbf7ed}
.purchase-flow{margin-top:52px;display:grid;grid-template-columns:1fr 1.1fr;gap:46px;align-items:center;background:#112c38;color:#fff;padding:38px}.purchase-flow img{width:100%;height:auto;object-fit:contain}.purchase-flow h3{font-family:"Yu Mincho",serif;font-size:1.9rem;line-height:1.6}.purchase-flow .eyebrow{color:#c4b187}.purchase-flow-number>span{display:block;font-size:.88rem}.purchase-flow-number strong{font:400 4.5rem/1.2 Georgia,serif}.purchase-flow-number small{font:400 1.25rem sans-serif;margin-left:8px}.purchase-flow .note{color:#c5d4da}.purchase-flow .button{background:#fff;color:#14333e;margin-top:20px}
.flow-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.flow-tabs button{min-width:0}
.flow-section{padding-top:80px}.flow-section .section-heading>p{max-width:25em}.flow-track{background:#dce6e2}.flow-track .flow-fill{transition:none}
@media(max-width:900px){.purchase-flow{gap:28px;padding:28px}.flow-bar-row{grid-template-columns:160px minmax(0,1fr) 55px;gap:12px}}
@media(max-width:700px){
 h1 br,h2 br,h3 br,h4 br{display:none}
 h1,h2,h3,h4{white-space:normal!important;text-wrap:balance;letter-spacing:.015em}
 .hero h1{font-size:clamp(1.6rem,6.8vw,2rem);line-height:1.7}.hero h1 .phrase{display:block;color:inherit;font-size:inherit}
 .section-heading h2{font-size:clamp(1.45rem,6.4vw,1.85rem);line-height:1.7}
 .section-heading h2 .phrase,.purchase-flow h3 .phrase{display:block}
 .section-heading>p br,.hero-description br,.plan-description br,.capacity-story>p br{display:none}
 .section-heading>p,.plan-description,.capacity-story>p{white-space:normal}
 .hero-actions{display:grid;justify-items:stretch}.hero-actions .button{font-size:.88rem;padding-inline:12px}.hero-actions .text-link{justify-self:start}
 .hero-value-models,.hero-compare{line-height:1.9}.announcement{display:flex;flex-direction:column;gap:0}.announcement span{margin:0}
 .model-flow-intro{grid-template-columns:1fr;gap:20px;padding:22px 0}.flow-bars{padding:22px 18px}.flow-bar-row{grid-template-columns:minmax(0,1fr) 60px;gap:6px 10px;margin:22px 0}.flow-bar-row>span{grid-column:1/-1}.flow-bar-row b{font-size:1rem}.flow-bar-row>div{height:14px}
 .flow-condition{font-size:.8rem;line-height:1.9}.flow-model-table{min-width:650px}.flow-model-table th,.flow-model-table td{padding:14px}
 .purchase-flow{grid-template-columns:1fr;margin-top:34px;padding:22px;gap:25px}.purchase-flow img{max-height:380px}.purchase-flow h3{font-size:1.5rem}.purchase-flow .eyebrow{font-size:.65rem;letter-spacing:.09em}.purchase-flow .button{width:100%;font-size:.85rem;padding-inline:10px}
 .flow-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-tabs button:last-child{grid-column:1/-1}.flow-tabs button{font-size:.82rem}.flow-label h3{font-size:clamp(.87rem,3.7vw,1rem)}.flow-label{min-height:66px}.flow-eq{overflow-wrap:anywhere}.flow-rate{white-space:normal;line-height:1.8}
 .model-flow-section .section-heading>p{max-width:100%}.section>*{min-width:0}.quick-compare strong{white-space:nowrap}.quick-compare span{font-size:.7rem}.quick-compare a{padding-inline:4px}
 .plan-card h3{font-size:clamp(1.25rem,5.7vw,1.6rem)}.plan-content{padding:22px}.plan-ribbon{font-size:.8rem;padding-inline:10px}
 .video-bottom .film-label{font-size:1.05rem}.video-bottom p{max-width:16em}.video-topline{letter-spacing:.08em;gap:12px}.brand-ja{font-size:.64rem}
 .table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.source-links{display:flex;flex-wrap:wrap;gap:12px 22px}.source-links a{max-width:100%;overflow-wrap:anywhere}
 .application-intro h2,.protect-section h2,.installation-copy h2,.craft-copy h2{font-size:clamp(1.45rem,6vw,1.8rem)}
}
@media(prefers-reduced-motion:reduce){.flow-fill{transition:none!important}}
