/* Editorial explanations. Scoped to authored story components. */
:is(.prose,.j-prose) :is(.story-panel,.story-figure,.story-cta,.story-exercise,.story-chart,.story-video,.story-note){
  --story-ink:#20281f; --story-muted:#54604e; --story-green:#3f5c40;
  --story-rule:#cbd1c2; --story-paper:#eef0e6;
  box-sizing:border-box; margin:44px 0; color:var(--story-ink);
}
:is(.prose,.j-prose) .story-panel,:is(.prose,.j-prose) .story-chart,:is(.prose,.j-prose) .story-exercise{padding:clamp(22px,4vw,40px);background:var(--story-paper);border:1px solid var(--story-rule)}
:is(.prose,.j-prose) .story-kicker{display:block;font:600 11px/1.5 Inter,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--story-green);margin:0 0 15px}
:is(.prose,.j-prose) :is(.story-panel,.story-cta,.story-exercise,.story-chart) h3{font-family:var(--serif,Georgia,serif);font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.02em;margin:0 0 18px;color:inherit}
:is(.prose,.j-prose) :is(.story-panel,.story-cta,.story-exercise,.story-chart,.story-note) :is(strong,b,li){color:inherit}
:is(.prose,.j-prose) :is(.story-panel,.story-exercise) li{font:400 16px/1.7 Inter,sans-serif;margin-bottom:12px}
:is(.prose,.j-prose) :is(.story-panel,.story-cta,.story-exercise,.story-note,.story-video,.story-chart) p{font:400 16px/1.7 Inter,sans-serif;margin:0 0 16px;max-width:65ch;color:inherit}
:is(.prose,.j-prose) :is(.story-panel,.story-cta,.story-exercise,.story-note,.story-chart) p:last-child{margin-bottom:0}
:is(.prose,.j-prose) .story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
:is(.prose,.j-prose) .story-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
:is(.prose,.j-prose) .story-card,:is(.prose,.j-prose) .story-step{min-width:0;padding:22px 0;border-top:2px solid #809775}
:is(.prose,.j-prose) :is(.story-card,.story-step) h3{font:600 19px/1.35 Inter,sans-serif;margin:8px 0 12px;letter-spacing:-.02em}
:is(.prose,.j-prose) :is(.story-card,.story-step) p{font:400 15px/1.7 Inter,sans-serif}
:is(.prose,.j-prose) .story-number{display:block;font:400 32px/1.1 var(--serif,Georgia,serif);color:var(--story-green);margin-bottom:14px}
:is(.prose,.j-prose) :is(.story-panel,.story-exercise) label{display:block;font:600 15px/1.5 Inter,sans-serif;margin:22px 0 9px}
:is(.prose,.j-prose) :is(.story-panel,.story-exercise) textarea,:is(.prose,.j-prose) :is(.story-panel,.story-exercise) input,:is(.prose,.j-prose) :is(.story-panel,.story-exercise) select{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:48px;margin:10px 0 18px;border:1px solid #899582;border-radius:2px;padding:14px;background:#fffef8;color:#20281f;font:400 16px/1.6 Inter,sans-serif}
:is(.prose,.j-prose) :is(.story-panel,.story-exercise) textarea{resize:vertical;min-height:95px}
:is(.prose,.j-prose) :is(.story-panel,.story-exercise) input[type="checkbox"]{display:inline-block;width:20px;min-height:20px;height:20px;margin:0 10px 0 0;vertical-align:middle;accent-color:#3f5c40}
:is(.prose,.j-prose) .story-exercise [data-story-result]{margin-top:22px;padding:20px;border-left:3px solid #3f5c40;background:#fffef8}
:is(.prose,.j-prose) .story-figure{margin:44px 0}
:is(.prose,.j-prose) .story-figure img,:is(.prose,.j-prose) .story-figure svg{display:block;width:100%;height:auto;border:1px solid #d9ddcf}
:is(.prose,.j-prose) .story-figure figcaption,:is(.prose,.j-prose) .story-chart figcaption{display:block;font:400 13px/1.65 Inter,sans-serif;color:#56604f;margin:13px 0 0;padding:0;letter-spacing:0}
:is(.prose,.j-prose) .story-note{padding:22px 26px;border-left:3px solid #809775;background:#f0eee4}
:is(.prose,.j-prose) .story-cta{padding:clamp(24px,4vw,40px);background:#253b2b;color:#fffef7}
:is(.prose,.j-prose) .story-cta .story-kicker{color:#cedbbf}
:is(.prose,.j-prose) .story-cta :is(h3,p){color:#fffef7}
body:is(.article-v3,.journal-article) :is(.prose,.j-prose) a.story-button,:is(.prose,.j-prose) .story-exercise button,:is(.prose,.j-prose) .story-panel button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 23px;margin:12px 0 0;background:#273d2b;color:#fffef7;border:1px solid #273d2b;border-radius:3px;font:600 14px/1.5 Inter,sans-serif;text-decoration:none;text-align:center;cursor:pointer;white-space:normal}
body:is(.article-v3,.journal-article) :is(.prose,.j-prose) .story-cta a.story-button{background:#e6edda;color:#203323;border-color:#e6edda}
body:is(.article-v3,.journal-article) :is(.prose,.j-prose) .story-cta a:not(.story-button){color:#edf3e6;text-decoration:underline}
body:is(.article-v3,.journal-article) :is(.prose,.j-prose) a.story-button::after{content:none}
:is(.prose,.j-prose) .story-button:hover,:is(.prose,.j-prose) .story-exercise button:hover{filter:brightness(1.12)}
:is(.prose,.j-prose) :is(.story-button,button,textarea,input,select,summary):focus-visible{outline:3px solid #bc752c;outline-offset:5px}
:is(.prose,.j-prose) .story-video{background:#eef0e6;border:1px solid #cbd1c2}
:is(.prose,.j-prose) .story-video>button{position:relative;display:block;width:100%;border:0;padding:0;background:#17261c;color:#fff;cursor:pointer;text-align:left;font:600 18px/1.4 Inter,sans-serif}
:is(.prose,.j-prose) .story-video>button img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.65}
:is(.prose,.j-prose) .story-video>button span{position:absolute;left:0;bottom:0;right:0;padding:36px 24px 24px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}
:is(.prose,.j-prose) .story-video>button span::before{content:'▶';display:inline-block;margin-right:14px}
:is(.prose,.j-prose) .story-video>p{padding:18px 24px;margin:0;font-size:14px;max-width:none}
:is(.prose,.j-prose) .story-video iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}
:is(.prose,.j-prose) .story-bar{display:block;margin:24px 0}
:is(.prose,.j-prose) .story-bar-label{display:flex;justify-content:space-between;gap:16px;font:500 14px/1.6 Inter,sans-serif;margin-bottom:8px}
:is(.prose,.j-prose) .story-bar-track{display:block;width:100%;height:24px;background:#dce1d1}
:is(.prose,.j-prose) .story-bar-fill{display:block;height:100%;width:var(--bar,0%);background:#4f704c}
:is(.prose,.j-prose) .story-bar:nth-of-type(even) .story-bar-fill{background:#8b704c}
:is(.prose,.j-prose) .story-sources{max-width:680px;margin:48px 0 0;border-top:1px solid #cbd1c2;border-bottom:1px solid #cbd1c2;padding:0}
:is(.prose,.j-prose) .story-sources summary{font:600 16px/1.5 Inter,sans-serif;padding:18px 0;cursor:pointer}
:is(.prose,.j-prose) .story-sources :is(p,li){font:400 14px/1.65 Inter,sans-serif;color:#54604e;overflow-wrap:anywhere}
:is(.prose,.j-prose) .story-sources :is(ul,ol){margin:0 0 20px;padding-left:20px}
:is(.prose,.j-prose) [hidden]{display:none!important}
@media(max-width:680px){
  :is(.prose,.j-prose) .story-grid,:is(.prose,.j-prose) .story-flow{grid-template-columns:1fr;gap:8px}
  :is(.prose,.j-prose) :is(.story-panel,.story-figure,.story-cta,.story-exercise,.story-chart,.story-video,.story-note){margin:30px 0}
  :is(.prose,.j-prose) .story-figure img{object-fit:contain}
  :is(.prose,.j-prose) .story-bar-label{font-size:13px}
  :is(.prose,.j-prose) .story-video>button span{padding:32px 18px 18px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){:is(.prose,.j-prose) [class*="story-"]{scroll-behavior:auto;transition:none}}

/* The production journal renderer shares the native sources disclosure. */
.j-prose .article-sources{margin:48px 0 28px;border-top:1px solid #cbd1c2;border-bottom:1px solid #cbd1c2;padding:0;background:transparent}
.j-prose .article-sources>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:18px 0;list-style:none}
.j-prose .article-sources>summary::-webkit-details-marker{display:none}
.j-prose .article-sources>summary::after{content:'+';font:400 22px/1 Inter,sans-serif;color:#3f5c40}
.j-prose .article-sources[open]>summary::after{content:'−'}
.j-prose .article-sources>summary h2{margin:0;padding:0;font:600 16px/1.5 Inter,sans-serif;letter-spacing:0;color:#27352a;background:none}
.j-prose .article-sources>summary .num{display:none}
.j-prose .article-sources-body{padding:0 0 18px}
.j-prose .article-sources-body :is(p,li){font:400 14px/1.75 Inter,sans-serif;color:#54604e;margin:0 0 12px;overflow-wrap:anywhere}
.j-prose .article-sources-body :is(ul,ol){margin:0;padding-left:20px}
.j-prose .article-sources-body a{overflow-wrap:anywhere}
.j-prose .article-sources>summary:focus-visible{outline:3px solid #bc752c;outline-offset:5px}

/* Keep the story CTA readable inside both release themes. */
body :is(.prose,.j-prose) .story-cta :is(h3,p,li){color:#fffef7}
body :is(.prose,.j-prose) .story-cta .story-note{padding:0;border:0;background:transparent;color:#cedbbf;font:400 13px/1.65 Inter,sans-serif;margin:18px 0 0}
body.release-german .body-grid:has(.story-panel){padding-inline:0}
body.release-german .body-grid>.prose:has(.story-panel){width:100%;min-width:0}