/* Shared reading rhythm. Tool canvases and Tesla TV retain their own layout. */
html[data-inner-editorial] body{--editorial-ink:#191c18;--editorial-line:rgba(112,120,100,.2)}
html[data-inner-editorial] h1,html[data-inner-editorial] h2,html[data-inner-editorial] h3{word-break:normal;overflow-wrap:break-word;text-wrap:balance;line-height:1.25}
html[data-inner-editorial] p,html[data-inner-editorial] li{word-break:normal;overflow-wrap:break-word;text-wrap:pretty}
html[data-inner-editorial] :is(.hero,.referral-hero) h1{letter-spacing:-.035em;font-size:clamp(32px,5vw,58px)}
html[data-inner-editorial] :is(.eyebrow,.kicker){letter-spacing:.1em}
html[data-inner-editorial] :is(.card,.pick-card,.panel,.guide-card){box-shadow:none}
html[data-inner-editorial] :is(.button,.guide-button,.seller-link){min-height:44px;line-height:1.5;white-space:normal;box-sizing:border-box}
html[data-inner-editorial] a:focus-visible,html[data-inner-editorial] button:focus-visible{outline:2px solid #b19458;outline-offset:4px}
@media(max-width:699px){
 html[data-inner-editorial] :is(main,.wrap,.content,.hero,.referral-hero){min-width:0;box-sizing:border-box}
 html[data-inner-editorial] :is(.hero,.referral-hero){padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
 html[data-inner-editorial] :is(.hero,.referral-hero) h1{font-size:clamp(30px,8.8vw,40px);line-height:1.22}
 html[data-inner-editorial] :is(.title-line,.title-phrase,.lead-line,.nowrap){white-space:normal!important}
 html[data-inner-editorial] :is(.hero,.referral-hero) p{line-height:1.85}
 html[data-inner-editorial] .actions{flex-wrap:wrap;gap:12px}
 html[data-inner-editorial] :is(.table-shell,.compare-wrap){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 html[data-inner-editorial] .language-pills button{min-width:40px}
}
@media(prefers-reduced-motion:reduce){html[data-inner-editorial] :is(.card,.pick-card,.button){transition:none!important;transform:none!important}}

html[data-inner-editorial] .compare-tools{flex-wrap:wrap;max-width:100%;min-width:0}
html[data-inner-editorial] :is(.panel-head,.section-head){min-width:0;flex-wrap:wrap}
html[data-inner-editorial] :is(.compare-mode,.filters){max-width:100%;flex-wrap:wrap}
@media(max-width:699px){html[data-inner-editorial] :is(.keep,.keep-word,.feature-copy-clause){white-space:normal!important;max-width:100%}html[data-inner-editorial] :is(.step,.step-card,.section-head)>div{min-width:0}}
/* Keep adapter actions on a shared footer without constraining translated copy. */
html[data-inner-editorial] .adapter-gallery{align-items:stretch}
html[data-inner-editorial] .adapter-card{display:flex;flex-direction:column;min-width:0}
html[data-inner-editorial] .adapter-card .adapter-image{flex:none}
html[data-inner-editorial] .adapter-copy{flex:1;grid-template-rows:auto auto 1fr auto;min-width:0}
html[data-inner-editorial] .adapter-copy .type{grid-row:1}
html[data-inner-editorial] .adapter-copy h3{grid-row:2}
html[data-inner-editorial] .adapter-copy p{grid-row:3;max-width:100%}
html[data-inner-editorial] .adapter-official{grid-row:4;align-self:end;min-height:44px;max-width:100%;width:fit-content;white-space:normal;line-height:1.6;box-sizing:border-box}
html[data-inner-editorial] .quick a,html[data-inner-editorial] .demo-controls button,html[data-inner-editorial] .detail-body .action{min-height:44px;box-sizing:border-box}
html[data-inner-editorial] .demo-controls button{min-width:44px}
html[data-inner-editorial] .detail-body .action{max-width:100%;white-space:normal;line-height:1.6}