/* Shared language control and layouts for every doso page. */
.site-language{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0}.language-picker{display:flex;align-items:center;gap:7px;flex-shrink:0;border:1px solid #dce4d9;background:#fff;border-radius:12px;padding:5px 9px;color:#193e31;direction:ltr}.language-picker>span{font-size:21px;line-height:1}.language-picker select{font:inherit;font-size:12px;border:0;background:transparent;color:#193e31;padding:6px 3px;min-width:105px;max-width:150px;cursor:pointer}.language-picker:focus-within{outline:2px solid #39856d;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{gap:20px;flex-wrap:wrap;min-height:100px;height:auto;padding-block:22px}.brand,.wordmark,.doso-wordmark{direction:ltr;unicode-bidi:isolate;white-space:nowrap}html:not([lang=en]) h1,html:not([lang=en]) h2,html:not([lang=en]) h3{letter-spacing:normal}html:not([lang=en]) .eyebrow{letter-spacing:.5px}html:not([lang=en]) .tool-card{min-width:0}html:not([lang=en]) .tool-details p,html:not([lang=en]) .tags,html:not([lang=en]) .tool-cta,html:not([lang=en]) button{overflow-wrap:anywhere}html[dir=rtl] .categories button,html[dir=rtl] .detail-list dt{text-align:start}html[dir=rtl] input[type=number],html[dir=rtl] #expression,html[dir=rtl] .result-value,html[dir=rtl] .fuel-cell strong,html[dir=rtl] .national-pair strong{direction:ltr;unicode-bidi:isolate}html[dir=rtl] .chart,html[dir=rtl] #chart,html[dir=rtl] #stage,html[dir=rtl] #batteryStage{direction:ltr}html[dir=rtl] .source-panel .canvas-scroll{direction:ltr}html[dir=rtl] .detail-list dd{text-align:end}html[dir=rtl] .tool-cta,html[dir=rtl] .back{direction:rtl}html[dir=rtl] .hero h1{line-height:1.3}html[dir=rtl] .spark{inset-inline-end:-80px;right:auto}html[dir=rtl] .footer-url{margin-left:0;margin-inline-start:auto}@media(max-width:650px){header{min-height:88px;padding-block:18px;row-gap:16px}.site-language{gap:12px}.language-picker{padding:4px 7px}.language-picker select{min-width:92px;max-width:126px}.site-language .header-note{display:none}html:not([lang=en]) .hero h1{font-size:clamp(38px,9vw,60px)}.header-actions{flex-wrap:wrap}}@media(max-width:380px){.language-picker>span{display:none}.site-language{flex-wrap:wrap;gap:8px}.language-picker select{min-width:84px}}