/* Language-aware layout: content may wrap without hiding or clipping translations. */
.plan h3,.plan p,.guide-steps h3,.guide-steps p,.account-card h2,.account-card h3,.checkout-body h2{overflow-wrap:break-word}
.plan{display:flex;flex-direction:column}.plan .choose{margin-top:auto}.plan ul{margin-bottom:25px}.plan p{min-height:2.8em}.plan-label .badge{line-height:1.5;text-align:center}
.ux-button,.primary,.choose,.connection-actions button{white-space:normal;line-height:1.5}.guide-steps li>div{min-width:0}.guide-steps .ux-button{max-width:100%}
.subscription-dates strong{text-align:end}.subscription-dates>div>span{min-width:0}.subscription-dates>div>strong{min-width:0;overflow-wrap:anywhere}
.connection-link,#dash-ref-code,#invoice-address,.crypto-amount,.brand{direction:ltr;unicode-bidi:isolate}.price,.checkout-total strong,.plan-btn>b{unicode-bidi:isolate}
#promo-code{direction:ltr;text-align:start}.payment-status,.field-note{overflow-wrap:break-word}
.account-card .demo-badge{white-space:normal;text-align:center;line-height:1.5}.section-label{gap:12px}.account-dialog label{overflow-wrap:break-word}
html[dir=rtl] .plan li::before{margin-inline-start:0;margin-inline-end:12px}html[dir=rtl] .guide-steps li>span{direction:rtl}
html[dir=rtl] .location{text-align:start}html[dir=rtl] .location-bottom>span:first-child{direction:ltr}
html[dir=rtl] #renew-dialog .plan-btn.is-selected{box-shadow:inset -3px 0 var(--lime)}
html[dir=rtl] :is(.extra-plans,.promo-panel,#crypto-options,#setup-details,#change-invoice)>summary::before{transform:rotate(135deg)}
html[dir=rtl] :is(.extra-plans,.promo-panel,#crypto-options,#setup-details,#change-invoice)[open]>summary::before{transform:rotate(45deg)}
html[dir=rtl] :is(.extra-plans,.promo-panel,#crypto-options,#setup-details,#change-invoice)[data-expanded=false]>summary::before{transform:rotate(135deg)}
html[lang=fa] :is(.account-heading h1,.account-instructions h2,.plan h3){letter-spacing:0;line-height:1.7}
html[lang=fa] .price{font-family:Tahoma,Arial,sans-serif;font-weight:700}html[lang=fa] .plan-label{font-family:Tahoma,Arial,sans-serif}
html[lang=zh-CN] :is(.account-dialog,.account-card,.guide-steps){line-height:1.7}html[lang=zh-CN] .plan h3{letter-spacing:1px}
@media(max-width:700px){
 .account-dashboard .section-label{flex-wrap:wrap}header .language-switch{min-width:0}header .language-copy{min-width:0}
 .connection-actions .primary{font-size:14px}.account-instructions .guide-video{min-height:220px;aspect-ratio:auto}.video-placeholder{padding:22px 16px}
 .plan p{min-height:0}.subscription-dates>div{flex-wrap:wrap;gap:6px 12px}.checkout-total strong{font-size:25px}
 #renew-dialog .plan-btn{gap:10px}#renew-dialog .plan-btn>b{font-size:17px}#renew-dialog .plan-btn>span{min-width:0}
 html[lang=fa] .account-heading h1{font-size:26px}html[lang=fa] .instructions .section-heading h2{font-size:27px}
}
@media(max-width:380px){.theme-toggle{margin-inline-start:8px;width:40px;height:40px;flex-basis:40px}.language-switch{margin-inline-start:0}.brand{font-size:25px}.language-copy strong{font-size:12px}}
@media(max-width:700px){.header-cta{min-height:44px;font-size:10px;line-height:1.6}html[lang=zh-CN] .header-cta{font-size:14px}html[lang=fa] .header-cta{font-size:15px}}
html[lang=zh-CN] :is(.primary,.choose,.account-primary){font-size:14px;letter-spacing:0}html[lang=zh-CN] :is(.eyebrow,.card-caption,.plan-label,.plan-label .badge){font-size:11px;letter-spacing:.3px}
html[lang=fa] :is(.eyebrow,.card-caption,.plan-label .badge){font-family:Tahoma,Arial,sans-serif;font-size:12px;letter-spacing:0}