/* Streaming edition: shared shell and editorial catalogue. */
:root{--paper:#101313;--ink:#f3eee5;--accent:#ed5262;--accent-dark:#ef6975;--muted:#a8aaa5;--rule:rgba(243,238,229,.17);--border:rgba(243,238,229,.17);--stream-red:#ba263c;--stream-gutter:clamp(22px,4.5vw,88px);--max-width:1800px}
html{scroll-behavior:smooth;scroll-padding-top:115px}body{background:#101313;color:var(--ink)}button,input,summary{font-family:Arial,sans-serif}a,button{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #f7bfa8;outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default;opacity:.3}::selection{background:#ba263c;color:white}.stream-header{height:96px;padding:0 var(--stream-gutter);position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:44px;background:rgba(13,17,17,.96);border-bottom:1px solid var(--rule);backdrop-filter:blur(20px)}.stream-brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:700 19px/1.05 var(--font-headline);flex-shrink:0}.stream-brand-mark{font:italic 700 56px/.9 var(--font-headline);color:#e94459;letter-spacing:-7px;width:46px}.stream-brand-tag{display:block;font:8px/1 var(--font-mono);letter-spacing:.17em;margin-top:8px;color:#a8aaa5}.stream-header .main-tabs{position:static;display:flex;flex-wrap:nowrap;align-items:center;gap:25px;border:0;margin:0;padding:0;background:none;overflow:visible;flex:1;min-height:0;max-width:none}.stream-header .main-tab{padding:35px 0 30px;position:relative;font:13px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;color:#b7b9b4;background:none!important;border:0;border-bottom:2px solid transparent;box-shadow:none}.stream-header .main-tab.active,.stream-header .main-tab:hover{color:#fff;border-color:#e94459}.main-tabs-limelight{display:none!important}.stream-more{position:relative;font:13px Arial,sans-serif}.stream-more summary{cursor:pointer;list-style:none;white-space:nowrap;color:#b7b9b4;padding:20px 0}.stream-more summary::-webkit-details-marker{display:none}.stream-more summary span{padding-left:6px}.stream-more>div{position:absolute;top:52px;right:0;width:210px;padding:12px;background:#202624;border:1px solid var(--rule);box-shadow:0 16px 40px #0008;border-radius:4px}.stream-more a{display:block;padding:11px;color:#e9e9df;text-decoration:none;border-radius:3px}.stream-more a:hover{background:#ffffff0c}.stream-header-actions{display:flex;align-items:center;gap:20px}.stream-search-button,.stream-list-button{border:0;background:none;color:#dedfd8;font:12px Arial,sans-serif;padding:10px 0;white-space:nowrap}.stream-search-button svg{width:22px;height:22px;display:block}.stream-list-button span{font:10px var(--font-mono);color:#adb0a8;margin-left:5px}.stream-subscribe{font:11px Arial,sans-serif;border:1px solid #6a393e;padding:12px 14px;text-decoration:none;color:#f5dfdd;white-space:nowrap;border-radius:3px}.stream-subscribe:hover{background:var(--stream-red);color:#fff}.layout,.layout.blog-layout{max-width:1800px;margin:0 auto;padding:48px var(--stream-gutter);gap:40px}.main-content{min-width:0}.layout.blog-layout .main-content{width:100%;max-width:none;padding:0}.layout:has(.stream-hero){padding-top:0}.stream-hero.atlas-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:650px;height:min(760px,78vh);margin:0 calc(-1 * var(--stream-gutter)) 0;padding:60px var(--stream-gutter) 100px;border:0;overflow:hidden;background:#111715}.stream-hero-picture,.stream-hero-shade{position:absolute;inset:0;z-index:-2}.stream-hero-picture img{width:100%;height:100%;object-fit:cover;object-position:70% center;will-change:transform;transform:translateY(var(--hero-shift,0px)) scale(1.05)}.stream-hero-shade{z-index:-1;background:linear-gradient(0deg,#101313 0%,transparent 30%),linear-gradient(90deg,#0b1010c9 0%,#0b101088 30%,transparent 68%)}.stream-hero .atlas-hero-copy{max-width:600px;position:relative}.stream-hero .atlas-eyebrow{font:10px/1.6 var(--font-mono);letter-spacing:.16em;color:#d8d2c3;margin-bottom:25px}.stream-dot{display:inline-block;width:6px;height:6px;background:#ed5262;border-radius:50%;margin-right:10px;vertical-align:middle}.stream-hero h1{font:500 clamp(52px,5.4vw,92px)/1.04 var(--font-headline);letter-spacing:-.05em;max-width:630px;margin:0 0 25px;color:#fbf5e9}.stream-hero h1 em{display:block;font-weight:500;color:#ebc4a5}.stream-hero .atlas-hero-deck{font:17px/1.65 Arial,sans-serif;color:#c3c5bc;max-width:470px;margin:0}.stream-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 22px}.stream-primary,.stream-secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;font:600 13px/1.3 Arial,sans-serif;text-decoration:none;padding:16px 22px;border-radius:3px;transition:background .2s,transform .2s}.stream-primary{background:#ba263c;color:#fff}.stream-primary:hover{background:#d13950;transform:translateY(-2px);color:#fff}.stream-secondary{background:#ffffff10;border:1px solid #ffffff32;color:#f3eee5}.stream-secondary:hover{background:#ffffff20;color:white}.stream-hero .atlas-trustline{font:10px/1.8 var(--font-mono);color:#aeb2a6;letter-spacing:0;margin:0;border:0;padding:0}.stream-scroll-cue{position:absolute;bottom:35px;left:var(--stream-gutter);text-decoration:none;color:#adb1a6;font:10px var(--font-mono);display:flex;align-items:center;gap:22px}.stream-scroll-cue span{font-size:20px}.stream-feature-label{position:absolute;bottom:40px;right:var(--stream-gutter);font:9px var(--font-mono);letter-spacing:.12em;color:#afb0a6}.stream-feature-label b{font-weight:400;display:inline-block;margin-left:25px;color:#f1e9de;border-top:2px solid #c93e4d;padding-top:12px}
/* Existing sections retain their complete editorial content. */
.main-content:has(.stream-hero)>section:not(.stream-hero){margin:0;padding:48px 0;border-top:1px solid var(--rule);background:transparent;color:var(--ink)}.main-content:has(.stream-hero)>.atlas-paths{padding-top:15px!important;border-top:0!important}.atlas-section-heading{margin-bottom:24px;max-width:none}.atlas-eyebrow{font:10px/1.6 var(--font-mono);letter-spacing:.13em;color:#b0b3a8;margin-bottom:8px}.atlas-section-heading h2,.main-content:has(.stream-hero)>section h2{font:500 clamp(26px,2.5vw,38px)/1.2 var(--font-headline);letter-spacing:-.02em;color:var(--ink)}.atlas-section-heading>p:not(.atlas-eyebrow){max-width:760px;color:#aeb4ab;font-size:16px}.atlas-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.atlas-path{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:315px;background:#1d2521;border:1px solid #ffffff20;border-radius:5px;padding:25px 22px;color:white;text-decoration:none;transition:transform .4s,border-color .4s;box-shadow:none}.atlas-path:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080e0ff2 0%,#080e0fa6 37%,transparent 80%);z-index:-1}.stream-theme-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}.atlas-path:hover{transform:translateY(-6px);border-color:#d1b597;background:#1d2521}.atlas-path:hover .stream-theme-image{transform:scale(1.06)}.atlas-path-count{position:absolute;top:17px;left:18px;background:#0c1212aa;border:1px solid #ffffff22;border-radius:2px;color:#ebe8df;font:9px var(--font-mono);padding:6px 8px}.atlas-path h3{font:600 25px/1.1 var(--font-headline);color:#fff;margin:0 0 10px}.atlas-path p{color:#c4c8bf;font:12px/1.5 Arial,sans-serif;margin:0 0 15px}.atlas-path .atlas-text-link{color:#f1d2b7;font:10px Arial,sans-serif;border:0}.atlas-section-cta{font:12px Arial,sans-serif;color:#ecbaa7;border:0;margin-top:22px;display:inline-block}.atlas-section-cta:hover{color:#fff}.atlas-blog-grid,.atlas-library-grid,.atlas-tool-grid,.atlas-project-grid,.library-new-grid{gap:22px}.atlas-blog-card,.atlas-library-card,.atlas-tool-card,.atlas-project-card,.library-new-card,.tool-card,.publication-card,.model-map-card{border:1px solid var(--rule);border-radius:5px;background:#181d1b;color:var(--ink);padding:22px;box-shadow:none;transition:border-color .3s,transform .3s;overflow:hidden}.atlas-blog-card:hover,.atlas-library-card:hover,.atlas-project-card:hover,.library-new-card:hover{border-color:#a78572;transform:translateY(-4px)}.atlas-blog-card h3,.atlas-library-card h3,.atlas-project-card h3,.atlas-tool-card h3{font-size:24px;line-height:1.2;color:var(--ink)}.atlas-card-image{margin:-22px -22px 20px;width:calc(100% + 44px);height:auto;aspect-ratio:16/9;background:#eee6d9;overflow:hidden;border:0}.atlas-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.atlas-blog-card:hover img,.atlas-library-card:hover img{transform:scale(1.035)}.atlas-blog-card-excerpt,.atlas-library-card>p,.atlas-project-card>p,.atlas-tool-card>p,.atlas-tool-details{color:#b8bcb2!important;font-size:15px}.atlas-library-card-type,.atlas-card-kicker,.atlas-blog-card time,.atlas-project-domain,.atlas-text-link{color:#d1aa94}.atlas-tool-details{font-size:13px}.atlas-tool-details>div{border-color:var(--rule)}.denk-kern-home-intro{position:relative;padding:60px 48px!important;border:1px solid var(--rule)!important;border-radius:6px;background:linear-gradient(110deg,#273229,#151b19)!important;margin-top:20px!important}.denk-kern-home-intro blockquote{max-width:1000px;font:400 clamp(22px,2.2vw,34px)/1.55 var(--font-body);color:#d9d4c7;border-left:2px solid #c65457;padding:0 0 0 25px;margin:26px 0}.denk-kern-home-architecture{padding-top:40px!important}.denk-kern-level-card,.denk-kern-level{background:#1a211d;border-color:var(--rule);color:var(--ink)}.atlas-author{display:grid;gap:50px}.atlas-author-label{color:#c4a88b}.atlas-author-copy h3{color:#eacdb1}.atlas-inline-links a{color:#edb6a6}.publication-stage{color:#b5bab0;border-color:var(--rule)}.atlas-final-cta{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.atlas-newsletter-form input{background:#202723;border:1px solid #7e8275;color:#fff;border-radius:3px}.atlas-newsletter-form button{background:#ba263c;color:#fff;border:1px solid #ba263c;border-radius:3px;font-family:Arial,sans-serif}.atlas-form-hint,.atlas-form-hint a{color:#aeb5a9}.footer{margin:25px auto 0;max-width:1800px;padding:40px var(--stream-gutter);border-color:var(--rule);color:#a3aa9f}.footer a,.footer-settings,.print-btn{color:#b9beb3}.footer-social{justify-content:flex-start}.footer-note{text-align:left}.footer-legal{justify-content:flex-start}.footer .social-link{color:#b9beb3}.print-btn{border-color:var(--rule)}
/* Horizontal catalogue rows preserve native touch and keyboard scrolling. */
.stream-rail{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#5a6257 transparent;gap:22px;padding:8px 0 18px}.stream-rail>*{flex:0 0 clamp(270px,28vw,430px);scroll-snap-align:start;margin:0}.stream-rail-controls{display:flex;gap:8px;justify-content:flex-end;margin-top:-42px;margin-bottom:16px;pointer-events:none}.stream-rail-controls button{pointer-events:auto;width:34px;height:34px;border:1px solid var(--rule);background:#1c2520;color:var(--ink);border-radius:50%;font-size:17px}.stream-rail-controls button:hover{border-color:#b9a089}.stream-save{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff3a;background:#162019;color:#e4dece;border-radius:3px;padding:9px 12px;font:11px Arial,sans-serif;margin:10px 0}.stream-save[aria-pressed="true"]{border-color:#c69d7d;color:#f4ceb3}.stream-reveal{animation:stream-reveal .85s cubic-bezier(.2,.7,.2,1) both}@keyframes stream-reveal{from{opacity:.5;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
/* Reader pages deliberately retain paper, serif text and clear contrast. */
.layout:has(.legal-page),.layout:has(.step),.layout:has(.artikel-post),.layout:has(.article-body){--paper:#f5f0e8;--ink:#222821;--accent:#ad2339;--muted:#656a61;--rule:#c9c7bc;--border:#c9c7bc;background:var(--paper);color:var(--ink);border-radius:0 0 8px 8px}.sidebar{background:transparent;border-color:var(--rule);top:115px}.main-content .tutorial-subtitle,.main-content .block-desc,.main-content .legal-eyebrow{color:var(--muted)}.blog-card{background:#1b211e;border:1px solid var(--rule);border-radius:4px;overflow:hidden}.blog-card-title{color:var(--ink)}.blog-card-date{color:#b9baac}.block-card{background:#1b211e;border:1px solid var(--rule);border-radius:5px;padding:24px}.block-card:hover{background:#263027}.library-search input,.library-filter,.library-search-input{background:#1d251f;color:var(--ink);border-color:var(--rule)}.library-card{background:#1b211e;border:1px solid var(--rule);border-radius:5px;overflow:hidden}.library-card-title,.library-card h3{color:var(--ink)}.library-card-excerpt,.library-card-meta,.library-meta{color:#b9c0b2}.library-filter.active{background:#ba263c;color:#fff}.library-header{border-color:var(--rule)}
.stream-dialog{width:min(780px,calc(100vw - 32px));max-height:80vh;position:fixed;margin:auto;padding:30px;background:#171e1a;color:#f1eadd;border:1px solid #6a7465;border-radius:8px;box-shadow:0 30px 100px #0008}.stream-dialog::backdrop{background:#060b0cc9;backdrop-filter:blur(8px)}.stream-dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.stream-dialog h2{font:500 36px var(--font-headline)}.stream-close{font-size:30px;color:var(--ink);border:0;background:none;padding:0 8px}.stream-dialog input{width:100%;padding:17px;background:#0e1410;border:1px solid #76826d;border-radius:3px;color:#fff;font-size:16px}.stream-search-status{font:11px/1.7 var(--font-mono);color:#b3bcaa;margin:16px 0}.stream-search-results{display:grid;gap:8px}.stream-search-result{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px;background:#222b24;border:1px solid #ffffff13;border-radius:3px}.stream-search-result>a{display:block;text-decoration:none;color:#f0e9dc;font:17px/1.4 var(--font-body);flex:1}.stream-search-result small{display:block;font:9px var(--font-mono);color:#c1ad92;margin-bottom:5px}.stream-search-result .stream-save{flex-shrink:0;margin:0}.stream-empty{padding:25px 0;color:#c4cbbd}.stream-reader-save{margin-bottom:22px}.stream-progress{height:2px;position:fixed;left:0;top:94px;background:#d04457;z-index:102;width:var(--page-progress,0%);pointer-events:none}
@media(min-width:1800px){.stream-hero.atlas-hero{min-height:780px}.stream-header{justify-content:center}.stream-header .main-tabs{flex:0 1 650px}}
@media(max-width:1200px){.stream-header{gap:25px}.stream-header .main-tabs{gap:18px}.stream-subscribe{display:none}.stream-header-actions{gap:14px}.atlas-path{min-height:320px;padding:18px}.atlas-path h3{font-size:23px}.stream-hero h1{font-size:72px}.stream-hero .atlas-hero-copy{max-width:490px}}
@media(max-width:900px){.stream-header{height:auto;min-height:100px;flex-wrap:wrap;gap:0;justify-content:space-between;padding-top:14px}.stream-brand{font-size:16px}.stream-brand-mark{font-size:44px;width:37px}.stream-brand-tag{font-size:7px}.stream-header .main-tabs{order:3;flex-basis:100%;gap:25px;justify-content:flex-start}.stream-header .main-tab{font-size:12px;padding:18px 0 13px}.stream-more summary{font-size:12px;padding:15px 0}.stream-more>div{top:42px}.stream-progress{top:112px}.stream-hero.atlas-hero{height:660px;min-height:0}.stream-hero h1{font-size:65px}.stream-hero-picture img{object-position:63% center}.atlas-path-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.atlas-path{flex:0 0 42%;scroll-snap-align:start}.atlas-final-cta{grid-template-columns:1fr;gap:25px}.stream-hero .atlas-hero-copy{max-width:440px}.stream-hero-shade{background:linear-gradient(0deg,#101313,transparent 60%),linear-gradient(90deg,#0b1010cd,#0b101030)}.stream-feature-label{display:none}}
@media(max-width:600px){.stream-header .main-tabs{gap:17px}.stream-header .main-tab{font-size:11px}.stream-header .main-tab[data-view="denk-kern"]{display:none}.stream-more>div{right:-8px}.stream-hero.atlas-hero{height:700px;align-items:flex-end;padding-bottom:82px;padding-top:220px}.stream-hero-picture{bottom:160px}.stream-hero-picture img{object-position:70% top;object-fit:cover}.stream-hero-shade{background:linear-gradient(0deg,#101313 8%,#101313f5 28%,#10131340 75%,transparent)}.stream-hero h1{font-size:56px;max-width:350px;line-height:1.04}.stream-hero .atlas-eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:16px}.stream-hero .atlas-hero-deck{font-size:15px;line-height:1.6}.stream-hero-buttons{gap:8px;margin:24px 0 15px}.stream-primary,.stream-secondary{font-size:11px;padding:14px}.stream-hero .atlas-trustline{font-size:8px}.stream-scroll-cue{bottom:22px;font-size:9px}.atlas-path{flex-basis:82%;min-height:330px;padding:23px}.atlas-path h3{font-size:29px}.atlas-path p{font-size:13px}.main-content:has(.stream-hero)>section:not(.stream-hero){padding:34px 0}.atlas-section-heading h2,.main-content:has(.stream-hero)>section h2{font-size:28px}.denk-kern-home-intro{padding:30px 24px!important}.denk-kern-home-intro blockquote{font-size:21px;padding-left:16px}.stream-rail-controls{margin:0 0 12px}.stream-rail>*{flex-basis:86%}.stream-dialog{padding:21px}.stream-dialog h2{font-size:29px}.stream-search-result{padding:12px}.stream-search-result>a{font-size:15px}.stream-search-result .stream-save{padding:9px;font-size:10px}.atlas-newsletter-form{flex-direction:column}.atlas-newsletter-form input,.atlas-newsletter-form button{width:100%;min-height:46px}.layout,.layout.blog-layout{padding-top:28px}.layout:has(.stream-hero){padding-top:0}.atlas-author{gap:25px}}
@media(prefers-reduced-motion:reduce){html,.stream-rail{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.stream-hero-picture img{transform:none!important}}
@media print{.stream-header,.stream-dialog,.stream-progress,.stream-rail-controls,.stream-save,.stream-hero-picture,.stream-hero-shade,.stream-scroll-cue{display:none!important}:root{--paper:white;--ink:black;--accent:#a21d35;--muted:#444}body,.layout,.main-content:has(.stream-hero)>section{background:white!important;color:black!important}.stream-hero.atlas-hero{height:auto;min-height:0;padding:20px 0;margin:0}.stream-hero h1,.stream-hero h1 em,.stream-hero p{color:black!important}.stream-rail{display:grid!important;overflow:visible}.stream-reveal{animation:none}.atlas-path{background:white!important;color:black!important}.atlas-path:after,.stream-theme-image{display:none}.atlas-path h3,.atlas-path p{color:black}}
/* Contrast refinements for existing catalogue and glossary components. */
.artikel-section-head span,.artikel-teaser-card p,.lexikon-list dd,.lexikon-term-short,.lexikon-related,.tool-card .tool-description,.project-atlas-summary{color:var(--muted)}
.artikel-section{border-color:var(--rule);margin-top:34px}.artikel-section-head{gap:14px 30px}.artikel-section-grid{gap:18px}.artikel-teaser-card{border:1px solid var(--rule);border-radius:5px;background:#1b211e;transition:transform .3s,border-color .3s}.artikel-teaser-card:hover{border-color:#c6a78c;transform:translateY(-4px)}.artikel-teaser-more{color:#dcaf97}.artikel-teaser-image{border:0;background:#e9e1d5}.artikel-showcase>header{border-color:var(--rule)}
.stream-header{isolation:isolate}.stream-header .main-tab{flex:0 0 auto}.stream-header .main-tabs{justify-content:flex-start}.stream-header-actions{margin-left:auto}
@media(max-width:600px){.stream-header .main-tabs{justify-content:space-between}.stream-header-actions{margin-left:0}}
.stream-rail-controls[hidden]{display:none}.legacy-tutorial{max-width:850px;margin:30px auto}.legacy-tutorial p{color:var(--muted)}
/* Keep translated cinematic layers inside the viewport; rails scroll locally. */
html{overflow-x:clip}
/* Visually hidden link labels must stay inside their own scrollable card. */
.stream-rail,.stream-rail>*{position:relative}
/* Clip decorative overflow without creating a scroll container around sticky navigation. */
body{overflow-x:clip}

/* Warm paper edition: cinematic opening, bright editorial browsing. */
@media screen {
  :root {
    --paper: #f5f0e8;
    --ink: #252923;
    --accent: #b51e36;
    --accent-dark: #95182c;
    --muted: #66685e;
    --rule: rgba(52, 49, 39, .2);
    --border: rgba(52, 49, 39, .2);
    --stream-red: #b51e36;
  }
  body { background: var(--paper); }
  .stream-header, .stream-hero {
    --ink: #f3eee5;
    --rule: rgba(243, 238, 229, .17);
    --border: rgba(243, 238, 229, .17);
  }
  .stream-header { color: var(--ink); }
  .stream-hero.atlas-hero { margin-bottom: 0; }
  .main-content:has(.stream-hero) > .atlas-paths { padding-top: 44px !important; }
  .atlas-eyebrow { color: var(--accent); }
  .atlas-section-heading > p:not(.atlas-eyebrow) { color: var(--muted); }
  .atlas-section-cta, .atlas-text-link, .artikel-teaser-more,
  .atlas-inline-links a, .atlas-form-hint a { color: var(--accent); }
  .atlas-section-cta:hover, .atlas-inline-links a:hover { color: var(--accent-dark); }
  .atlas-blog-card, .atlas-library-card, .atlas-tool-card,
  .atlas-project-card, .library-new-card, .tool-card,
  .publication-card, .model-map-card, .blog-card, .block-card,
  .library-card, .artikel-teaser-card {
    background: #fcfaf5;
    border-color: var(--rule);
    color: var(--ink);
  }
  .atlas-blog-card:hover, .atlas-library-card:hover,
  .atlas-project-card:hover, .library-new-card:hover,
  .artikel-teaser-card:hover { border-color: #9b8772; }
  .block-card:hover { background: #eee9df; }
  .atlas-blog-card-excerpt, .atlas-library-card > p,
  .atlas-project-card > p, .atlas-tool-card > p,
  .atlas-tool-details { color: #5c6056 !important; }
  .atlas-library-card-type, .atlas-card-kicker,
  .atlas-blog-card time, .atlas-project-domain,
  .blog-card-date { color: #7c463e; }
  .library-card-excerpt, .library-card-meta, .library-meta { color: var(--muted); }
  .denk-kern-home-intro { background: #eaece2 !important; }
  .denk-kern-home-intro blockquote {
    color: #363e32;
    border-left-color: var(--accent);
  }
  .denk-kern-level-card, .denk-kern-level { background: #eeeee4; }
  .atlas-author-label { color: #756148; }
  .atlas-author-copy h3 { color: var(--ink); }
  .publication-stage { color: var(--muted); }
  .atlas-newsletter-form input, .library-search input,
  .library-search-input, .library-filter {
    background: #fcfaf5;
    color: var(--ink);
    border-color: #a8a391;
  }
  input::placeholder { color: #727064; opacity: 1; }
  .library-filter.active, .atlas-newsletter-form button {
    background: var(--stream-red);
    color: #fff;
  }
  .atlas-form-hint { color: var(--muted); }
  .footer, .footer a, .footer-settings, .print-btn,
  .footer .social-link { color: #5a5e53; }
  .stream-rail { scrollbar-color: #b1a58f transparent; }
  .stream-rail-controls button {
    background: #fffdf7;
    border-color: #b1a58f;
  }
  .stream-save {
    background: #fcfaf5;
    color: #4b5146;
    border-color: #a9aa9c;
  }
  .stream-save[aria-pressed="true"] {
    background: #f4e3df;
    color: #971c30;
    border-color: #b66b70;
  }
  .stream-dialog {
    background: #f5f0e8;
    color: var(--ink);
    border-color: #b6af9d;
  }
  .stream-dialog input {
    background: #fffdf8;
    color: var(--ink);
    border-color: #9c9d8c;
  }
  .stream-search-status, .stream-empty { color: var(--muted); }
  .stream-search-result { background: #fffdf7; border-color: var(--rule); }
  .stream-search-result > a { color: var(--ink); }
  .stream-search-result small { color: #864536; }
  a:focus-visible, button:focus-visible, summary:focus-visible,
  input:focus-visible { outline-color: #a9263c; }
  .stream-header :focus-visible, .stream-hero :focus-visible,
  .atlas-path:focus-visible { outline-color: #e9b591; }
  @media (max-width: 600px) {
    .main-content:has(.stream-hero) > .atlas-paths { padding-top: 30px !important; }
  }
}

/* Shared rubric openings: the same cinematic imagery above quiet paper content. */
@media screen {
  .main-content .stream-section-hero {
    --stream-scene: image-set(url('/images/streaming/learning-1672.webp') 1x, url('/images/streaming/learning-3840.webp') 2x);
    --ink: #fbf5e9;
    --accent: #efb5a0;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 350px;
    width: 100%;
    max-width: none;
    margin: 0 0 36px;
    padding: clamp(32px, 4.5vw, 72px);
    border: 0;
    border-radius: 5px;
    background: #151d1a;
    color: var(--ink);
  }
  .stream-section-hero::before {
    content: '';
    position: absolute;
    z-index: -2;
    inset: -70px 0;
    background-image: var(--stream-scene);
    background-size: cover;
    background-position: 75% center;
    transform: translate3d(0, var(--picture-shift, 0px), 0);
  }
  .stream-section-hero::after {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(90deg, #0b1211f5 0%, #0b1211d9 34%, #0b12116b 68%, #0b121126), linear-gradient(0deg, #0b12117d, transparent 75%);
  }
  .main-content .stream-section-hero h1 {
    max-width: 18ch;
    margin: 0 0 22px;
    font: 500 clamp(36px, 4.4vw, 66px)/1.06 var(--font-headline);
    letter-spacing: -.035em;
    color: #fbf5e9;
    text-wrap: balance;
  }
  .main-content .stream-section-hero > h1:last-child { margin-bottom: 0; }
  .main-content .stream-section-hero p {
    max-width: 54ch;
    margin: 0;
    color: #e0dfd2;
    font: 16px/1.65 Arial, sans-serif;
  }
  .main-content .stream-section-hero :is(.projekte-eyebrow,.atlas-eyebrow,.artikel-showcase-kicker) {
    margin: 0 0 20px;
    color: #efb5a0;
    font: 10px/1.6 var(--font-mono);
    letter-spacing: .13em;
  }
  .main-content .stream-section-hero[data-stream-scene="tools"],
  .tool-catalog .stream-section-hero { --stream-scene: image-set(url('/images/streaming/tools-1672.webp') 1x, url('/images/streaming/tools-3840.webp') 2x); }
  .main-content .stream-section-hero[data-stream-scene="questions"],
  .theme-hub[data-theme="denkcoach"] .stream-section-hero { --stream-scene: image-set(url('/images/streaming/questions-1672.webp') 1x, url('/images/streaming/questions-3840.webp') 2x); }
  .model-map .stream-section-hero,
  .theme-hub[data-theme="pruefen-haltung-kommunikation"] .stream-section-hero { --stream-scene: image-set(url('/images/streaming/judgement-1672.webp') 1x, url('/images/streaming/judgement-3840.webp') 2x); }
  .theme-hub[data-theme="aufgaben-werkzeuge"] .stream-section-hero { --stream-scene: image-set(url('/images/streaming/tools-1672.webp') 1x, url('/images/streaming/tools-3840.webp') 2x); }
  .main-content .denk-kern-hero { --stream-scene: image-set(url('/images/streaming/hero-1672.webp') 1x, url('/images/streaming/hero-3840.webp') 2x); }
  .main-content .denk-kern-hero.stream-section-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, .55fr);
    gap: 40px;
    align-items: center;
    min-height: 430px;
  }
  .denk-kern-hero .denk-kern-definition {
    background: #111c18c9;
    border: 1px solid #ffffff42;
    border-radius: 4px;
    padding: 25px;
  }
  .denk-kern-hero .denk-kern-definition > span { color: #efb5a0; display: block; margin-bottom: 12px; }
  .main-content .denk-kern-hero .denk-kern-definition p { font: 18px/1.6 var(--font-body); }
  .main-content[data-view="tldr"] > .stream-section-hero::before,
  .main-content[data-view="tutorials"] > .stream-section-hero::before {
    background-image: radial-gradient(ellipse at 80% 30%, #536555, #18211c 70%);
  }
  .model-map, .tool-catalog, .atlas-project-hub, .author-profile,
  .artikel-showcase, .theme-hub, .main-content > .publication-stage { padding-top: 0; }
  .author-profile { border-top: 0; }
  .author-profile > .stream-section-hero { grid-column: 1 / -1; }
  .main-content .lexikon-listing { max-width: none; }
  .lexikon-list { max-width: 960px; margin-inline: auto; }
  .artikel-showcase > .library-controls {
    grid-column: 1 / -1;
    grid-row: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 30px;
    margin: 0 0 28px;
    padding: 20px 24px;
    background: #fcfaf5;
    border: 1px solid var(--rule);
    border-radius: 4px;
  }
  .library-controls > * { flex: 1 1 280px; }
  .main-content .denk-kern-reference > section {
    padding: clamp(28px, 4vw, 60px) 0;
    border-color: var(--rule);
  }
  .denk-kern-reference h2 { max-width: 28ch; font: 500 clamp(28px,3vw,43px)/1.15 var(--font-headline); }
  .denk-kern-reference > section > p:not(.atlas-eyebrow) { max-width: 72ch; }
  .denk-kern-application, .dl-item, .lexikon-item {
    background: #fcfaf5;
    border-color: var(--rule);
  }
  .dl-item:hover { background: #edece2; }
  .dl-subtab.active { background: var(--accent); color: white; border-color: var(--accent); }
  .lexikon-item { padding: 22px 24px; margin-bottom: 10px; border: 1px solid var(--rule); border-radius: 4px; }
  .artikel-post > .tutorial-title { font-weight: 500; line-height: 1.13; }
  .main-content .breadcrumb { color: var(--muted); font: 11px/1.7 var(--font-mono); margin-bottom: 22px; }
  .main-content:not(:has(.stream-hero)) > .stream-reader-save {
    display: flex; justify-content: flex-end; margin: 0 0 12px;
  }
  .stream-reader-save .stream-save { margin: 0; }
  .stream-hero-picture { overflow: hidden; }
  .stream-hero-picture img {
    position: absolute; top: -90px; left: 0; height: calc(100% + 180px);
    transform: translate3d(0, var(--picture-shift, 0px), 0);
    will-change: auto;
  }
  .stream-theme-image {
    inset: -28px 0; height: calc(100% + 56px);
    transform: translate3d(0, var(--picture-shift, 0px), 0);
    transition: scale .5s;
  }
  .atlas-path:hover .stream-theme-image {
    transform: translate3d(0, var(--picture-shift, 0px), 0);
    scale: 1.035;
  }
  @media (max-width: 700px) {
    .main-content .stream-section-hero { min-height: 300px; padding: 30px 24px; margin-bottom: 25px; }
    .main-content .stream-section-hero h1 { font-size: clamp(30px, 7.5vw, 44px); max-width: 100%; }
    .main-content .stream-section-hero p { font-size: 14px; }
    .stream-section-hero::after { background: linear-gradient(90deg,#0b1211ed,#0b1211a6),linear-gradient(0deg,#0b121166,transparent); }
    .main-content .denk-kern-hero.stream-section-hero { grid-template-columns: 1fr; gap: 25px; }
    .denk-kern-hero .denk-kern-definition { padding: 20px; }
    .main-content .denk-kern-hero .denk-kern-definition p { font-size: 16px; }
    .artikel-showcase > .library-controls { padding: 16px; }
  }
}
@media (prefers-reduced-motion: reduce) {
  .stream-section-hero::before, .stream-hero-picture img,
  .stream-theme-image, .atlas-path:hover .stream-theme-image { transform: none !important; scale: 1 !important; }
}
@media print {
  .stream-section-hero::before, .stream-section-hero::after { display: none; }
}

/* Explain browser-local bookmarks wherever the list is opened. */
.stream-list-note { margin: 0 0 20px; padding: 12px 16px; border-left: 2px solid var(--accent); background: #eaece2; color: #363e32; font: 14px/1.6 Arial, sans-serif; }

/* Author context stays readable beneath the cinematic introduction. */
.author-bio { max-width: 72ch; }
.author-bio h2, .author-publications > h2 { font-family: var(--font-headline); font-size: clamp(1.6rem, 3vw, 2.2rem); margin: 0 0 20px; }
.author-bio p { line-height: 1.75; margin: 0 0 18px; }
.author-bio a { text-decoration: underline; text-underline-offset: 3px; }
.author-profile > .author-publications { grid-column: 1 / -1; margin: 16px 0 28px; }
.author-publications .publication-card { margin-top: 24px; }

/* Offscreen home sections retain their content without delaying the first screen. */
.main-content:has(> .stream-hero) > section:not(.stream-hero) {
  content-visibility: auto;
  contain-intrinsic-size: auto 650px;
}
@media print {
  .main-content:has(> .stream-hero) > section:not(.stream-hero) {
    content-visibility: visible;
    contain-intrinsic-size: none;
  }
}

@media (max-width: 700px) {
  .main-content .stream-section-hero { --stream-scene: image-set(url('/images/streaming/learning-960.webp') 1x, url('/images/streaming/learning-1672.webp') 2x); }
  .main-content .stream-section-hero[data-stream-scene="tools"],
  .tool-catalog .stream-section-hero,
  .theme-hub[data-theme="aufgaben-werkzeuge"] .stream-section-hero { --stream-scene: image-set(url('/images/streaming/tools-960.webp') 1x, url('/images/streaming/tools-1672.webp') 2x); }
  .main-content .stream-section-hero[data-stream-scene="questions"],
  .theme-hub[data-theme="denkcoach"] .stream-section-hero { --stream-scene: image-set(url('/images/streaming/questions-960.webp') 1x, url('/images/streaming/questions-1672.webp') 2x); }
  .model-map .stream-section-hero,
  .theme-hub[data-theme="pruefen-haltung-kommunikation"] .stream-section-hero { --stream-scene: image-set(url('/images/streaming/judgement-960.webp') 1x, url('/images/streaming/judgement-1672.webp') 2x); }
  .main-content .denk-kern-hero { --stream-scene: image-set(url('/images/streaming/hero-960.webp') 1x, url('/images/streaming/hero-1672.webp') 2x); }
}