
html .try-btns{flex-wrap:wrap;align-items:stretch}
html .try-btns .bt,html .try-up .bt{height:auto;min-height:42px;padding:10px 16px;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
html:not([lang="zh-CN"]) .nav .btn-s{overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .seg button{height:auto;min-height:38px;padding:8px;line-height:1.4}
@media(max-width:600px){html .nav .brand{white-space:nowrap;flex-shrink:0}html .nav .brand small{display:none}html .nav .btn-s{overflow-wrap:anywhere}}
html:not([lang="zh-CN"]) .skins button{height:auto;min-height:38px;padding:8px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
html:not([lang="zh-CN"]) #film .priv span{min-width:0;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) #play p{overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .lc .bar{height:auto;min-height:2.4em;line-height:1.4;padding:.5em .9em}
html:not([lang="zh-CN"]) .dp-price-amount strong{white-space:nowrap;flex-shrink:0}
html:not([lang="zh-CN"]) .dp-price-amount{flex-wrap:wrap}
html:not([lang="zh-CN"]) .fm-tabs b{min-width:0;white-space:normal;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .kb-f{overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .pw-c .go{max-width:100%;white-space:normal;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .skins{overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .hero h1{overflow-wrap:anywhere}
@media(max-width:600px){
 html .nav .wrap{padding-inline:12px;gap:6px}
 html .nav .sp{display:none}
 html .nav .site-language{max-width:65px;padding:3px}
 html .nav .site-language select{max-width:40px}
 html .nav .btn-s{height:auto;min-height:40px;line-height:1.3;flex:1 1 auto;padding:6px;font-size:10px}
 html .nav .btn-s svg{display:none}
 html:not([lang="zh-CN"]) .fm-tabs{display:grid;grid-template-columns:minmax(0,1fr);border-radius:20px}
 html:not([lang="zh-CN"]) .fm-tabs button{justify-content:flex-start;padding:10px 14px}
 html:not([lang="zh-CN"]) .seg{display:flex;width:100%;box-sizing:border-box;gap:4px}
 html:not([lang="zh-CN"]) .seg button{flex:1 1 110px;font-size:12px}
 html:not([lang="zh-CN"]) .skins>span{flex-basis:100%}
 html:not([lang="zh-CN"]) .skins i{margin-inline:0;flex-shrink:0}
 html #basics .more6{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){html #basics .more .mo p{display:block;-webkit-line-clamp:unset;overflow:visible}}
/* Search's compact chat window must not resize the privacy comparison card. */
#r-hu .v-chat{left:5em;right:auto;top:10em;width:36em;padding:1.6em 1.8em}
#r-hu .v-menu{right:4em;top:15em}
html:not([lang="zh-CN"]):not([lang="zh-TW"]) #four #r-hu .viz{height:48em}
html:not([lang="zh-CN"]):not([lang="zh-TW"]) #r-hu .v-chat .ln{font-size:1em;line-height:1.3;min-height:3.2em;white-space:normal;gap:1em;margin:.3em 0}
html:not([lang="zh-CN"]):not([lang="zh-TW"]) #r-hu .v-chat .ln span{width:9em;overflow-wrap:anywhere}
html:not([lang="zh-CN"]):not([lang="zh-TW"]) #r-hu .v-chat .ln b{white-space:nowrap}
html:not([lang="zh-CN"]):not([lang="zh-TW"]) #r-hu .v-det span{font-size:.85em;overflow-wrap:anywhere;max-width:100%}
html:not([lang="zh-CN"]):not([lang="zh-TW"]) #r-hu .v-menu{top:auto;bottom:1.5em;font-size:1em;width:19em}
html:not([lang="zh-CN"]):not([lang="zh-TW"]) #r-hu .v-menu div{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
html:not([lang="zh-CN"]):not([lang="zh-TW"]) #r-hu .v-ban{font-size:1em}
html:not([lang="zh-CN"]):not([lang="zh-TW"]) #r-hu .v-ban>div{min-width:0;overflow-wrap:anywhere}
/* Category words need intrinsic width; the original single-character badges do not. */
html:not([lang="zh-CN"]) .toc-row a b,
html:not([lang="zh-CN"]) .copy .n b{width:auto;height:auto;min-width:30px;min-height:30px;padding:5px 10px;box-sizing:border-box;border-radius:999px;flex-shrink:0;font-size:13px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;max-width:100%;letter-spacing:0}
html:not([lang="zh-CN"]) .copy .n{flex-wrap:wrap;line-height:1.5}
html:not([lang="zh-CN"]) .toc-row li{min-width:0;max-width:100%}
html:not([lang="zh-CN"]) .toc-row a{max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
.site-language{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid var(--t-line,#ddd);border-radius:999px;max-width:150px;flex-shrink:0}
.site-language select{font:inherit;font-size:12px;color:inherit;background:transparent;border:0;max-width:118px;cursor:pointer;padding:2px;min-height:28px}
.site-language select:focus-visible{outline:2px solid #7660e5;outline-offset:3px}
html:not([lang="zh-CN"]) .hero h1{font-size:clamp(36px,4.1vw,58px);line-height:1.15;letter-spacing:-.035em}
html:not([lang="zh-CN"]) .hero h1 .l1,html:not([lang="zh-CN"]) .hero h1 .l2{white-space:normal}
html:not([lang="zh-CN"]) h2{font-size:clamp(30px,3.5vw,48px);line-height:1.2;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) h3{overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .hero-copy{min-width:0;max-width:100%}
html:not([lang="zh-CN"]) h2 span{white-space:normal!important}
html:not([lang="zh-CN"]) h3 span{white-space:normal!important}
html:not([lang="zh-CN"]) .rx-stage{min-width:0;max-width:100%}
html:not([lang="zh-CN"]) .rx{min-width:0;max-width:100%}
html:not([lang="zh-CN"]) .rx-panel{min-width:0;max-width:100%}
html:not([lang="zh-CN"]) .copy{min-width:0;max-width:100%}
html:not([lang="zh-CN"]) .fm-tabs{max-width:100%;flex-wrap:wrap}
html:not([lang="zh-CN"]) .fm-tabs button{min-width:0;white-space:normal}
html:not([lang="zh-CN"]) .rx-cap{flex-wrap:wrap;white-space:normal}
html:not([lang="zh-CN"]) .rx-cap span{min-width:0;white-space:normal;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .hero-kicker{max-width:100%;flex-wrap:wrap}
html:not([lang="zh-CN"]) .brand small{display:none}
html:not([lang="zh-CN"]) .three li,html:not([lang="zh-CN"]) .lede{line-height:1.65}
html:not([lang="zh-CN"]) .hero .lede b{white-space:normal;overflow-wrap:break-word}
html:not([lang="zh-CN"]) .oplab{white-space:normal;width:max-content;max-width:82%}
html:not([lang="zh-CN"]) .stage>.oplab{max-width:82%}
html:not([lang="zh-CN"]) .btn-dl{max-width:100%;white-space:normal}
html:not([lang="zh-CN"]) .btn-dl b{white-space:normal}
html:not([lang="zh-CN"]) .trust{flex-wrap:wrap;row-gap:12px}
html:not([lang="zh-CN"]) .price-top h2 span{white-space:normal!important}
html:not([lang="zh-CN"]) .dp-price-name h3{font-size:clamp(19px,2vw,26px)}
html:not([lang="zh-CN"]) .fm-foot{flex-wrap:wrap}
html:not([lang="zh-CN"]) .skins{min-width:0;max-width:100%}
html:not([lang="zh-CN"]) .skins span{min-width:0;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .ax-c,
html:not([lang="zh-CN"]) .ax-h{min-width:0;overflow-wrap:anywhere}
html[dir="rtl"]{font-family:Arial,Tahoma,sans-serif}
html[dir="rtl"] .hero-copy,html[dir="rtl"] .copy,html[dir="rtl"] .faq,html[dir="rtl"] .price-card{text-align:right}
html[dir="rtl"] .hero h1,html[dir="rtl"] h2{letter-spacing:normal}
html[dir="rtl"] .site-language select{direction:rtl}
html[dir="rtl"] .dp-price-amount{direction:ltr;justify-content:flex-end}
html[dir="rtl"] .p3-inc{padding-inline-start:0;padding-inline-end:0}
html[dir="rtl"] .p3-inc li{padding-right:22px;padding-left:0}
html[dir="rtl"] .p3-inc li::before{right:0;left:auto}
@media(max-width:600px){
 html:not([lang="zh-CN"]){overflow-x:clip}
 html:not([lang="zh-CN"]) .nav .wrap{gap:10px}
 html:not([lang="zh-CN"]) .nav .sp{min-width:0}
 .site-language{max-width:112px;padding:3px 5px}
 .site-language select{max-width:82px;font-size:11px}
 html:not([lang="zh-CN"]) .hero h1{font-size:clamp(30px,8vw,42px)}
 html:not([lang="zh-CN"]) .nav .brand{font-size:13px}
 html:not([lang="zh-CN"]) .nav .btn-s{font-size:11px;padding:8px}
 html[lang="ja"] .nav .btn-s{font-size:10px;white-space:nowrap}
 html[lang="de"] .nav .btn-s{font-size:10px;white-space:nowrap}
 html[lang="ja"] h2{font-size:clamp(25px,6.6vw,28px);text-wrap:balance}
 html:not([lang="zh-CN"]) .cta{flex-wrap:wrap}
}
html[lang="ko"] .lede,
html[lang="ko"] h2,
html[lang="ko"] h3,
html[lang="ko"] .trust { word-break: keep-all; }
html[lang="ko"] .hero-kicker { word-break: keep-all; }
html[lang="fr"] .hero-copy{min-width:0;max-width:100%}
@media(max-width:600px){
 html[lang="ko"] .hero-kicker { font-size:10px;gap:6px;white-space:nowrap; }
 html[lang="fr"] .hero-kicker{font-size:10px;gap:5px;white-space:nowrap}
 html[lang="fr"] .site-language{max-width:90px}
 html[lang="fr"] .site-language select{max-width:62px}
 html[lang="fr"] .nav .brand{flex-shrink:0}
 html[lang="fr"] .nav .btn-s{font-size:10px;max-width:120px}
 html[lang="es"] .hero-kicker{font-size:10px;gap:5px;white-space:nowrap}
 html[lang="es"] .nav .btn-s{font-size:10px;white-space:nowrap}
 html[lang="pt"] .hero-kicker{font-size:10px;gap:5px;white-space:nowrap;flex-wrap:nowrap}
 html[lang="pt"] .nav .btn-s{font-size:10px;white-space:nowrap}
 html[lang="pt"] .nav .brand{flex-shrink:0}
 html[lang="pt"] .site-language{max-width:95px}
 html[lang="pt"] .site-language select{max-width:68px}
}
/* Localized pricing labels must not set a grid column's minimum width. */
html:not([lang="zh-CN"]) #price .price-card{min-width:0;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) #price .dp-price-name{min-width:0}

html:not([lang="zh-CN"]) .seg{max-width:100%;flex-wrap:wrap}
html:not([lang="zh-CN"]) .seg button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .mo{min-width:0;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .more6{grid-template-columns:repeat(3,minmax(0,1fr))}
html:not([lang="zh-CN"]) #pinclip .copy .n{flex-wrap:wrap}
html:not([lang="zh-CN"]) #pinclip .copy li{min-width:0;flex-wrap:wrap}
html:not([lang="zh-CN"]) #pinclip .copy li s{max-width:100%;white-space:normal;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .ax-f{flex-wrap:wrap}
html:not([lang="zh-CN"]) .ax-f button{min-width:0;max-width:100%;white-space:normal;height:auto;min-height:40px;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) #price .rg-pick{max-width:100%;white-space:normal;line-height:1.4}
@media(max-width:600px){html:not([lang="zh-CN"]) .more6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){
 html:not([lang="zh-CN"]) .site-language{max-width:85px}
 html:not([lang="zh-CN"]) .site-language select{max-width:58px}
 html:not([lang="zh-CN"]) .nav .btn-s{min-width:0;max-width:88px;white-space:normal;font-size:10px}
}
html:not([lang="zh-CN"]) .ft-g>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){html:not([lang="zh-CN"]) .ft-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
html:not([lang="zh-CN"]) .btn-dl>span{min-width:0;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .btn-dl b{overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .rx-gh{flex-wrap:wrap}
html:not([lang="zh-CN"]) .rx-gh em{max-width:100%;overflow-wrap:anywhere}
@media(max-width:760px){
 html:not([lang="zh-CN"]) .dock a{min-width:0;max-width:100%;flex-shrink:1;white-space:normal;line-height:1.25;height:auto;min-height:44px}
 html:not([lang="zh-CN"]) .dock img{flex-shrink:0}
}
@media(max-width:600px){html:not([lang="zh-CN"]) .nav .btn-s{min-width:0;flex-shrink:1;max-width:115px;white-space:normal;font-size:10px}}
html:not([lang="zh-CN"]) .wspot>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){
 html:not([lang="zh-CN"]) .wspot{grid-template-columns:minmax(0,1fr);gap:10px}
 html:not([lang="zh-CN"]) .wspot .wr{grid-row:auto;justify-self:start;max-width:100%;white-space:normal;line-height:1.4}
}

@media(max-width:600px){
 html[lang="zh-CN"] .nav .wrap{gap:10px}
 html[lang="zh-CN"] .nav .sp{min-width:0}
 html[lang="zh-CN"] .site-language{max-width:90px}
 html[lang="zh-CN"] .site-language select{max-width:62px}
 html[lang="zh-CN"] .nav .btn-s{min-width:0;font-size:11px;padding:8px}
}
@media(max-width:360px){
 html[lang="zh-CN"] .head-c{min-width:0;max-width:100%}
 html[lang="zh-CN"] .head-c h2 span{white-space:normal!important}
}
