/* Welt des Staunens / Feuilleton. Freigegebenes Markendesign, lokal geladene Schriften. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/brand/dm-sans.woff') format('woff')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/brand/dm-sans-bold.woff') format('woff')}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/brand/baskerville.woff') format('woff')}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/brand/baskerville-bold.woff') format('woff')}
body{background:#F5F1E8}
#wj-app{--paper:#F5F1E8;--white:#faf8f3;--ink:#142438;--muted:#526171;--line:#c5c8c9;--accent:#142438;--tint:#E6E8EA;--surface:#eeeae2;font-family:'DM Sans',Arial,sans-serif}
#wj-app[data-tone],#wj-app [data-tone]{--accent:#142438}
#wj-app [data-tone=science],#wj-app[data-tone=science]{--surface:#e9edf0}
#wj-app [data-tone=nature],#wj-app[data-tone=nature]{--surface:#eceee6}
#wj-app [data-tone=earth],#wj-app[data-tone=earth]{--surface:#e8edef}
#wj-app [data-tone=history],#wj-app[data-tone=history]{--surface:#eee7dc}
#wj-app [data-tone=math],#wj-app[data-tone=math]{--surface:#ebe9ee}
#wj-app [data-tone=mind],#wj-app[data-tone=mind]{--surface:#eee8e5}
#wj-app [data-tone=daily],#wj-app[data-tone=daily]{--surface:#efebdf}
#wj-app [data-tone=society],#wj-app[data-tone=society]{--surface:#e8edea}
#wj-app :is(h1,h2,h3){font-family:'Libre Baskerville',Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.25}
#wj-app :is(button,input,select){font-family:'DM Sans',Arial,sans-serif}
#wj-app .masthead{grid-template-columns:1fr auto;gap:0;padding-block:12px 0;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink)}
#wj-app .masthead>.brand{position:relative;grid-column:1/-1;grid-row:1;display:flex;justify-content:center;align-items:center;min-width:0;min-height:70px;padding-bottom:8px;letter-spacing:normal;line-height:1.2}
#wj-app .brand-lockup{display:flex;flex-direction:column;align-items:center;width:260px;max-width:100%;min-width:0}
#wj-app .brand-wordmark{display:block;width:260px;max-width:100%;height:auto}
#wj-app .brand .brand-tagline{display:block;width:100%;font:400 16px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:normal;color:var(--muted);text-align:center}
#wj-app .brand-tagline svg{display:block;width:100%;height:auto;overflow:visible;fill:currentColor}

#wj-app .masthead nav{grid-column:1;grid-row:2;order:initial;justify-content:flex-start;gap:22px;margin:0}
#wj-app .save-nav{grid-column:2;grid-row:2;justify-self:end}
#wj-app .rubric-menu-links{background:var(--paper);border-color:var(--line)}
#wj-app .intro h1{font-size:clamp(32px,7vw,48px)}
#wj-app h1 em{color:var(--ink)}
#wj-app .eyebrow{font-weight:700;font-size:12px;letter-spacing:.07em}
#wj-app .hero{background:transparent;border-color:var(--line)}
#wj-app .hero h2{font-size:clamp(29px,6vw,37px)}
#wj-app .hero-copy{padding-inline:0}
#wj-app .hero-copy .topic-eyebrow{color:#79563B}
#wj-app .photo-credit{background:#142438e8}
#wj-app .hero-answers button{border-color:#6a7783}
#wj-app .hero-answers .chosen{background:#E6E8EA;border-color:var(--ink)}
#wj-app .hero-answers .correct,#wj-app .quiz-options .right{background:#e2e9ed;color:var(--ink);border-color:#526171}
#wj-app .quiz-options .wrong{background:#eee3d9;color:#61432e;border-color:#8e6b51}
#wj-app .topic-band{border-top-color:#A97952}
#wj-app .topic-band-head h2{font-family:'DM Sans',Arial,sans-serif;font-weight:700;letter-spacing:-.02em}
#wj-app .topic-band .card-teaser{color:var(--muted)}
#wj-app .card-title{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;line-height:1.4;letter-spacing:-.025em}
#wj-app .card-topline{font-family:'DM Sans',Arial,sans-serif}
#wj-app .quiz-teaser{border-top:1px solid var(--ink)}
#wj-app .quiz-intro h1{line-height:1.25}
#wj-app footer{border-top:1px solid var(--ink)}
#wj-app .footer-brand{display:flex;align-items:center;min-height:44px}
#wj-app .footer-brand img{display:block;width:170px;height:auto}
#wj-app .reading-brand{display:flex;align-items:center;gap:10px}
#wj-app .reading-brand img{display:block;max-width:100%;height:auto}
#wj-app .reading-brand img:first-child{width:24px}
#wj-app .reading-brand img:last-child{width:140px}
#wj-app .reading-bar{border-bottom-color:var(--ink)}
#wj-app dialog{background:var(--paper)}
#wj-app .detail-category{font-size:12px;letter-spacing:.045em;color:#79563B}
#wj-app #detail-title{font-weight:400;line-height:1.25;letter-spacing:-.04em}
#wj-app .detail-body p{font-family:'Libre Baskerville',Georgia,serif;font-size:17px;line-height:1.9}
#wj-app .detail-lead{font-family:'DM Sans',Arial,sans-serif;font-size:19px;line-height:1.65}
#wj-app .article-photo{margin:0 0 26px}
#wj-app .article-photo>img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain}
#wj-app .article-photo figcaption{font:400 11px/1.75 'DM Sans',Arial,sans-serif;margin-top:8px;color:var(--muted)}
#wj-app .article-photo figcaption a{display:inline-block;text-decoration:underline;text-underline-offset:3px;padding-block:4px}
#wj-app .caveat{border-left-color:#A97952}
#wj-app .story-choices button,#wj-app .stage-buttons button{border-color:#6a7783}
#wj-app :is(.story-choices,.stage-buttons) button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#wj-app .heart-functions [aria-pressed=true]{border-color:var(--ink);background:#E6E8EA}
#wj-app .heart-functions b{background:#E6E8EA}
#wj-app .data-track{background:#E6E8EA}
#wj-app .data-track>span{background:#526171}
#wj-app .sources h3,#wj-app .calculation h3{font-family:'DM Sans',Arial,sans-serif;font-weight:700}
#wj-app .revealed-title{font-family:'Libre Baskerville',Georgia,serif;line-height:1.4}
@media(max-width:400px){#wj-app .brand-lockup,#wj-app .brand-wordmark{width:240px}}
@media(min-width:680px){
 #wj-app .brand-lockup,#wj-app .brand-wordmark{width:300px}
 #wj-app .masthead>.brand{padding-bottom:10px}

 #wj-app .masthead nav{justify-content:flex-start}
 #wj-app .hero-copy{padding-inline:0}
}
@media(min-width:980px){
 #wj-app .masthead{grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:25px;padding-block:10px 12px}
 #wj-app .masthead>.brand{grid-column:2;grid-row:1;min-height:74px;padding:0}

 #wj-app .masthead nav{display:flex;grid-column:1;grid-row:1}
 #wj-app .masthead nav>:not(.site-search-link){display:none}
 #wj-app .masthead nav :is(a,summary){font-size:14px}
 #wj-app .save-nav{grid-column:3;grid-row:1;font-size:14px}
 #wj-app .desktop-rubrics{border-bottom-color:var(--ink)}
 #wj-app .intro{padding-block:14px}
 #wj-app .intro h1{font-size:26px}
 #wj-app .hero{grid-template-columns:44% minmax(0,1fr)}
 #wj-app .hero-photo{min-height:255px}
 #wj-app .hero-copy{padding:20px 26px}
 #wj-app .hero h2{font-size:29px;max-width:480px}
 #wj-app .hero-copy>p:not(.eyebrow,.tiny-hint){font-size:15px}
 #wj-app .section-head h2{font-size:24px}
 #wj-app .topic-band .card-title,#wj-app .topic-band .single-story .card-title{font-size:17px;line-height:1.45;font-weight:400}
 #wj-app .topic-band-head h2{font-size:17px}
 #wj-app .topic-intro h1{font-size:36px}
 #wj-app #detail-title{font-size:35px}
 #wj-app .quiz-teaser h2{font-size:23px}
}
/* Universum & Physik: ruhige Diagramme, breite Bedienelemente. */
#wj-app .up-interactive{min-width:0;margin-block:18px}
#wj-app .up-control{display:grid;gap:10px;font-size:15px;font-weight:700;margin:14px 0}
#wj-app .up-control input{width:100%;max-width:100%;min-height:44px;accent-color:#142438}
#wj-app .up-control input[type=number]{padding:10px;background:#faf8f3;border:1px solid #526171;color:#142438;border-radius:3px;box-sizing:border-box}
#wj-app .up-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-block:14px}
#wj-app .up-tabs button{min-height:44px;padding:9px 13px;border:1px solid #526171;background:#faf8f3;color:#142438;border-radius:3px;font-size:14px;line-height:1.4;white-space:normal}
#wj-app .up-tabs button[aria-pressed=true]{background:#142438;color:#f5f1e8}
#wj-app .up-visual{max-width:530px;margin:18px auto;min-width:0}
#wj-app .up-visual svg{display:block;width:100%;height:auto;overflow:visible}
#wj-app .up-visual text{font:13px 'DM Sans',Arial,sans-serif;fill:#142438}
#wj-app .up-output{font-size:17px;line-height:1.6;overflow-wrap:anywhere}
#wj-app .up-iss-strip{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;height:70px}
#wj-app .up-iss-strip span{background:linear-gradient(90deg,#d9c8af 50%,#526171 50%);border:1px solid #526171}
#wj-app .up-iss-strip .up-passed{outline:2px solid #142438;outline-offset:1px}
#wj-app .up-mass-grid{display:grid;grid-template-columns:repeat(50,minmax(0,1fr));gap:2px}
#wj-app .up-mass-grid i{aspect-ratio:1;background:#79563b}
#wj-app .up-mass-grid .up-rest{background:#142438;outline:1px solid #142438}
#wj-app .up-highlight-rest i:not(.up-rest){background:#e6e8ea}
#wj-app .calculation summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-weight:700;color:#142438}
#wj-app .calculation p{overflow-wrap:anywhere}
@media(max-width:480px){#wj-app .up-tabs button{flex:1 1 120px}#wj-app .up-mass-grid{grid-template-columns:repeat(25,minmax(0,1fr))}#wj-app .up-iss-strip{gap:2px}}
#wj-app .source-entry{padding-block:8px;border-bottom:1px solid #c5c8c9}
#wj-app .nature-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;margin-block:16px}
#wj-app .nature-filter select{max-width:100%;min-height:44px;padding:8px 12px;color:#142438;background:#faf8f3;border:1px solid #526171;border-radius:3px;font-size:16px}
#wj-app .related-stories{border-top:1px solid #c5c8c9;margin-top:24px;padding-top:16px}
#wj-app .related-stories a{display:block;padding-block:12px;min-height:44px;line-height:1.6;text-decoration:underline;text-underline-offset:3px}
#wj-app .nature-short{font-size:17px;line-height:1.75;margin-block:16px}
#wj-app #full-article{margin-top:24px}
#wj-app .eu-energy-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;max-width:360px;margin:auto}
#wj-app .eu-energy-grid i{aspect-ratio:1;border-radius:50%;border:1px solid #526171}
#wj-app .eu-energy-grid .eu-sea{background:#142438}
#wj-app .eu-energy-grid .eu-unassigned{background:repeating-linear-gradient(45deg,#e6e8ea,#e6e8ea 3px,#526171 3px,#526171 4px)}
#wj-app .eu-period{font-size:13px;color:#526171;line-height:1.7}
@media(max-width:480px){#wj-app .eu-interactive .up-visual svg text{font-size:17px}}

/* Wissenschaftliche Ganzansichten und schmale Präparate nicht auf Karten beschneiden. */
#wj-app .story-image img{object-fit:contain;background:#f1f0ea}

/* Ein kurzer Tipp, anschließend die vollständige Geschichte. */
#wj-app .quick-answers{display:grid;gap:12px;margin:28px 0 8px}
#wj-app .quick-answers button{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;min-height:60px;padding:16px 20px;border:1px solid var(--line);border-radius:2px;background:var(--white);font-size:18px;line-height:1.45}
#wj-app .quick-answers button:hover{border-color:var(--accent);background:#e9eee7}
#wj-app .quick-answers button span{flex:none;color:var(--accent)}
#wj-app .reading-feedback{font-size:15px;line-height:1.6;padding:12px 16px;margin:0 0 26px;border-left:3px solid var(--accent);background:#e9eee7}
#wj-app .article-extra{margin:28px 0;border-block:1px solid var(--line);padding-block:6px}
#wj-app .article-extra>summary{cursor:pointer;min-height:48px;padding-block:14px;font-weight:600}
#wj-app .article-extra[open]>summary{margin-bottom:16px}
#wj-app .reading-article>.sources{margin-top:28px}

#wj-app #detail-dialog[data-mode="question"]{width:min(640px,calc(100% - 32px));height:auto;max-height:calc(100dvh - 32px);margin:auto;border-radius:4px}
#wj-app #detail-dialog[data-mode="question"] #detail-title{font-size:clamp(26px,5vw,36px);line-height:1.2}
#wj-app #detail-dialog[data-mode="question"] .dialog-shell{padding-bottom:28px}

/* Eigene Geschichtsschemata bleiben im optionalen Vertiefungsbereich. */
#wj-app .gz-interactive .gz-marker{fill:#fff;font-size:14px}
#wj-app .gz-events{padding-left:24px;margin-block:10px 18px;font-size:15px;line-height:1.8}
#wj-app .gz-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:8px}
#wj-app .gz-calendar :is(b,span){padding:9px 3px;text-align:center;font-size:15px}
#wj-app .gz-calendar .marked{background:#315e47;color:#fff;font-weight:700}
#wj-app .gz-document{padding:22px;border:1px solid var(--line);background:#f3eee0}
#wj-app .gz-document h3{font-size:24px;line-height:1.35;margin:12px 0}
#wj-app .gz-document :is(p,li){font-size:16px;line-height:1.7}
#wj-app .gz-process{display:grid;justify-items:center;gap:8px;padding:8px}
#wj-app .gz-process>div{width:100%;border:1px solid var(--line);padding:14px;font-size:16px;line-height:1.6}
#wj-app .gz-interactive input[type=date]{min-height:48px;padding:8px;max-width:100%}

/* Zahlenmodelle: native Bedienelemente, ruhige Darstellung, ohne Animation. */
.zw-interactive{min-width:0}.zw-interactive svg{display:block;width:100%;height:auto;max-height:28rem}.zw-interactive .up-tabs{flex-wrap:wrap;align-items:start}.zw-interactive .up-control{flex:1 1 220px}.zw-table-scroll{overflow-x:auto;max-width:100%}.zw-table{width:100%;border-collapse:collapse;font-size:.88rem;margin:1rem 0}.zw-table th,.zw-table td{padding:.65rem;text-align:left;border-bottom:1px solid var(--line,#c9c4b9);vertical-align:top}.zw-table th{font-weight:650}.zw-doors{display:flex;gap:.6rem;flex-wrap:wrap}.zw-doors button{flex:1 1 100px;min-height:80px;padding:1rem}.zw-lotto{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.zw-lotto button{min-width:0;min-height:44px;padding:.4rem}.zw-lotto button[aria-pressed=true]{background:#315e47;color:#fff}.zw-fields{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;margin:1rem 0}.zw-fields span{background:#eeebe3;text-align:center;padding:.35rem 0;color:#343c35}.zw-fields .hit{background:#315e47;color:#fff}.zw-test-points{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:2px}.zw-test-points span{text-align:center;color:#39423b;background:#edeae1;line-height:1.2}.zw-test-points .alarm{color:#fff;background:#8c422d;font-weight:bold}.zw-incomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;width:100%}.zw-incomes .up-control{min-width:0}.zw-interactive button{cursor:pointer}.zw-interactive button:disabled{cursor:default}.zw-interactive input[type=range]{width:100%;min-height:44px}.zw-interactive .data-bar-row{min-width:0}.zw-interactive .data-bar-row strong{overflow-wrap:anywhere}@media(max-width:560px){.zw-incomes{grid-template-columns:1fr}.zw-table th,.zw-table td{padding:.45rem}.zw-test-points{grid-template-columns:repeat(10,minmax(0,1fr))}}

/* Eigene Psychologie-Demonstrationen: ruhige Modelle, bedienbare Alternativen. */
#wj-app .ps-interactive{min-width:0}#wj-app .ps-disclaimer{font-size:.9rem;line-height:1.6;padding:16px;background:#e8ede8;border-left:3px solid #315e47}#wj-app .ps-interactive svg{display:block;width:100%;height:auto;max-height:360px;margin-block:14px}#wj-app .ps-interactive svg text{font-family:'DM Sans',Arial,sans-serif}#wj-app .ps-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-block:16px}#wj-app .ps-interactive button{min-height:44px;padding:10px 14px;border:1px solid #526171;border-radius:3px;background:#faf8f3;color:#142438;white-space:normal;font-size:14px;line-height:1.4;cursor:pointer}#wj-app .ps-interactive button:disabled{cursor:default;opacity:.6}#wj-app .ps-interactive :is(input,textarea){box-sizing:border-box;max-width:100%;font:inherit}#wj-app .ps-interactive input:not([type=checkbox]){min-height:44px;width:100%}#wj-app .ps-interactive :is(textarea,input[type=number],input[type=date],input:not([type])){background:#faf8f3;color:#142438;border:1px solid #526171;padding:10px}#wj-app .ps-field{display:grid;gap:10px;margin:16px 0;line-height:1.5}#wj-app .ps-field textarea{width:100%;resize:vertical}#wj-app .ps-consent{display:flex;align-items:start;gap:12px;line-height:1.5;margin:16px 0}#wj-app .ps-consent input{min-width:22px;min-height:22px;margin-top:3px}#wj-app .ps-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}#wj-app .ps-pair svg{max-height:180px}#wj-app .ps-stroop-word{font:bold clamp(38px,7vw,64px)/1.4 'DM Sans',Arial,sans-serif;text-align:center;padding:25px 8px;min-height:140px;background:#faf8f3}#wj-app .ps-table-scroll{max-width:100%;overflow-x:auto}#wj-app .ps-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-block:18px}#wj-app .ps-table :is(th,td){text-align:left;padding:10px;border-bottom:1px solid #c5c8c9;vertical-align:top}#wj-app .ps-note-compare p{white-space:pre-wrap;overflow-wrap:anywhere}#wj-app .ps-symbol{font-size:90px;line-height:1.4;text-align:center;min-height:170px;color:#315e47}#wj-app .ps-hundred{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;text-align:center;color:#315e47}#wj-app .ps-hundred .minority{color:#8c422d}#wj-app .ps-interactive audio{display:block;width:100%;margin-block:16px}#wj-app .ps-mouth-speaking{animation:ps-mouth .32s linear 2 alternate;transform-box:fill-box;transform-origin:center}@keyframes ps-mouth{to{transform:scaleY(.5)}}@media(prefers-reduced-motion:reduce){#wj-app .ps-mouth-speaking{animation:none}}@media(max-width:480px){#wj-app .ps-buttons button{flex:1 1 130px}#wj-app .ps-pair{grid-template-columns:1fr}#wj-app .ps-table :is(th,td){padding:8px}#wj-app .ps-stroop-word{min-height:120px}}

/* Alltag: präzise eigene Schemata mit sichtbaren Modellgrenzen. */
#wj-app .ai-interactive{min-width:0}#wj-app .ai-interactive svg{display:block;width:100%;height:auto;max-height:370px;margin-block:16px}#wj-app .ai-interactive svg text{font:15px 'DM Sans',Arial,sans-serif}#wj-app .ai-controls{display:flex;flex-wrap:wrap;gap:8px;margin-block:16px}#wj-app .ai-controls button{min-height:44px;border:1px solid #526171;border-radius:3px;padding:10px 14px;background:#faf8f3;color:#142438;font:14px/1.4 'DM Sans',Arial,sans-serif;cursor:pointer;white-space:normal}#wj-app .ai-controls button[aria-pressed=true]{background:#142438;color:#faf8f3}#wj-app .ai-interactive select{width:100%;min-height:44px;padding:8px;font:inherit;color:#142438;background:#faf8f3;border:1px solid #526171;white-space:normal}#wj-app .ai-interactive input[type=range]{min-height:44px;max-width:100%}#wj-app .ai-table-scroll{max-width:100%;overflow-x:auto}#wj-app .ai-table{border-collapse:collapse;width:100%;font-size:.9rem;margin-block:16px}#wj-app .ai-table :is(th,td){text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid #c5c8c9}#wj-app .ai-label-card,#wj-app .ai-reading{background:#faf8f3;border:1px solid #c5c8c9;padding:20px;font-size:18px;line-height:1.65}#wj-app .ai-weather-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}#wj-app .ai-weather-pair>div{padding:18px;background:#e8edef;border:1px solid #a2acb0}#wj-app .ai-safety{border-left:4px solid #315e47;padding:18px;background:#e8ede8;line-height:1.65}#wj-app .ai-myth{border-left:2px solid #a35334;padding-left:16px;color:#526171;line-height:1.6}@media(max-width:480px){#wj-app .ai-controls button{flex:1 1 130px}#wj-app .ai-weather-pair{grid-template-columns:1fr}#wj-app .ai-table :is(th,td){padding:8px}}

/* Gesellschaft: ruhige Datenbilder, gleiche lineare Skalen, Textalternativen. */
.ge-model{margin-top:16px}.ge-period{font-size:15px;color:#315e47}.ge-controls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.ge-controls button{min-height:44px;padding:10px 14px;border:1px solid #7b8c80;border-radius:4px;color:#233b30;background:#faf8f3;font:inherit;font-size:15px}.ge-controls button[aria-pressed="true"]{background:#315e47;color:#fff}.ge-controls button:focus-visible{outline:3px solid #8c422d;outline-offset:3px}.ge-model svg{display:block;width:100%;max-width:380px;margin:14px auto}.ge-bar-row{margin:16px 0}.ge-bar-row>div:first-child{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:15px}.ge-track{height:18px;background:#e0e5de;margin-top:6px}.ge-track>span{height:100%;display:block;background:#315e47}.ge-axis{display:flex;justify-content:space-between;font-size:13px;color:#526171}.ge-stack{display:flex;height:36px;margin:20px 0}.ge-stack span{display:block}.ge-tone-0{background:#315e47}.ge-tone-1{background:#a39c76}.ge-tone-2{background:#d8dfd7}.ge-table-scroll{overflow-x:auto;margin:18px 0}.ge-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;text-align:left}.ge-table td,.ge-table th{padding:9px;border-bottom:1px solid #cad2c8;vertical-align:top}.ge-table th{font-weight:600}.ge-definitions{display:grid;gap:12px;margin:16px 0}.ge-definitions>div{padding:14px;background:#edf0e9;border-left:3px solid #315e47}.ge-definitions dt{font-weight:650}.ge-definitions dd{margin:5px 0 0;font-size:16px;line-height:1.65}.ge-model [role="status"]{padding:16px;background:#f0ece2;font-size:16px;line-height:1.7}.ge-model .diagram-caption{font-size:14px;line-height:1.6}@media(max-width:480px){.ge-table td,.ge-table th{padding:7px 5px;font-size:13px}.ge-controls button{flex:1 1 auto}.ge-model [role="status"]{padding:12px}}

/* Erklärgrafiken stehen ohne Experiment-Menü im Lesetext. */
.article-data-figure{margin:24px 0;padding:18px;background:#f0f2eb;border:1px solid #d4dbcf}.article-data-figure svg{display:block;width:100%;max-width:600px;height:auto;margin:auto}.article-data-figure figcaption{font-size:14px;line-height:1.65;color:#435247;margin-top:12px}.article-data-figure .up-visual{margin:0}.source-note{margin:20px 0;border-left:3px solid #7c8c79;padding:10px 16px;background:#eef0e9;font-size:16px;line-height:1.65}.source-note p{margin:6px 0 0}@media(max-width:480px){.article-data-figure{padding:10px}}

/* Quellen erscheinen als Textlinks, ohne Aktionsflächen oder Pfeilsymbole. */
#wj-app :is(.sources,.image-sources,.w100-sources,.w100-method,.sw-method) a{display:inline;color:var(--ink);background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;min-height:0;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#wj-app :is(.sources,.image-sources,.w100-sources,.w100-method,.sw-method) a:hover{color:var(--accent);background:transparent}
#wj-app :is(.sources,.image-sources,.w100-sources,.w100-method,.sw-method) a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* RED-ME-02: vorhandene Leserbreite, eigene Modelle und lesbare Textalternativen. */
#wj-app .me-interactive,#wj-app .me-figure{min-width:0;max-width:100%}
#wj-app :is(.me-interactive,.me-figure) svg{display:block;width:100%;max-width:600px;height:auto;margin:16px auto}
#wj-app :is(.me-interactive,.me-figure) svg text{font:16px 'DM Sans',Arial,sans-serif;fill:#142438}
#wj-app .me-model-note{border-left:3px solid #a36f48;padding-left:14px;font-size:14px}
#wj-app .me-inputs{display:grid;gap:20px;margin:20px 0}
#wj-app .me-inputs label{display:grid;gap:8px;font-size:16px}
#wj-app .me-inputs input{width:100%;min-height:44px;accent-color:#315e47}
#wj-app .me-table-scroll{max-width:100%;overflow-x:auto}
#wj-app .me-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px;line-height:1.6}
#wj-app .me-table :is(th,td){text-align:left;vertical-align:top;padding:10px 6px;border-bottom:1px solid #c5c8c9;overflow-wrap:anywhere}
#wj-app .me-result{font-size:20px;line-height:1.6;color:#315e47}
#wj-app .me-process{padding-left:22px;line-height:1.7}
#wj-app .me-process li{padding:8px 0}
#wj-app .me-process p{margin:6px 0}
#wj-app .me-models{display:grid;gap:18px}
#wj-app .me-models section{padding:16px;border-left:3px solid #a36f48;background:#faf8f3}
#wj-app .me-models h4{font-size:17px;margin:0 0 8px}
#wj-app .me-interactive :focus-visible{outline:2px solid #315e47;outline-offset:4px}

/* Wortmarke: Welt des Staunens, bestehende Magazintypografie. */
#wj-app .brand-lockup,#wj-app .brand-wordmark{width:300px;max-width:100%}
@media(min-width:980px){#wj-app .brand-lockup,#wj-app .brand-wordmark{width:360px}}
@media(max-width:400px){#wj-app .brand-lockup,#wj-app .brand-wordmark{width:260px}}

#wj-app .masthead .site-search-link{gap:6px;white-space:nowrap}
#wj-app .masthead .site-search-link svg{flex:none}
@media(max-width:400px){#wj-app .masthead nav{gap:12px}#wj-app .masthead nav a,#wj-app .masthead nav summary{font-size:14px}#wj-app .masthead .site-search-link{gap:4px}}

/* Kompakte, weiterhin gut bedienbare mobile Fußzeile. */
@media(max-width:679px){
 #wj-app footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;row-gap:0;padding-block:20px 24px;align-items:start}
 #wj-app footer>.footer-brand,#wj-app footer>p{grid-column:1/-1}
 #wj-app footer>p{margin:0;padding:4px 0 12px;line-height:1.5}
 #wj-app footer>a:not(.brand){min-height:44px;padding-block:8px;line-height:1.35;align-self:stretch;overflow-wrap:anywhere}
}