/* Longer translated labels wrap naturally; metrics retain a readable floor. */
html:not([lang=en]) .home-card-hero h1 strong{white-space:normal}
html:not([lang=en]) .nav-panel{max-width:calc(100vw - 32px)}
html:not([lang=en]) .chart-scenarios{flex-wrap:wrap}
html:not([lang=en]) .chart-scenarios button{white-space:normal;min-width:0}
html:not([lang=en]) .viz-labels{font-size:var(--fs-2xs)}
html:not([lang=en]) .viz-labels span{white-space:normal}
html[dir=rtl] .home-card-hero,html[dir=rtl] .home-topic-links,html[dir=rtl] .report-overview{direction:rtl}
html[dir=rtl] .viz-plot,html[dir=rtl] .z-chart input[type=number],html[dir=rtl] input[type=email]{direction:ltr}
html[dir=rtl] .viz-labels span{direction:rtl}
html[dir=rtl] .profile-values dd,html[dir=rtl] .z-chart-values dd{text-align:end}

html:not([lang=en]) .report-case,html:not([lang=en]) .report-story,html:not([lang=en]) .report-viz-grid,html:not([lang=en]) .report-viz-grid>*{min-width:0;max-width:100%}
html:not([lang=en]) .report-decision-table{min-width:0;max-width:100%;overflow-x:auto}
html:not([lang=en]) .report-story h2{overflow-wrap:anywhere;min-width:0}
html:not([lang=en]) .report-story.sample-evidence>*{min-width:0;max-width:100%}
@media(max-width:767px){html:not([lang=en]) .report-story.sample-evidence{grid-template-columns:minmax(0,1fr)}}

html[dir=rtl] .viz-labels span[dir=ltr]{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
html:not([lang=en]) .chart-scenarios button{flex:1 1 auto;max-width:100%;overflow-wrap:anywhere}

html:not([lang=en]) .home-band-copy h2 a,html:not([lang=en]) .home-topic-links a{grid-template-columns:minmax(0,1fr) auto;min-width:0;overflow-wrap:anywhere}
html:not([lang=en]) .industry-metrics dl{grid-template-columns:repeat(4,minmax(0,1fr))}
html:not([lang=en]) .industry-metrics dl>div{min-width:0;overflow-wrap:anywhere}
html:not([lang=en]) .viz-fixed b{max-width:80%;white-space:normal}
@media(max-width:1000px){html:not([lang=en]) .updates-fields{flex-direction:column}html:not([lang=en]) .updates-fields input{width:100%;min-width:44px}}

@media(max-width:767px){html:not([lang=en]) .industry-metrics dl{grid-template-columns:repeat(2,minmax(0,1fr))}}

html:not([lang=en]) .industry-metrics>p,html:not([lang=en]) .lab-footer p,html:not([lang=en]) .method-heading>p,html:not([lang=en]) .guide-tool-heading>p,html:not([lang=en]) .report-intro>p{max-width:68ch}
html:not([lang=en]) .method-checks p{max-width:68ch}
