/* Shared geometry for translated labels: no fixed text boxes. */
header .bar{grid-template-columns:44px minmax(0,1fr) 44px 64px!important;gap:10px!important;box-sizing:border-box;width:100%}
header .theme-toggle{width:44px!important;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:22px!important}
header .theme-toggle span{display:none!important}
header .language-picker,header .language-picker summary{width:64px!important;box-sizing:border-box}
header .language-label{font-size:9px!important;white-space:nowrap;letter-spacing:0!important}
header .brand{font-size:clamp(16px,2.1vw,25px)!important;gap:7px!important}
header .brand img{width:36px!important;height:36px!important;flex:0 0 36px}
header .language-options{right:0!important;left:auto!important;max-width:calc(100vw - 24px)}
header #site-nav a{line-height:1.5!important;min-height:64px;align-items:center;word-break:normal;overflow-wrap:anywhere}
main .wrap{width:100%;padding-inline:24px;box-sizing:border-box}
.intro{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;min-height:0!important}
.intro-copy{width:100%;padding:40px 28px!important}
html:lang(en) .intro h1,html:lang(de) .intro h1{font-size:clamp(34px,4vw,58px)!important;letter-spacing:-.015em!important;line-height:1.12!important;overflow-wrap:break-word;hyphens:auto}
main .head,main .story-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);align-items:start!important;gap:24px!important}
main .head>*,main .story-head>*{max-width:100%;margin:0;min-width:0}
main .head h2{font-size:clamp(28px,3vw,44px)!important;line-height:1.15;word-break:normal;overflow-wrap:break-word;hyphens:auto}
main .actions,main .biton-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
main .actions>.btn,main .biton-actions>.btn{flex:1 1 200px;display:flex;align-items:center;justify-content:center;white-space:normal!important;line-height:1.45;min-height:48px;box-sizing:border-box}
main .field,main .biton-form-grid>label{display:flex;flex-direction:column;gap:8px;line-height:1.4}
main .biton-check{display:flex!important;align-items:flex-start;gap:10px;line-height:1.5;margin-block:18px}
main .biton-check input{width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;margin-top:3px;padding:0}
main .formgrid,main .biton-form-grid{gap:18px;align-items:start}
main select,main input,main textarea{box-sizing:border-box;width:100%;font-size:16px}
main select{height:auto!important;min-height:48px;padding:12px 30px 12px 10px;white-space:normal}
main .grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fat-simple{font-size:18px;line-height:1.65;background:#d8fb5014;padding:16px;border-radius:10px}
.calculator-share{display:flex;flex-wrap:wrap;gap:10px}.calculator-share[hidden]{display:none!important}
.calculator-share__button{white-space:normal!important;line-height:1.4;flex:1 1 150px;text-align:center;display:inline-flex;align-items:center;justify-content:center;min-height:46px;box-sizing:border-box}
.calculator-share__hint,.calculator-share__status{flex-basis:100%;margin:4px 0;overflow-wrap:anywhere}
.water-estimate{margin-block:18px!important;scroll-margin-top:135px}.water-estimate strong{font-size:clamp(24px,4vw,36px);overflow-wrap:anywhere}
@media(max-width:1000px){.intro{grid-template-columns:1fr!important}.intro-copy{max-width:760px;margin-inline:auto}.animated-brand{min-height:360px!important}.tools{grid-template-columns:1fr!important}main .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson,.shop{grid-template-columns:1fr!important}.lesson{padding:28px!important}}
@media(max-width:700px){header .bar{padding-inline:12px!important;gap:7px!important}main .wrap{padding-inline:18px}main .head,main .story-head{grid-template-columns:1fr!important;gap:12px!important}main .grid3,main .formgrid,main .biton-form-grid{grid-template-columns:1fr!important}.intro-copy{padding:28px 20px!important}html:lang(en) .intro h1,html:lang(de) .intro h1{font-size:clamp(32px,9vw,48px)!important}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.category-card{padding:14px 10px;font-size:13px}.story-bottom{display:block!important}.story-bottom .btn{margin-top:12px}.social a{min-width:0;flex-basis:100%}}
@media(max-width:380px){header .brand img{display:none!important}header .brand{font-size:16px!important}header #site-nav{width:96vw!important;padding:12px!important}header #site-nav a{padding:10px 6px!important;gap:6px;font-size:11px!important}.category-icon{width:32px;height:32px}}