/* Translation-length and accessibility fixes; original source styling is in style.css. */
.hero-left,.quick-card,.calc-input,.result-panel,.p-col,.tier,.secure,.energy-info,.energy-right{min-width:0}
.step,.e-pkg{min-width:0;overflow-wrap:anywhere}
.hero-title,.sec-head h2,.tier-tag,.quick-card h3,.auth-modal h1{overflow-wrap:anywhere}
.auth-ov{z-index:300}
.auth-modal{max-height:calc(100dvh - 32px);overflow-y:auto}
.auth-page .auth-modal{max-height:none}
.auth-page .lang-bar{gap:6px}
.auth-page .lang-bar button{padding:5px 10px}
.btn{white-space:normal}
.lang-bar button{white-space:nowrap}
.qr-row,.rp-row,.tier-row{gap:12px}
.qr-row>b,.rp-row>b,.tier-row>b{text-align:right}
.drawer-x{align-self:flex-end;background:none;color:inherit;border:0;font-size:22px;cursor:pointer}
#burger{flex-shrink:0}
.topbar.compact-nav .nav{display:none}
.topbar.compact-nav #burger{display:inline-flex}
input[readonly]{cursor:default}
@media(max-width:1100px){.topbar .nav{display:none}#burger{display:inline-flex}}
@media(max-width:640px){.top-actions #burger{display:inline-flex}.promo-bar{align-items:center}.promo-bar>span{min-width:0}.energy-note,.addr-row,.p-item{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.recent-list{animation:none}}
