/* Studien & Forschung: gleiche Basis wie der Shop (css/shop-c.css), Themenkarten in Farbe.
   Variante a = Mosaik (helle Fläche, Pastellkarten), Variante b = Dunkel (Glasfläche, getönte Karten). */
body.studien-a,body.studien-b{
  --st-ink:#1B1B24;--st-mute:#51515E;--st-line:#E4E0D9;--st-chip:#fff;
  --cannabis:#CDEFD9;--terpene:#FFE3B8;--psilo:#F9D3DC;--pilze:#E4DAF7;--med:#CFE3FF;--ebv:#D3EDEF;--erg:#F6EBB4;--kasse:#E6E1D6;--neu:#DDE7DF;--pod:#F2DCCB;
}
body.studien-a .page-content,body.studien-b .page-content{font-size:18px}

/* Kopfbereich */
.st-nav .shop-nav-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.st-nav .shop-nav-list li[hidden],.st-nav a[hidden]{display:none}
.st-nav .shop-nav-list a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:999px}
.st-nav{position:static}
.st-howto{margin:40px 0 8px}
.st-howto .section-title{font-size:clamp(24px,3.2vw,32px)}
.st-ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}
.st-ladder>div{border-radius:20px;padding:16px 18px;background:var(--st-card-bg,#ECE8DF)}
.st-ladder p{margin:10px 0 0;font-size:16px}
.st-note{font-size:16px;color:var(--st-mute);max-width:46em;margin:6px 0 0}

/* Themenabschnitte */
.st-topic{margin:56px 0 0;scroll-margin-top:96px}
.st-topic-head{margin-bottom:20px}
.st-lead{font-size:19px;max-width:44em;margin:6px 0 0;color:var(--st-mute)}
.st-lead strong{color:var(--st-ink)}
.st-stand{margin:8px 0 0;font-size:16px;color:var(--st-mute)}
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px}

/* Karten */
.st-card{display:flex;flex-direction:column;border-radius:28px;padding:24px;background:var(--tc,#E9E5DC);color:var(--st-ink);min-width:0}
.st-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.st-type{font:700 13px var(--sc-body);letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.7);border-radius:999px;padding:4px 12px;color:#1B1B24}
.st-year{font:700 16px var(--sc-head);font-variant-numeric:tabular-nums}
.st-card h3{font:800 21px/1.2 var(--sc-head);margin:2px 0 10px;text-wrap:balance;color:inherit}
.st-card p{margin:0 0 12px;font-size:17px;line-height:1.55;color:inherit}
.st-nums{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:2px 0 14px;padding:12px 0 0;border-top:1.5px solid rgba(27,27,36,.18)}
.st-nums li{display:flex;flex-direction:column;min-width:0}
.st-nums strong{font:800 24px/1.1 var(--sc-head);font-variant-numeric:tabular-nums}
.st-nums span{font-size:14px;color:var(--st-mute)}
.st-card-foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;font-size:15px}
.st-src a{font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:3px;padding:6px 0;display:inline-block}
.st-src a:hover{text-decoration-thickness:2px}

/* Evidenz-Marke: Text plus Punkte, nie nur Farbe */
.st-ev{display:inline-flex;align-items:center;gap:7px;font:700 14px var(--sc-body);border-radius:999px;padding:4px 12px;background:rgba(255,255,255,.75);color:#1B1B24;border:1.5px solid rgba(27,27,36,.35)}
.st-ev::before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.25}
.ev-low::before{opacity:1;box-shadow:12px 0 0 -0px transparent}
.st-ev.ev-base::before{background:transparent;border:2px dashed currentColor;opacity:1}
.st-ev.ev-low::before{background:linear-gradient(90deg,currentColor 50%,transparent 50%);border:2px solid currentColor;opacity:1}
.st-ev.ev-mid::before{background:linear-gradient(90deg,currentColor 50%,transparent 50%);border:2px solid currentColor;opacity:1;transform:rotate(90deg)}
.st-ev.ev-high::before{background:currentColor;opacity:1}

/* Themenfarben */
.t-cannabis{--tc:var(--cannabis)}.t-terpene{--tc:var(--terpene)}.t-psilo{--tc:var(--psilo)}.t-pilze{--tc:var(--pilze)}
.t-med{--tc:var(--med)}.t-ebv{--tc:var(--ebv)}.t-erg{--tc:var(--erg)}.t-kasse{--tc:var(--kasse)}.t-neu{--tc:var(--neu)}.t-pod{--tc:var(--pod)}

/* Dynamische Teile */
.st-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.st-chip{font:700 15px var(--sc-body);min-height:44px;padding:8px 18px;border-radius:999px;border:2.5px solid var(--st-ink);background:transparent;color:var(--st-ink);cursor:pointer}
.st-chip[aria-pressed=true]{background:var(--st-ink);color:var(--sc-bg,#FBF9F6)}
.st-method{font-size:15px;color:var(--st-mute);max-width:52em;margin:20px 0 0}
.st-state{grid-column:1/-1;border:2.5px dashed currentColor;border-radius:20px;padding:22px;text-align:center}
.st-state h3{margin:0 0 6px;font:800 20px var(--sc-head)}
.st-topic .ck-summary{font-size:19px;max-width:46em;margin:0 0 18px}
.st-topic .ck-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px}
.st-topic .ck-date{font:700 14px var(--sc-body);margin:0 0 6px;color:var(--st-mute)}
.st-topic h3.ck-h{font:800 22px var(--sc-head);margin:26px 0 10px}
.ck-open{padding-left:1.2rem;max-width:46em}
.ck-hinweis{font-size:15px;color:var(--st-mute);max-width:46em;margin-top:16px}
.ck-beleg{margin:6px 0 10px;font-size:15px}
.ck-beleg summary{cursor:pointer;font-weight:700;min-height:32px}
.ck-beleg blockquote{margin:8px 0;padding-left:12px;border-left:3px solid currentColor;font-size:15px}
.st-dbs .st-card{text-decoration:none;--tc:var(--neu)}
.st-dbs .st-card:hover h3{text-decoration:underline}
.st-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.st-tags span{font-size:13px;background:rgba(255,255,255,.65);border-radius:999px;padding:2px 10px}
.st-warn{font:700 13px var(--sc-body);background:#fff;border:1.5px solid #a12a1f;color:#a12a1f;border-radius:999px;padding:2px 10px}
.st-meta{font-size:14px;color:var(--st-mute);margin:0 0 8px}
.st-orig{font-size:14px;color:var(--st-mute);margin:-4px 0 10px}

@media (max-width:600px){
  .st-topic{margin-top:40px}
  .st-card{padding:20px;border-radius:22px}
}

/* ---------- Variante b: Dunkel ---------- */
body.studien-b{--st-ink:#EAF2EE;--st-mute:#B9C9C1;--st-line:rgba(255,255,255,.14);
  --cannabis:#13291F;--terpene:#2A2113;--psilo:#2B1822;--pilze:#1E1A2D;--med:#13233A;--ebv:#12292C;--erg:#2A2712;--kasse:#1D2420;--neu:#16251D;--pod:#2B1F16;
  --st-card-bg:#16281F;--sc-bg:#0e1f18}
body.studien-b .page-content>.container{background:rgba(10,26,20,.84);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:var(--st-ink)}
body.studien-b .section-title,body.studien-b .books-section .section-title{color:#fff}
body.studien-b .section-badge,body.studien-b .shop-nav-label{color:var(--st-mute)}
body.studien-b .shop-nav{background:transparent;border-bottom-color:var(--st-line)}
body.studien-b .shop-nav-list a{color:#EAF2EE;border-color:rgba(255,255,255,.55)}
body.studien-b .shop-nav-list a:hover,body.studien-b .shop-nav-list a:focus-visible{background:#EAF2EE;color:#0e1f18;border-color:#EAF2EE}
body.studien-b .shop-nav-n{background:#EAF2EE;color:#0e1f18}
body.studien-b .st-card{border:1.5px solid color-mix(in srgb,var(--ac,#7BD9A5) 55%,transparent);border-left:6px solid var(--ac,#7BD9A5)}
body.studien-b .t-cannabis{--ac:#59D68F}body.studien-b .t-terpene{--ac:#F2B04D}body.studien-b .t-psilo{--ac:#F07FA6}
body.studien-b .t-pilze{--ac:#B49CF0}body.studien-b .t-med{--ac:#6CAEF5}body.studien-b .t-ebv{--ac:#5CCBD3}
body.studien-b .t-erg{--ac:#E8D44E}body.studien-b .t-kasse{--ac:#C9C2AE}body.studien-b .t-neu{--ac:#8FD1AE}body.studien-b .t-pod{--ac:#E8A57A}
body.studien-b .st-type,body.studien-b .st-ev,body.studien-b .st-tags span{background:rgba(255,255,255,.1);color:#EAF2EE;border-color:rgba(255,255,255,.45)}
body.studien-b .st-nums{border-top-color:rgba(255,255,255,.2)}
body.studien-b .st-nums strong{color:var(--ac)}
body.studien-b .st-year{color:var(--ac)}
body.studien-b .st-ladder>div{background:#16281F;border:1px solid var(--st-line)}
body.studien-b .st-chip{border-color:rgba(255,255,255,.55);color:#EAF2EE}
body.studien-b .st-chip[aria-pressed=true]{background:#EAF2EE;color:#0e1f18}
body.studien-b a:focus-visible,body.studien-b button:focus-visible{outline-color:#9CC9FF}
body.studien-b .st-warn{background:#2a1512;color:#ffb4a8;border-color:#ffb4a8}
body.studien-b .st-lead strong{color:#fff}
.st-more{text-align:center;margin:22px 0 0}
.st-more .st-chip[hidden]{display:none}
@media (max-width:900px){.st-topic{scroll-margin-top:150px}}