/* Lesbare vollständige Artikel auch vor bzw. ohne JavaScript. */
#wj-app[data-server-article] main>:not(#server-article){display:none!important}
#wj-app #server-article{max-width:800px;margin:40px auto 64px}
#wj-app #server-article h1{font-size:clamp(28px,4vw,42px);margin:18px 0 28px}
#wj-app #server-article .detail-body p{margin:20px 0}
#wj-app #server-article .sources a{overflow-wrap:anywhere}
#wj-app #server-article .no-script-extra{font-size:14px;color:#526171;border-top:1px solid #c5c8c9;padding:16px 0;margin:20px 0}

/* P10: numerische Alternativen und Diagramme passen in schmale Leseransichten. */
.cosmic-model{min-width:0}.cosmic-model .up-visual svg{display:block;width:100%;height:auto;max-height:none}.cosmic-model select{display:block;max-width:100%;width:100%;min-height:44px;font:inherit;margin-top:8px;padding:8px;background:var(--paper,#f5f1e8);color:inherit;border:1px solid #526171;border-radius:4px}.cosmic-model input[type=range]{display:block;width:100%;min-height:44px;accent-color:#79563b}.cosmic-table-wrap{max-width:100%;overflow-x:auto}.cosmic-table{width:100%;border-collapse:collapse;font-family:inherit;font-size:.9rem;line-height:1.5}.cosmic-table th,.cosmic-table td{text-align:left;padding:10px 6px;border-bottom:1px solid #c8c6c1;overflow-wrap:anywhere}.cosmic-table th{font-weight:600}.cosmic-table thead{color:#142438}.cosmic-model :focus-visible{outline:3px solid #79563b;outline-offset:3px}

/* P11: zugängliche, rein nutzergesteuerte Versuchsmodelle. */
.p11-model{min-width:0}.p11-model button{min-height:44px;margin:4px;white-space:normal}.p11-model .up-visual svg{display:block;width:100%;height:auto}.p11-model input[type=range]{width:100%;min-height:44px}.p11-model input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}.p11-cards,.p11-flowers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.p11-cards button{padding:4px;background:#f5f1e8;border:1px solid #526171;border-radius:6px;color:#142438}.p11-cards svg{width:100%;height:auto}.p11-model small{display:block}.p11-model :focus-visible{outline:3px solid #79563b;outline-offset:3px}.p11-model .data-bar-row>span{overflow-wrap:anywhere}

.sea-model{min-width:0}.sea-model .up-visual svg{display:block;width:100%;height:auto}.sea-model input[type=range]{width:100%;min-height:44px;accent-color:#79563b}.sea-model :focus-visible{outline:3px solid #79563b;outline-offset:3px}

/* Eigene Artikelseiten mit normalem Dokumentfluss. */
#wj-app .article-page{max-width:760px;margin:32px auto 64px;min-width:0}
#wj-app .article-top-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:32px}
#wj-app .article-top-nav a,#wj-app .article-end-nav>a:not(.next-article){display:inline-flex;align-items:center;min-height:44px;font:500 15px/1.5 'DM Sans',sans-serif;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
#wj-app .article-page h1{font-size:clamp(28px,4.5vw,44px);line-height:1.25;text-wrap:pretty;overflow-wrap:anywhere}
#wj-app .article-page .detail-category{margin-top:0}
#wj-app .article-page .detail-actions{display:flex;flex-wrap:wrap}
#wj-app .article-end-nav{display:grid;gap:24px;margin-top:40px;border-top:1px solid var(--line);padding-top:24px}
#wj-app .next-article{display:grid;gap:12px;padding:24px;background:var(--tint,#e6e8ea);border:1px solid var(--line);text-decoration:none;color:var(--ink);min-width:0}
#wj-app .next-article>span:first-child{font:500 14px/1.5 'DM Sans',sans-serif;color:var(--muted)}
#wj-app .next-article strong{font:400 clamp(20px,3vw,26px)/1.4 'Libre Baskerville',Georgia,serif}
#wj-app .next-article>span:last-child{font:400 16px/1.65 'DM Sans',sans-serif}
#wj-app .next-article:hover{border-color:#79563b}
#wj-app a.card-title{text-decoration:none;color:inherit}
#wj-app .card-bottom>a{display:inline-flex;align-items:center;gap:8px;min-height:48px;font-weight:600;text-decoration:none}
#wj-app .card-bottom>a:hover{text-decoration:underline;text-underline-offset:4px}
#wj-app .article-page :focus-visible{outline:3px solid #79563b;outline-offset:4px}
@media(max-width:480px){#wj-app .article-page{margin-top:20px}#wj-app .article-top-nav{margin-bottom:24px}#wj-app .next-article{padding:18px}#wj-app .article-page .detail-body p{font-size:17px;line-height:1.8}}

#wj-app figure.hero-photo{margin:0;min-width:0}#wj-app .hero-photo .photo-credit{max-width:100%;line-height:1.5;font-size:12px}#wj-app .hero-photo .photo-credit a{color:inherit;text-decoration:underline}#wj-app .hero-read{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;text-decoration:none}#wj-app .hero-copy{min-width:0}

/* Serienaufmacher als Unterbrechung zwischen zwei Rubrikgruppen. */
#wj-app #home-bands>#series-home-teaser{grid-column:1/-1;margin:8px 0;padding:24px 28px;background:#e8edea;border-top:2px solid #142438;border-bottom:1px solid #c5c8c9}
@media(min-width:980px){#wj-app #home-bands{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#wj-app #home-bands>#series-home-teaser{padding:20px}}

/* Zwei Artikelspalten mit lokalen, verzögert geladenen Bildern. */
#wj-app .card-photo{margin:0 0 8px;min-width:0}
#wj-app .card-image-link{display:block;background:#e7e5df;aspect-ratio:3/2;overflow:hidden}
#wj-app .card-photo img{display:block;width:100%;height:100%;object-fit:cover}
#wj-app .card-photo figcaption{font:400 11px/1.5 'DM Sans',sans-serif;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}
#wj-app .card-photo figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
#wj-app #home-bands .topic-band .fact-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:none}
#wj-app #home-bands .topic-band .fact-card{display:flex;flex-direction:column;padding:16px 0 20px;min-width:0}
#wj-app #home-bands .topic-band .card-teaser{display:block;font-size:16px;line-height:1.6;margin-top:12px}
#wj-app #home-bands .topic-band .card-topline{display:flex;margin-top:0}
#wj-app #home-bands .topic-band .card-title{font-size:clamp(21px,2.3vw,27px);line-height:1.35}
#wj-app #home-bands .topic-band .card-bottom{padding-top:12px;margin-top:auto}
#wj-app #home-bands{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
#wj-app #fact-grid{grid-template-columns:minmax(0,1fr)}
@media(min-width:680px){#wj-app #fact-grid,#wj-app #home-bands{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:679px){#wj-app #home-bands .topic-band{padding-inline:0}#wj-app #home-bands .topic-band .fact-card{border-left:0;border-top:0}#wj-app #home-bands .topic-band .fact-card+.fact-card{border-top:1px solid var(--line)}}

/* Getrennte Bezugsgruppen statt addierbar wirkender Stadt-Land-Quoten. */
.ge-internet-compare{min-width:0}.ge-internet-compare h3{font-size:20px;line-height:1.4}.ge-internet-group{margin:20px 0;padding:14px;border:1px solid #b4bfb3;background:#faf8f3}.ge-internet-group h4{font-size:17px;margin:0 0 8px}.ge-internet-group p{font-size:15px;line-height:1.6}.ge-internet-track{display:flex;width:100%;height:36px;margin:12px 0 6px}.ge-internet-track span{display:flex;align-items:center;justify-content:center;box-sizing:border-box;font:600 13px/1 'DM Sans',sans-serif}.ge-internet-online{background:#315e47;color:#fff}.ge-internet-offline{background:#d8dfd7;color:#142438}.ge-internet-group .ge-internet-total,.ge-internet-legend{font-size:13px;line-height:1.6}.ge-internet-compare>p{font-size:15px;line-height:1.7}
@media(max-width:480px){.ge-internet-group{padding:10px}.ge-internet-track span{font-size:11px}}

/* Große Displays: Fotos kompakter, Lesetext und mobile Größen bleiben erhalten. */
@media(min-width:980px){
 #wj-app .card-photo{width:50%;align-self:flex-start}
 #wj-app .article-photo{width:50%;margin-inline:auto}
 #wj-app .article-photo>img{max-height:240px}
 #wj-app .hero{grid-template-columns:22% minmax(0,1fr);align-items:center}
 #wj-app .hero-photo{min-height:0;align-self:center}
 #wj-app .hero-photo img{position:static;inset:auto;height:auto;aspect-ratio:3/2;object-fit:cover}
 #wj-app .hero-photo .photo-credit{position:static;margin:0;padding:6px 8px}
}

/* Bildnachweise stehen nach den Fachquellen, nicht unter Vorschaubildern. */
#wj-app .image-sources{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
#wj-app .image-sources h3{font:600 15px/1.5 'DM Sans',sans-serif;margin-bottom:10px;color:var(--ink)}
#wj-app .image-sources a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Lesbare Erklärübersichten, auch ohne JavaScript. */
.body-explainer{margin:2rem 0;padding:1.25rem;background:#eee9df;border-left:3px solid #79563b;overflow-wrap:anywhere}
.body-explainer table{width:100%;border-collapse:collapse;text-align:left;font:inherit}
.body-explainer caption{text-align:left;font-weight:700;margin-bottom:1rem}
.body-explainer th,.body-explainer td{padding:.7rem .5rem;border-bottom:1px solid #c9c2b6;vertical-align:top}
.body-explainer figcaption{font-size:.85rem;margin-top:.8rem}
.body-series-teaser{margin:0 0 1.5rem}