.compare-page{color:#102a3a;background:#f7f5ef;min-height:100vh;padding:1.5rem 0 5rem}.compare-shell{width:min(1120px,100% - 2.5rem);margin:auto}.compare-page a{color:#155e79;text-underline-offset:3px}.compare-page nav{gap:1.5rem;display:flex}.compare-page header{max-width:820px;padding:3rem 0}.compare-page header span,.compare-world>div>span{color:#526c72;font-size:.85rem;font-weight:700}.compare-page h1{margin:.6rem 0 1rem;font-size:clamp(2.2rem,6vw,4rem);line-height:1.15}.compare-page header p{font-size:1.15rem;line-height:1.7}.compare-page section{margin:1.5rem 0 2.5rem}.compare-page section>h2{font-size:1.55rem}.compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.compare-card{background:#fff;border:1px solid #d9e1df;border-radius:12px;min-width:0;padding:1.4rem}.compare-card h2{margin:0 0 1rem;font-size:1.25rem}.compare-values{background:#e7f0ed;justify-content:space-between;align-items:center;gap:.6rem;padding:.8rem;display:flex}.compare-values div{flex-direction:column;gap:.2rem;display:flex}.compare-values small{color:#395362;font-size:.78rem}.compare-values strong{font-size:1.55rem}.compare-card p{line-height:1.6}.compare-change{color:#175360;font-weight:700}.compare-unit{color:#52676d;font-size:.85rem}.compare-page details{margin-top:1rem}.compare-page summary{cursor:pointer;font-weight:700}.compare-page li{overflow-wrap:anywhere;margin:.5rem 0;line-height:1.55}.compare-world{background:#dcebe6;border-radius:12px;grid-template-columns:1fr 1fr;gap:1.5rem;padding:2rem;display:grid}.compare-world h2{margin:.5rem 0;font-size:1.8rem}.compare-world p{line-height:1.7}.world-bars{align-self:center}.world-bars>div{grid-template-columns:3.5rem 1fr 2rem;align-items:center;gap:.7rem;margin:.8rem 0;display:grid}.world-bars>div>div{background:#c1d7d1;height:1.8rem}.world-bars i{background:#174e58;height:100%;display:block}.world-bars>div:nth-child(2) i{background:#e97b57}.compare-world details{grid-column:1/-1}.compare-page aside{border-top:1px solid #b9ceca;max-width:820px}.compare-page aside p{line-height:1.7}@media (max-width:760px){.compare-grid,.compare-world{grid-template-columns:1fr}.compare-page header{padding:2rem 0}}.compare-period{color:#52676d;margin-top:0;font-size:.85rem}