/* 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(100vh - 32px);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}
#apply-form{scroll-margin-top:86px}
@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(max-width:640px){
  /* Keep the same recent-disbursement details visible without horizontal overflow. */
  .recent-list{padding:6px 8px}
  .recent-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;column-gap:8px;row-gap:2px;padding:11px 6px}
  .recent-item .r-dot{grid-column:1;grid-row:1/3;align-self:center}
  .recent-item .tier-badge{grid-column:2;grid-row:1;justify-self:start;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .recent-item .r-addr{grid-column:2;grid-row:2;max-width:none;min-width:0}
  .recent-item .r-right{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;gap:0;margin-left:0}
  .recent-item .r-status{display:block;font-size:11px}
  .recent-item .r-ago{min-width:0;text-align:right}
  .apply-card{padding:18px}
  .apply-card select,.apply-card input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.recent-list{animation:none}}