/* Translation layout is scoped to the bonus content; menus and footers are unchanged. */
#bonusPage[data-bonus-lang]{--main-font-in:Inter,Arial,sans-serif;--main-font-os:Oswald,Arial,sans-serif}
#bonusPage[data-bonus-lang] h1,#bonusPage[data-bonus-lang] h2,#bonusPage[data-bonus-lang] h3,#bonusPage[data-bonus-lang] .text-link{overflow-wrap:anywhere}
#bonusPage[data-bonus-lang] .hero-art{height:460px}
#bonusPage[data-bonus-lang] .hero-small{max-width:500px}
#bonusPage[data-bonus-lang] .fact-grid{grid-template-columns:1fr 1fr 1.2fr 1.2fr}
#bonusPage[data-bonus-lang] .fact-grid>a{gap:10px}
#bonusPage[data-bonus-lang] .credit-line>div{gap:8px}
#bonusPage[data-bonus-lang] .credit-line strong,#bonusPage[data-bonus-lang] .total-line strong{white-space:nowrap}
#bonusPage[data-bonus-lang] .screen-top>span{max-width:120px;line-height:1.5;text-align:end}
#bonusPage[data-bonus-lang] .account-caption{line-height:1.5}
#bonusPage[data-bonus-lang] .total-line{gap:15px}
#bonusPage[data-bonus-lang] .credit-slip{max-width:245px}
#bonusPage[data-bonus-lang] .credit-slip small{line-height:1.5}
#bonusPage[data-bonus-lang] .credit-slip strong{white-space:nowrap}
#bonusPage[data-bonus-lang] .calculation-rate{white-space:nowrap}
#bonusPage[data-bonus-lang] .closing-cta .button{white-space:normal}
#bonusPage[data-bonus-lang] .tier-buttons button>span{white-space:normal}
#bonusPage[data-bonus-lang=ko]{--main-font-in:Inter,"Noto Sans KR","Malgun Gothic",sans-serif;--main-font-os:Inter,"Noto Sans KR","Malgun Gothic",sans-serif}
#bonusPage[data-bonus-lang=ko] h1,#bonusPage[data-bonus-lang=ko] h2,#bonusPage[data-bonus-lang=ko] h3,#bonusPage[data-bonus-lang=ko] p,#bonusPage[data-bonus-lang=ko] a,#bonusPage[data-bonus-lang=ko] summary{word-break:keep-all;overflow-wrap:break-word}
#bonusPage[data-bonus-lang=jp]{--main-font-in:Inter,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;--main-font-os:Inter,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}
#bonusPage[data-bonus-lang=zh]{--main-font-in:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;--main-font-os:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif}
#bonusPage[data-bonus-lang=ar]{--main-font-in:Tahoma,Arial,sans-serif;--main-font-os:Tahoma,Arial,sans-serif;text-align:right}
#bonusPage[data-bonus-lang=th]{--main-font-in:Tahoma,"Noto Sans Thai",sans-serif;--main-font-os:Tahoma,"Noto Sans Thai",sans-serif}
#bonusPage[data-bonus-lang=ar] .hero-art{direction:ltr;text-align:left}
#bonusPage[data-bonus-lang=ar] .tier-buttons button,#bonusPage[data-bonus-lang=ar] .bonus-table td,#bonusPage[data-bonus-lang=ar] .bonus-table tbody th,#bonusPage[data-bonus-lang=ar] #bonus-result,#bonusPage[data-bonus-lang=ar] #total-result{direction:ltr;unicode-bidi:isolate}
#bonusPage[data-bonus-lang=ar] .fact-grid>a{border-left:0;border-right:1px solid #ddd;padding-left:0;padding-right:27px}
#bonusPage[data-bonus-lang=ar] .calculation-rate{margin-left:0;margin-right:auto}
#bonusPage[data-bonus-lang=ar] .bonus-table{text-align:right}
#bonusPage[data-bonus-lang=ar] .closing-cta{border-left:0;border-right:3px solid #c63127}
@media(max-width:900px){#bonusPage[data-bonus-lang] .fact-grid{grid-template-columns:1fr 1fr 1.2fr}#bonusPage[data-bonus-lang] .calculation{flex-wrap:wrap}#bonusPage[data-bonus-lang] .calculation-rate{margin-left:0}#bonusPage[data-bonus-lang=ar] .calculation-rate{margin-right:0}}
@media(max-width:650px){#bonusPage[data-bonus-lang] .hero-art{height:395px}#bonusPage[data-bonus-lang] .fact-grid{gap:12px}#bonusPage[data-bonus-lang] .fact-grid b{font-size:23px}#bonusPage[data-bonus-lang] .fact-grid b>span{font-size:12px}#bonusPage[data-bonus-lang] .fact-grid>div>span{font-size:12px;line-height:20px}#bonusPage[data-bonus-lang] .calculation-rate{position:static;flex-basis:100%;padding:0}#bonusPage[data-bonus-lang] .calculation{padding-bottom:0}#bonusPage[data-bonus-lang] .tier-buttons button{font-size:16px}#bonusPage[data-bonus-lang] .tier-buttons button>span{font-size:11px}#bonusPage[data-bonus-lang] .closing-cta h2{font-size:30px}#bonusPage[data-bonus-lang] .closing-cta .button{max-width:100%}}