/* DEV-012 — Feuilleton-Sonderformat. */
#wj-app #skalenwelt-view{max-width:1080px;margin:32px auto 64px;min-width:0}
#wj-app .sw-intro{max-width:760px;margin:0 0 36px}
#wj-app .sw-intro .eyebrow{margin-top:26px;font-size:12px;color:#79563b}
#wj-app .sw-intro h1{font-size:clamp(30px,4vw,46px);line-height:1.25;text-wrap:pretty}
#wj-app .sw-intro>p:last-child{font-size:17px;line-height:1.8;margin-top:22px;color:#526171}
#wj-app .sw-list{display:grid;gap:18px}
#wj-app .sw-discovery{border:1px solid #c5c8c9;border-top:2px solid #a97952;min-width:0;scroll-margin-top:24px;background:#faf8f3}
#wj-app .sw-discovery>summary{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:24px;list-style:none;padding:22px;cursor:pointer;min-width:0}
#wj-app .sw-discovery>summary::-webkit-details-marker{display:none}
#wj-app .sw-discovery>summary:hover{background:#eeeae2}
#wj-app .sw-discovery[open]>summary{border-bottom:1px solid #c5c8c9}
#wj-app .sw-motif{display:block;background:#e8edef;min-width:0}
#wj-app .sw-motif svg{display:block;width:100%;height:auto;aspect-ratio:20/9}
#wj-app .sw-summary-copy{display:grid;gap:8px;min-width:0}
#wj-app .sw-summary-copy .eyebrow{font-size:11px;color:#79563b;margin:0}
#wj-app .sw-question{font:400 clamp(21px,2.5vw,29px)/1.4 'Libre Baskerville',Georgia,serif;color:#142438;text-wrap:pretty}
#wj-app .sw-deck{font-size:14px;line-height:1.6;color:#526171}
#wj-app .sw-open{font-size:13px;font-weight:700;display:flex;gap:12px;margin-top:4px}
#wj-app .sw-discovery[open] .sw-open{display:none}
#wj-app .sw-content{padding:24px;min-width:0}
#wj-app .sw-stage{max-width:800px;margin:0 auto 20px;min-width:0;background:#edf1f0;border:1px solid #d6dfdf;overflow:hidden}
#wj-app .sw-stage svg{display:block;width:100%;height:auto;max-height:580px}
#wj-app .sw-stage text,#wj-app .sw-teaser-art text{font:20px 'DM Sans',Arial,sans-serif;fill:#142438}
#wj-app .sw-stage line{stroke:#526171;stroke-width:1.5}
#wj-app .sw-ruler{stroke:#79563b!important;stroke-width:1.5}
#wj-app .sw-locator{stroke:#79563b!important;stroke-dasharray:4 4}
#wj-app .sw-stage line.sw-dna{stroke:#79563b;stroke-width:5}
#wj-app .sw-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
#wj-app .sw-controls .sw-action{min-height:48px;font-size:15px}
#wj-app .sw-small{font-size:13px;line-height:1.7;color:#526171}
#wj-app .sw-controls .sw-small{max-width:390px;margin:0}
#wj-app .sw-result:not(:empty){margin:26px 0 16px;border-left:3px solid #a97952;padding:4px 0 4px 20px;max-width:760px}
#wj-app .sw-result h2{font:400 clamp(21px,2.5vw,27px)/1.5 'Libre Baskerville',Georgia,serif}
#wj-app .sw-result p{font-size:15px;line-height:1.8;margin-top:16px;color:#526171}
#wj-app .sw-method{border-top:1px solid #c5c8c9;margin-top:24px;padding-top:12px;font-size:14px;line-height:1.8}
#wj-app .sw-method>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;font-weight:700}
#wj-app .sw-method>summary::before{content:'+';font-size:20px}
#wj-app .sw-method[open]>summary::before{content:'−'}
#wj-app .sw-method p{margin:12px 0}
#wj-app .sw-formula{background:#eeeae2;padding:16px;overflow-wrap:anywhere}
#wj-app .sw-method dl{margin:16px 0}
#wj-app .sw-method dl>div{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr);gap:8px;border-bottom:1px solid #d9d5cd;padding:8px 0}
#wj-app .sw-method dd{margin:0;overflow-wrap:anywhere}
#wj-app .sw-method ul{padding-left:20px}
#wj-app .sw-method a{overflow-wrap:anywhere;text-underline-offset:3px}
#wj-app .sw-related{display:block;font-size:14px;line-height:1.6;padding:16px 0 4px;text-underline-offset:4px}
#wj-app .sw-footer-note{margin-top:28px}
#wj-app #skalenwelt-home-teaser{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.7fr);gap:32px;align-items:center;background:#eee7dc;border-top:2px solid #a97952;border-bottom:1px solid #c5c8c9;padding:28px;margin:28px 0 0}
#wj-app #skalenwelt-home-teaser .eyebrow{font-size:11px;margin-bottom:10px;color:#79563b}
#wj-app #skalenwelt-home-teaser h2{font-size:clamp(25px,3vw,33px);line-height:1.4}
#wj-app #skalenwelt-home-teaser .sw-teaser-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;max-width:620px;margin-top:14px}
#wj-app #skalenwelt-home-teaser .sw-action{margin-top:18px;min-height:44px}
#wj-app .sw-teaser-art{width:100%;max-width:280px;justify-self:end}
#wj-app .sw-teaser-art svg{display:block;width:100%;height:auto}
#wj-app #skalenwelt-view :focus-visible,#wj-app #skalenwelt-home-teaser :focus-visible{outline:3px solid #79563b;outline-offset:5px}
@keyframes sw-arrive{from{opacity:.15}to{opacity:1}}
@keyframes sw-dive{from{transform:translateY(-450px)}to{transform:translateY(0)}}
@keyframes sw-clock{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:no-preference){#wj-app .sw-run svg{animation:sw-arrive .5s ease-out}#wj-app .sw-run .sw-dive{animation:sw-dive 1.2s ease-out}#wj-app .sw-run .sw-clock-hand{animation:sw-clock 1.4s linear}}
@media(max-width:600px){
 #wj-app #skalenwelt-view{margin-top:20px}
 #wj-app .sw-discovery>summary{grid-template-columns:80px minmax(0,1fr);gap:14px;padding:16px 12px}
 #wj-app .sw-question{font-size:20px}
 #wj-app .sw-deck{font-size:13px}
 #wj-app .sw-content{padding:16px 12px}
 #wj-app .sw-stage{margin-inline:-4px}
 #wj-app .sw-controls{align-items:flex-start;flex-direction:column;gap:10px}
 #wj-app .sw-controls .sw-action{max-width:100%;white-space:normal}
 #wj-app .sw-result:not(:empty){padding-left:14px}
 #wj-app .sw-method dl>div{grid-template-columns:minmax(0,1fr);gap:0}
 #wj-app #skalenwelt-home-teaser{grid-template-columns:minmax(0,1fr);gap:12px;padding:22px}
 #wj-app .sw-teaser-art{max-width:180px;justify-self:start;order:-1}
}
#wj-app[data-page=skalenwelt] :is(#home-view,#topic-intro,#entdecken,#quiz,#quiz-teaser,#world100-view){display:none}
#wj-app .sw-noscript-result svg{display:block;width:100%;height:auto}

/* Schlichte Textaktionen im Magazin statt gefüllter Schaltflächen. */
#wj-app .sw-action{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;border:0;border-radius:0;background:transparent;color:var(--ink);font:600 15px/1.6 'DM Sans',sans-serif;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer;width:fit-content}
#wj-app .sw-action:hover{color:#79563b;background:transparent}
#wj-app .sw-action::before,#wj-app .sw-action::after{content:none}