/* Logical layout and readable controls across long translations and RTL. */
.watt-interface :where(button,select,summary,.actions>a,.site-header nav>a){min-height:44px}
.watt-interface :where(button,select,input){max-width:100%}
.watt-interface :where(.fields>*,.site-header>*,.intent-list a>*,.measure-input,.metrics>*){min-width:0}
.watt-interface :where(h1,h2,h3,p,label,button,summary,a,th,td){overflow-wrap:anywhere}
.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
[dir=rtl] .site-menu{left:auto;right:0;inset-inline-start:auto;inset-inline-end:0}
[dir=rtl] :where(.skip-link,.breadcrumbs,.site-header nav,.intent-list,.energy-choices,.actions,.product,.home-sidebar){text-align:start}
[dir=rtl] :where(input[type=number],input[type=date],input[type=month],.measure-unit,.result-amount,.metric-value){direction:ltr;unicode-bidi:isolate}
[dir=rtl] .measure-unit{border-left:0;border-inline-start:1px solid #ccd3d8}
[dir=rtl] .site-header .brand{direction:ltr;unicode-bidi:isolate}
@media(max-width:600px){.site-header{column-gap:12px}.site-header nav{flex-wrap:wrap;white-space:normal}.site-header nav>a,.site-header summary{white-space:normal}.energy-choice .choice-copy{line-height:1.45}.actions>*{max-width:100%}.watt-interface .site-menu{max-width:calc(100vw - 32px);inset-inline-end:16px}}
@media(forced-colors:active){.energy-choice:has(input:checked){outline:2px solid Highlight}.watt-interface :focus-visible{outline:2px solid Highlight;outline-offset:3px}}