/* MUTINYQUE Journal als Magazin.
   Zwei Welten: Titelseite, Rubriken und Pressespiegel schwarz wie mutinyque.com; Beiträge zum Lesen auf weißem Papier.
   Schriften wie die Website (Archivo breit für Titel, Manrope für Text der Oberfläche), dazu Newsreader für den Lesetext.
   Alle Schriften liegen im Theme (keine Verbindung zu Google). Violett nur für Hauptaktionen. */

@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url(../fonts/archivo-latin-wdth-normal.woff2) format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url(../fonts/archivo-latin-ext-wdth-normal.woff2) format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;
  src:url(../fonts/manrope-latin-wght-normal.woff2) format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;
  src:url(../fonts/manrope-latin-ext-wght-normal.woff2) format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:normal;font-display:swap;font-weight:200 800;
  src:url(../fonts/newsreader-latin-wght-normal.woff2) format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:normal;font-display:swap;font-weight:200 800;
  src:url(../fonts/newsreader-latin-ext-wght-normal.woff2) format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:italic;font-display:swap;font-weight:200 800;
  src:url(../fonts/newsreader-latin-wght-italic.woff2) format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:italic;font-display:swap;font-weight:200 800;
  src:url(../fonts/newsreader-latin-ext-wght-italic.woff2) format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --night:#000;          /* Titelseite, Übersichten */
  --carbon:#141414;      /* Flächen auf Schwarz */
  --paper:#fff;          /* Lese-Seiten */
  --paper-2:#f3f3f1;     /* Flächen auf Papier */
  --ink:#fff;            /* Text auf Schwarz */
  --ink-paper:#0b0b0b;   /* Text auf Papier */
  --muted:#9a9a9a;       /* Nebentext auf Schwarz */
  --muted-paper:#5e5e5c; /* Nebentext auf Papier */
  --line:#2a2a2a; --line-paper:#dadad6;
  --violet:#7b2cff;      /* nur Hauptaktionen, wie auf der Website */
  --display:var(--gh-font-heading,"Archivo"),"Arial Black",system-ui,sans-serif;
  --body:var(--gh-font-body,"Manrope"),system-ui,sans-serif;
  --read:"Newsreader",Georgia,"Times New Roman",serif;
  --gutter:max(16px,env(safe-area-inset-left,0px));
  --gutter-r:max(16px,env(safe-area-inset-right,0px));
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{text-wrap:balance;overflow-wrap:break-word;margin:0}
:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Sprache: Elemente für die andere Sprache ausblenden (Klasse setzt default.hbs; ohne Skript Englisch) */
html:not(.lang-de) .only-de,.lang-de .only-en{display:none!important}

.wrap{max-width:1240px;margin-inline:auto;padding-left:var(--gutter);padding-right:var(--gutter-r)}
.wrap-read{max-width:calc(680px + 32px);margin-inline:auto;padding-left:var(--gutter);padding-right:var(--gutter-r)}
.site-main{padding-bottom:0}

/* Wiederkehrende Kleinteile */
.kicker{font:700 .7rem/1.2 var(--display);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.deck{font:italic 400 clamp(1.08rem,1.6vw,1.32rem)/1.42 var(--read);max-width:46ch;margin:0}
.byline{font-size:.8rem;letter-spacing:.03em;margin:14px 0 0}
.lead{color:var(--muted);max-width:60ch;margin:12px 0 0;font-size:1.02rem}
.pill{display:inline-flex;align-items:center;min-height:44px;font:700 .74rem/1 var(--display);font-stretch:112%;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1.5px solid currentColor;border-radius:999px;padding:0 18px}
.pill:hover{background:var(--ink);color:var(--night)}
.btn{font:700 .78rem/1 var(--display);font-stretch:110%;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;min-height:46px;padding:0 22px;border:1.5px solid var(--violet);background:var(--violet);color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.btn:hover{filter:brightness(1.12)}

/* Kopfzeile */
.s-header{border-bottom:1px solid var(--line);position:relative;z-index:5;background:var(--night)}
.s-header>.s-container{max-width:1240px;margin-inline:auto;padding:14px var(--gutter-r) 14px var(--gutter);display:flex;align-items:center;gap:10px 28px;flex-wrap:wrap}
.brand{font:800 1.05rem/1 var(--display);font-stretch:125%;letter-spacing:.04em;text-decoration:none;display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.brand small{font:500 .92rem/1 var(--body);letter-spacing:0;color:var(--muted)}
.rubrics{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:22px;overflow-x:auto;scrollbar-width:none;font-size:.9rem}
.rubrics::-webkit-scrollbar{display:none}
.rubrics ul{display:flex;gap:4px 22px;list-style:none;margin:0;padding:0;white-space:nowrap}
.rubrics a{text-decoration:none;display:inline-flex;align-items:center;min-height:36px;white-space:nowrap}
.rubrics a:hover{color:var(--muted)}
.rubrics .nav-current a,.rubrics a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.nav-press a,a.nav-press{gap:8px}
.nav-press a::before,a.nav-press::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.s-utils{display:flex;align-items:center;gap:6px;margin-left:auto}
.icon-btn{background:none;border:0;color:inherit;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%}
.icon-btn:hover{background:var(--carbon)}
.signin{font-size:.85rem;text-decoration:none;min-height:40px;display:inline-flex;align-items:center;padding:0 6px}
@media (max-width:760px){.rubrics{order:3;flex-basis:100%}}

/* Startseite: Schriftzug */
.masthead-wrap{padding-top:26px;container-type:inline-size}
/* Schriftzug „Journal“ füllt die Breite und bricht nie um: „JOURNAL“ ist in Archivo 900/125 % rund 6,4 em breit,
   15,4 % der Containerbreite lassen etwas Luft. vw-Wert nur für Browser ohne Container-Einheiten. */
.masthead-wrap .masthead{font-size:min(12rem,13vw);font-size:clamp(1.8rem,15.4cqi,12rem);white-space:nowrap;overflow-wrap:normal}
.mast-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.brandmark{font:800 .95rem/1 var(--display);font-stretch:125%;letter-spacing:.06em;color:var(--ink)}
.masthead{font-family:var(--display);font-weight:900;font-stretch:125%;text-transform:uppercase;line-height:.82;letter-spacing:-.01em;font-size:clamp(3rem,13.2vw,12.5rem);margin:14px 0 0;overflow-wrap:anywhere}
.masthead-sm{font-size:clamp(2.2rem,7vw,5.6rem);line-height:.9}
.issue{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;border-block:1px solid var(--ink);margin-top:14px;padding-block:9px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.issue span:nth-child(2){color:var(--muted)}
.issue a{display:inline-flex;align-items:center;min-height:24px}

/* Titelgeschichte und Pressespiegel-Spalte */
.cover{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:32px;margin-top:26px}
.cover:not(:has(.wire)){grid-template-columns:1fr}
@media (max-width:900px){.cover{grid-template-columns:1fr}}
.lead-story{position:relative;min-width:0}
.lead-link{display:block;text-decoration:none;position:relative;background:var(--carbon)}
.lead-img{margin:0;aspect-ratio:4/3;overflow:hidden}
.cover:not(:has(.wire)) .lead-img{aspect-ratio:16/8}
.lead-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.lead-link:hover .lead-img img{transform:scale(1.02)}
.lead-over{position:absolute;inset:auto 0 0 0;padding:clamp(18px,3vw,36px);background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.55) 60%,transparent)}
.lead-noimg .lead-over{position:static;background:none;padding:clamp(22px,4vw,48px)}
.lead-title{font:800 clamp(1.7rem,4.2vw,3.4rem)/1.02 var(--display);font-stretch:112%;text-transform:uppercase;margin:12px 0;max-width:18ch}
.lead-over .deck{color:#e6e6e6}
@media (max-width:620px){.lead-over{position:static;background:none;padding:18px 0 0}.lead-link{background:none}}
.lead-over .byline{color:#b5b5b5}

.wire{border-top:3px solid var(--ink);padding-top:14px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.wire-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%}
.wire-head h2{font:900 1.35rem/1 var(--display);font-stretch:125%;text-transform:uppercase}
.wire-head>span,.wire-head>a{font-size:.72rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.wire-sub{font-size:.84rem;color:var(--muted);margin:8px 0 6px}
.wire ol{list-style:none;margin:0 0 16px;padding:0;width:100%}
.wire li{border-bottom:1px solid var(--line);padding-block:13px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 12px}
.wire time{font:600 .76rem/1.3 var(--body);font-variant-numeric:tabular-nums;color:var(--muted);padding-top:3px}
.src{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.wire li a{text-decoration:none;font-weight:600;font-size:.98rem;line-height:1.3;display:block;margin-top:3px}
.wire li a:hover{text-decoration:underline;text-underline-offset:3px}
.wire-issue{font:800 1.12rem/1.25 var(--display);font-stretch:105%;text-decoration:none;margin-top:12px}
.wire-issue:hover{text-decoration:underline;text-underline-offset:4px}
.wire .wire-items li{grid-template-columns:minmax(0,1fr)}

/* Bänder und Karten */
.band{margin-top:56px}
.band-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:24px}
.band-head h1,.band-head h2{font:800 .86rem/1 var(--display);font-stretch:125%;letter-spacing:.14em;text-transform:uppercase}
.band-head span,.band-head a{font-size:.8rem;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
@media (max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.grid{grid-template-columns:1fr}}
.card{min-width:0}
.card-link{display:flex;flex-direction:column;gap:10px;text-decoration:none}
.card-img{margin:0 0 4px;aspect-ratio:3/2;overflow:hidden;background:var(--carbon)}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card-link:hover .card-img img{transform:scale(1.03)}
.card .kicker{color:var(--muted)}
.card-title{font:600 1.32rem/1.2 var(--read)}
.card-link:hover .card-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.card-excerpt{margin:0;color:var(--muted);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-meta{font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}
.card-noimg .card-link{border-top:3px solid var(--ink);padding-top:14px}

.partners{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.partners a{display:inline-flex;align-items:center;min-height:40px;text-decoration:none;border:1px solid #3a3a3a;border-radius:999px;padding:0 14px;font-size:.88rem;background:var(--carbon)}
.partners a:hover{border-color:var(--ink)}

.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:40px;font-size:.88rem;color:var(--muted)}
.pagination a{color:var(--ink);text-decoration:none;border:1.5px solid var(--ink);border-radius:999px;min-height:44px;display:inline-flex;align-items:center;padding:0 18px;font:700 .74rem/1 var(--display);font-stretch:112%;letter-spacing:.1em;text-transform:uppercase}
.pagination a:hover{background:var(--ink);color:var(--night)}

/* Newsletter */
.news-cta{margin-top:72px;background:var(--paper);color:var(--ink-paper)}
.news-cta-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px 40px;align-items:center;padding-block:36px}
@media (max-width:820px){.news-cta-inner{grid-template-columns:1fr}}
.news-cta h2{font:900 clamp(1.4rem,3vw,2.2rem)/1.05 var(--display);font-stretch:125%;text-transform:uppercase}
.news-cta p{margin:8px 0 0;color:var(--muted-paper);max-width:52ch}
.news-form{display:flex;flex-wrap:wrap;gap:10px}
.news-form input{flex:1 1 200px;min-width:0;font:inherit;font-size:1rem;min-height:46px;padding:0 14px;border:1px solid var(--line-paper);border-radius:12px;background:var(--paper);color:var(--ink-paper)}
.form-note{display:none;flex-basis:100%;font-size:.88rem}
.news-form.success [data-members-success],.news-form.error [data-members-error]{display:block}
.news-form.success input,.news-form.success button{display:none}
.news-form.loading button{opacity:.6}

/* Beitrag auf Papier */
.paper{background:var(--paper);color:var(--ink-paper);color-scheme:light;padding-block:52px 64px}
.art-head{max-width:920px}
.art-head .kicker{color:var(--muted-paper)}
.art-title{font:900 clamp(2rem,5.6vw,4.4rem)/.98 var(--display);font-stretch:118%;text-transform:uppercase;margin:14px 0 18px}
.paper .deck{color:#2b2b2b;font-size:clamp(1.15rem,2vw,1.45rem);max-width:40ch}
.paper .byline{color:var(--muted-paper)}
.art-hero{margin:34px auto 0;max-width:1440px}
.art-hero img{width:100%;max-height:78vh;object-fit:cover}
.art-hero figcaption,.brief-img figcaption{font-size:.8rem;color:var(--muted-paper);margin-top:8px;padding-inline:var(--gutter) var(--gutter-r)}

/* Inhalt aus dem Ghost-Editor: Spalte 680 px, breite und volle Karten brechen aus */
.gh-content{display:grid;grid-template-columns:[full-start] minmax(var(--gutter),1fr) [wide-start] minmax(0,140px) [main-start] min(680px,calc(100% - 32px)) [main-end] minmax(0,140px) [wide-end] minmax(var(--gutter-r),1fr) [full-end];margin-top:44px;font:400 1.18rem/1.68 var(--read)}
.gh-content>*{grid-column:main;margin:0 0 1.05em;min-width:0}
.gh-content>.kg-width-wide{grid-column:wide}
.gh-content>.kg-width-full{grid-column:full}
.gh-content>p:first-of-type::first-letter{font:900 4.4em/.8 var(--display);font-stretch:125%;float:left;margin:.06em .1em 0 0}
.gh-content h2{font:900 clamp(1.4rem,2.6vw,1.9rem)/1.1 var(--display);font-stretch:112%;text-transform:uppercase;margin:1.6em 0 .6em}
.gh-content h3{font:800 1.2rem/1.2 var(--display);font-stretch:108%;margin:1.4em 0 .5em}
.gh-content a{text-decoration-thickness:1px;text-underline-offset:3px}
.gh-content blockquote:not(.kg-blockquote-alt){margin:1.6em 0;padding:0 0 0 20px;border-left:3px solid currentColor;font-style:italic}
.gh-content blockquote.kg-blockquote-alt{margin:1.8em 0;padding:22px 0;border-block:2px solid currentColor;font:900 clamp(1.4rem,3vw,2rem)/1.12 var(--display);font-stretch:112%;font-style:normal;text-transform:uppercase;text-wrap:balance;text-align:left}
.gh-content figure{margin:1.6em 0}
.gh-content figcaption{font:400 .8rem/1.5 var(--body);color:var(--muted-paper);margin-top:8px;text-align:left}
.gh-content ul,.gh-content ol{padding-left:1.3em}
.gh-content hr{border:0;border-top:1px solid var(--line-paper);margin:2.2em 0}
.gh-content table{width:100%;border-collapse:collapse;font:400 .95rem/1.5 var(--body);font-variant-numeric:tabular-nums}
.gh-content th,.gh-content td{border-bottom:1px solid var(--line-paper);padding:8px 10px 8px 0;text-align:left}
.gh-content pre{overflow-x:auto;background:var(--paper-2);padding:16px;font-size:.88rem}
/* Callout als Faktenkasten */
.gh-content .kg-callout-card{background:var(--paper-2);border-radius:4px;padding:20px 22px;font:400 1rem/1.55 var(--body);display:flex;gap:12px}
.gh-content .kg-callout-emoji{font-size:1.2rem;line-height:1.3}
.gh-content .kg-callout-text strong:first-child{display:block;font:800 .7rem/1 var(--display);font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
/* Lesezeichen-Karte */
.gh-content .kg-bookmark-card{font:400 1rem/1.4 var(--body)}
.gh-content .kg-bookmark-container{display:flex;text-decoration:none;border:1px solid var(--line-paper);color:inherit;min-height:120px}
.gh-content .kg-bookmark-content{flex:1;min-width:0;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.gh-content .kg-bookmark-title{font-weight:700}
.gh-content .kg-bookmark-description{color:var(--muted-paper);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gh-content .kg-bookmark-metadata{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted-paper);margin-top:auto;flex-wrap:wrap}
.gh-content .kg-bookmark-icon{width:18px;height:18px}
.gh-content .kg-bookmark-thumbnail{flex:0 0 32%;max-width:240px;position:relative}
.gh-content .kg-bookmark-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:560px){.gh-content .kg-bookmark-thumbnail{display:none}}

/* Teilen */
.s-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;border-top:1px solid var(--line-paper);margin-top:28px;padding-top:18px}
.share-label{font:800 .7rem/1 var(--display);font-stretch:125%;letter-spacing:.16em;text-transform:uppercase}
.s-share ul{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
.s-share li a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid var(--line-paper);border-radius:999px;font-size:.84rem;text-decoration:none}
.s-share li a:has(svg){padding:0 6px;border:0}
.s-share li a:hover{border-color:currentColor}

/* Ausgabe des Pressespiegels „Industry Insights – Press“ */
.issue-head{padding-block:52px 40px;border-bottom:1px solid var(--line)}
.brief-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.brief-meta a{text-decoration:none}
.chip{border:1px solid var(--ink);color:var(--ink);border-radius:999px;padding:5px 11px}
.issue-title{font:900 clamp(1.9rem,5vw,3.8rem)/1 var(--display);font-stretch:118%;text-transform:uppercase;margin:18px 0 16px;max-width:22ch}
.issue-head .deck{color:#dcdcdc;max-width:52ch}
.issue-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.issue-toc[hidden]{display:none}
.issue-toc a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid #3a3a3a;border-radius:999px;font-size:.86rem;text-decoration:none;background:var(--carbon)}
.issue-toc a:hover{border-color:var(--ink)}
.issue-body{padding-top:8px}
.brief-img{margin:36px auto 0;max-width:860px}
.issue-content>p:first-of-type::first-letter{all:unset}
.issue-content>h2{border-top:3px solid var(--ink-paper);padding-top:14px;margin-top:2em;scroll-margin-top:16px}
.issue-content>h3{font:700 1.3rem/1.25 var(--body);margin:1.5em 0 .4em;scroll-margin-top:16px}
.issue-content>h2+h3{margin-top:.8em}
.issue-content>.issue-source{font:500 .86rem/1.5 var(--body);color:var(--muted-paper);border-bottom:1px solid var(--line-paper);padding-bottom:1.1em}
.issue-content>.issue-source a{color:var(--ink-paper);font-weight:700}
.issue-content .kg-callout-card{background:var(--night);color:var(--ink);border-radius:0;padding:22px 24px}
.issue-content .kg-callout-emoji{display:none}
.issue-content .kg-callout-text{font:italic 400 1.15rem/1.5 var(--read)}
.issue-content .kg-callout-text strong:first-child{font-style:normal}
.brief-note{font-size:.8rem;color:var(--muted-paper);margin-top:8px}

/* Übersicht Pressespiegel und Rubriken */
.press-index,.rubric-head{padding-top:44px}
.press-head .kicker,.rubric-head .kicker{color:var(--muted)}
.press-list{list-style:none;margin:36px 0 0;padding:0;border-top:3px solid var(--ink)}
.press-list>li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:6px 20px;padding-block:20px;border-bottom:1px solid var(--line)}
@media (max-width:560px){.press-list>li{grid-template-columns:1fr}}
.issue-when{display:flex;flex-direction:column;gap:4px}
.press-list time{font:600 .8rem/1.6 var(--body);color:var(--muted);font-variant-numeric:tabular-nums}
.press-list h3{font:700 1.25rem/1.25 var(--body);margin:0}
.press-list h3 a{text-decoration:none}
.press-list h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.press-list p{margin:6px 0 0;color:var(--muted);max-width:70ch}
.press-list .empty{display:block;color:var(--muted)}

/* Fußzeile wie auf mutinyque.com (Werte aus app/globals.css: footer.site, .claim, .partner-logos; Grundschrift 15 px) */
.s-footer{font-size:15px}
.s-footer>.s-container{max-width:1240px;margin-inline:auto;padding:0 var(--gutter-r) 48px var(--gutter)}
.news-cta .btn{white-space:nowrap}
.jf-claim{font:800 .82em/1.7 var(--display);font-stretch:125%;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);max-width:62ch;margin:56px 0 0}
.jf-site{margin-top:72px;border-top:1px solid var(--line);padding-top:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;font-size:.85em;color:var(--muted)}
.jf-site h4{color:var(--ink);font:500 1.12em/1.3 var(--body);margin:0 0 10px}
.jf-site a{color:var(--muted);text-decoration:none;display:block;margin-bottom:8px;min-height:24px}
.jf-site a:hover{color:var(--ink)}
.jf-news{display:grid;gap:14px;align-content:start}
@media (min-width:700px){.jf-news{grid-column:span 2}}
.jf-site .jf-news-btn{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0 22px;border:1.5px solid var(--ink);border-radius:999px;color:var(--ink);font:700 .92em/1 var(--display);font-stretch:110%;letter-spacing:.06em;text-transform:uppercase}
.jf-site .jf-news-btn:hover{background:var(--ink);color:var(--night)}
.jf-social ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.jf-social h4{margin-bottom:8px}
.jf-site .jf-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);transition:border-color .2s,background .2s}
.jf-site .jf-social a:hover,.jf-site .jf-social a:focus-visible{border-color:var(--ink);background:var(--carbon)}
.jf-partners{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px}
.jf-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 20px}
@media (min-width:700px){.jf-logos{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}}
.jf-site .jf-logos a{display:flex;align-items:center;justify-content:center;height:104px;margin:0;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:var(--carbon)}
.jf-logos img{max-width:100%;height:auto;filter:grayscale(1);opacity:.85;transition:opacity .2s}
.jf-logos a:hover img,.jf-logos a:focus-visible img{opacity:1}
.jf-partners>a{display:inline-block}
.jf-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 22px;border-top:1px solid var(--line);padding-top:18px}
.jf-site .jf-legal a{margin:0;font-size:.94em;display:inline-flex;align-items:center;min-height:24px}
.jf-copy{grid-column:1/-1;font-size:.88em;letter-spacing:.06em;text-transform:uppercase;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
.jf-site .jf-copy a{margin:0}
.jf-copy .mail{text-transform:none;letter-spacing:0}
@media (max-width:640px){
  .jf-site{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
  .jf-news{grid-column:1/-1}
  .jf-brand{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
  .jf-brand h4{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.jf-social a,.jf-logos img{transition:none}}

/* Anfrage-Box und Partner-Anzeige aus der Code-Injection im Magazin-Look */
.gh-content .mq-cta{background:var(--night);color:var(--ink);border:0;border-radius:0;padding:26px;margin-top:2.2em;font:400 1rem/1.5 var(--body)}
.gh-content .mq-cta h3{font:900 1.15rem/1.15 var(--display);font-stretch:120%;text-transform:uppercase;margin:0 0 .6rem}
.gh-content .mq-cta p{color:#cfcfcf}
.gh-content .mq-cta-actions a{font:700 .76rem/1 var(--display);font-stretch:110%;letter-spacing:.08em;text-transform:uppercase}
.gh-content .mq-cta-actions a.mq-cta-main{background:var(--violet);color:#fff}
.gh-content .mq-cta-actions a.mq-cta-alt{color:var(--ink)}
.gh-content .mq-ad{border-radius:0;font:400 1rem/1.5 var(--body)}

/* ---------- Monatsausgaben ----------
   Jede Ausgabe ist ein Tag („ausgabe-JJJJ-MM“ / „issue-JJJJ-MM“). Ihre DNA kommt aus den Tag-Feldern:
   Akzentfarbe → --dna (Nummer, Linien, Initiale), Bild → Cover, Meta-Titel → Titelthema, Beschreibung → Editorial.
   Violett bleibt den Hauptaktionen vorbehalten. */
.ed-dna{--dna-soft:color-mix(in srgb,var(--dna) 22%,var(--night))}
/* Startseite: das Regal zeigt die aktuelle Ausgabe nicht noch einmal */
.ed-shelf-home .ed-tile:first-child{display:none}
.ed-shelf-home:not(:has(.ed-tile:nth-child(2))){display:none}
.issue .ed-no,.issue a{text-decoration:none}
.issue .ed-no{color:var(--dna);font-weight:700}
.issue a:hover{text-decoration:underline;text-underline-offset:4px}

/* Titelseite der Ausgabe */
.ed-cover{position:relative;margin-top:26px;min-height:clamp(440px,62vw,720px);display:flex;align-items:flex-end;background:var(--dna-soft);overflow:hidden}
.ed-cover-noimg{min-height:clamp(320px,40vw,460px);background:linear-gradient(160deg,var(--dna-soft),var(--night) 75%)}
.ed-cover-img{position:absolute;inset:0;margin:0}
.ed-cover-img img{width:100%;height:100%;object-fit:cover}
.ed-cover-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.45) 42%,rgba(0,0,0,0) 72%)}
@media (max-width:700px){.ed-cover-img::after{background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.7) 55%,rgba(0,0,0,.15) 100%)}}
.ed-cover-text{position:relative;width:100%;padding-block:0 clamp(28px,5vw,60px);display:grid;gap:14px;justify-items:start}
.ed-no{margin:0;font:700 .76rem/1 var(--display);font-stretch:118%;letter-spacing:.18em;text-transform:uppercase;color:var(--dna)}
.ed-theme{font:300 clamp(2.2rem,6vw,5rem)/1.02 var(--read);letter-spacing:-.015em;max-width:16ch}
.ed-theme a{text-decoration:none}
.ed-theme a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.ed-editorial{margin:0;font:italic 400 clamp(1.05rem,1.7vw,1.3rem)/1.5 var(--read);color:#e4e2dc;max-width:52ch}
.ed-pill{margin-top:6px;border-color:var(--dna)}
.ed-pill:hover{background:var(--dna);color:var(--night)}

/* Inhalt: Aufmacher groß, dann Raster */
.ed-contents .band-head{border-bottom-color:var(--dna)}
.ed-contents .band-head span,.ed-more .band-head a{color:var(--dna)}
.ed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.ed-grid .card-lg{grid-column:span 2;grid-row:span 2}
.card-lg .card-img{aspect-ratio:4/3}
.card-lg .card-title{font-weight:400;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1}
.card-lg .card-excerpt{font:italic 400 1.08rem/1.5 var(--read);-webkit-line-clamp:4}
.ed-contents .card .kicker{color:var(--dna)}
.ed-soon{color:var(--muted);font:italic 400 1.1rem/1.5 var(--read);margin:0}
@media (max-width:820px){.ed-grid{grid-template-columns:minmax(0,1fr)}.ed-grid .card-lg{grid-column:auto;grid-row:auto}}

/* Pressespiegel und Private Beratung */
.ed-extras{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:start}
.ed-extras:not(:has(.wire)){grid-template-columns:minmax(0,1fr)}
.ed-private{background:var(--paper);color:var(--ink-paper);padding:clamp(22px,3vw,34px);display:grid;gap:12px;justify-items:start}
.ed-private .kicker{color:var(--muted-paper)}
.ed-private h2{font:400 clamp(1.5rem,2.4vw,2rem)/1.15 var(--read)}
.ed-private p{margin:0;color:var(--muted-paper);max-width:46ch}
@media (max-width:900px){.ed-extras{grid-template-columns:minmax(0,1fr)}}

/* Cover-Regal */
.ed-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,42vw),1fr));gap:32px 22px}
.ed-tile a{display:grid;gap:10px;text-decoration:none}
.ed-tile figure{margin:0;position:relative;aspect-ratio:3/4;background:linear-gradient(160deg,var(--dna-soft),var(--carbon));overflow:hidden;border-top:4px solid var(--dna)}
.ed-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ed-tile a:hover img{transform:scale(1.03)}
.ed-tile figcaption{position:absolute;inset:auto 0 0 0;padding:28px 12px 10px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);font:700 .68rem/1.3 var(--display);font-stretch:115%;letter-spacing:.14em;text-transform:uppercase;color:var(--dna)}
.ed-tile b{font:400 1.12rem/1.25 var(--read)}
.ed-tile a:hover b{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* Blättern */
.ed-nav{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center;border-block:1px solid var(--line);padding-block:22px}
.ed-nav-next{text-align:right}
.ed-nav a{text-decoration:none}
.ed-nav-prev a,.ed-nav-next a{display:grid;gap:4px}
.ed-nav span{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ed-nav b{font:700 .8rem/1.2 var(--display);font-stretch:115%;letter-spacing:.12em;text-transform:uppercase;color:var(--dna)}
.ed-nav i{font:italic 400 1.1rem/1.3 var(--read)}
.ed-nav-all{font-size:.84rem;border:1px solid var(--line);border-radius:999px;padding:10px 16px;white-space:nowrap}
.ed-nav-all:hover{border-color:var(--ink)}
@media (max-width:700px){.ed-nav{grid-template-columns:minmax(0,1fr)}.ed-nav-next{text-align:left}.ed-nav-all{justify-self:start}}

/* Partner als ruhige Zeile */
.ed-partners{margin-top:48px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;font:italic 400 1rem/1.4 var(--read);color:var(--muted)}
.ed-partners ul{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;margin:0;padding:0}
.ed-partners a{font:700 .72rem/1 var(--display);font-stretch:112%;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-decoration:none;display:inline-flex;min-height:32px;align-items:center}
.ed-partners a:hover{color:var(--ink)}

/* Beitrag: Ausgabe und DNA */
.ed-badge{display:flex;align-items:center;min-height:24px;width:fit-content;margin-bottom:12px;font:700 .7rem/1.3 var(--display);font-stretch:115%;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--dna);border-bottom:2px solid var(--dna);padding-bottom:3px}
.paper .ed-badge{color:color-mix(in srgb,var(--dna) 70%,var(--ink-paper))}
.ed-more~.more-rubric{display:none}
.ed-more .band-head{border-bottom-color:var(--dna)}

/* Ghost-Portal (Konto-Knopf und Fenster): Die Seite ist color-scheme:dark, die Portal-Iframes sind hell. Ohne
   Angleichung malt der Browser hinter jedes Iframe eine weiße Fläche (weißer Kasten um den Knopf unten rechts). */
#ghost-portal-root iframe{color-scheme:light}