/* Female TechTalk Themenarchiv – behutsame Erweiterung des bestehenden Designs */
.themen-section{padding:82px 0;background:#faf8fc}.themen-section .section-header{margin-bottom:34px}.themen-toolbar{display:flex;flex-direction:column;gap:18px;margin:26px 0}.searchbox{display:flex;align-items:center;gap:12px;padding:15px 19px;background:white;border:1px solid #e8e0ed;border-radius:16px;box-shadow:0 8px 30px rgba(42,18,54,.04)}.searchbox i{font-size:20px;color:#775b88}.searchbox input{width:100%;border:0;outline:0;background:transparent;font:inherit;color:#34283a}.topic-filters{display:flex;gap:9px;flex-wrap:wrap}.topic-filter{border:1px solid #ded1e4;border-radius:40px;background:#fff;color:#604d69;padding:9px 15px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.topic-filter:hover,.topic-filter.active{background:#673d78;color:#fff;border-color:#673d78}.archive-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#766b7d;font-size:13px;margin:26px 0 16px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.topic-card{background:#fff;border:1px solid #eee7f0;border-radius:19px;padding:24px;display:flex;flex-direction:column;min-height:290px;box-shadow:0 9px 25px rgba(55,29,66,.045);transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px rgba(55,29,66,.1)}.topic-card .topic-top{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-bottom:16px}.topic-label{color:#77568a;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.season-pill{border-radius:40px;background:#f1eaf4;padding:5px 9px;color:#66556d;font-size:11px;white-space:nowrap}.topic-card h4{font-family:Poppins,sans-serif;font-size:18px;line-height:1.4;font-weight:600;color:#302539;margin:0 0 12px}.topic-card p{font-size:13px;line-height:1.75;color:#625a66;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.topic-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#6b417b;font-weight:700;text-decoration:none}.topic-link:hover{color:#43264f}.topic-empty{text-align:center;padding:45px 0;color:#695c70}.archive-note{font-size:12px;color:#756c79;margin-top:25px}@media(max-width:991px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.topic-grid{grid-template-columns:1fr}.topic-card{min-height:0;padding:21px}.themen-section{padding:60px 0}.archive-meta{font-size:12px}}

/* Version 2: Staffel-Farben und vollständige Beschreibungen */
.topic-card{border-top:5px solid var(--staffel-color,#d4bddf);cursor:pointer}
.topic-card:focus-visible,.topic-link:focus-visible{outline:3px solid #76518d;outline-offset:3px}
.season-accent-1,.season-1{--staffel-color:#bb91d4;--staffel-bg:#f2e8f8;--staffel-text:#593276}
.season-accent-2,.season-2{--staffel-color:#73c6b3;--staffel-bg:#e0f4ed;--staffel-text:#235c50}
.season-accent-3,.season-3{--staffel-color:#f2b073;--staffel-bg:#fff0e0;--staffel-text:#815020}
.season-accent-4,.season-4{--staffel-color:#86b3ee;--staffel-bg:#e7f0ff;--staffel-text:#2e5688}
.season-accent-5,.season-5{--staffel-color:#e49db7;--staffel-bg:#fbe8f0;--staffel-text:#873e5c}
.season-accent-6,.season-6{--staffel-color:#a7a0e8;--staffel-bg:#eeebff;--staffel-text:#504785}
.season-pill{background:var(--staffel-bg,#f1eaf4);color:var(--staffel-text,#66556d);font-weight:600}
.topic-card p{display:block;overflow:visible;-webkit-line-clamp:unset;min-height:0}
.topic-link{border:0;background:transparent;padding:0;cursor:pointer;font:inherit;font-size:13px;font-weight:700;color:#6b417b;text-align:left}
.episode-dialog{border:0;border-radius:20px;padding:0;width:min(640px,calc(100% - 30px));max-height:min(85vh,800px);box-shadow:0 22px 80px rgba(30,14,42,.3);color:#35293b}
.episode-dialog::backdrop{background:rgba(31,18,38,.62)}
.episode-dialog-inner{position:relative;padding:clamp(24px,5vw,42px);max-height:85vh;overflow-y:auto}
.episode-close{position:absolute;top:12px;right:17px;border:0;background:transparent;color:#654c72;font-size:32px;line-height:1;cursor:pointer}
.episode-dialog-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-right:25px;margin-bottom:20px}
.episode-dialog-title{font-family:Poppins,sans-serif;font-size:clamp(21px,3vw,27px);font-weight:650;line-height:1.4;margin:0 0 20px;color:#302539}
.episode-dialog-description{font-size:15px;line-height:1.85;color:#504956;white-space:pre-line;margin:0 0 26px}
.episode-dialog-link{display:inline-flex;background:#673d78;color:white!important;padding:12px 18px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:600}
.episode-dialog-link:hover{background:#4b2a59}

/* Angular archive cards repeat the portraits' offset colour frames. */
.topic-grid { gap: 30px; padding-right: 8px; padding-bottom: 8px; }
.topic-card {
  border: 1px solid #e8e0ed;
  border-radius: 0;
  box-shadow: 8px 8px 0 var(--staffel-color, #bb91d4);
  transition: transform .2s, box-shadow .2s;
}
.topic-card:hover {
  transform: translate(-2px, -2px);
  box-shadow: 10px 10px 0 var(--staffel-color, #bb91d4);
}
.searchbox { border-radius: 0; box-shadow: none; }
.topic-filter { border-radius: 3px; }
.season-pill { border-radius: 3px; }
.episode-dialog { border-radius: 4px; }
.episode-dialog-link { border-radius: 3px; }
@media (max-width: 620px) {
  .topic-grid { gap: 26px; padding-right: 6px; padding-bottom: 6px; }
  .topic-card { box-shadow: 6px 6px 0 var(--staffel-color, #bb91d4); }
  .topic-card:hover { transform: none; box-shadow: 6px 6px 0 var(--staffel-color, #bb91d4); }
}
@media (prefers-reduced-motion: reduce) {
  .topic-card { transition: none; }
}

/* Compact square previews; full text remains available in the dialog. */
.topic-grid { max-width: 960px; margin-left: auto; margin-right: auto; }
.topic-card { min-height: 0; aspect-ratio: 1; padding: 20px; overflow: hidden; }
.topic-card .topic-top { flex-wrap: wrap; gap: 6px; margin-bottom: 12px; flex-shrink: 0; }
.topic-card h4 { font-size: 16px; line-height: 1.4; margin-bottom: 10px; flex-shrink: 0; }
.topic-card p { font-size: 13px; line-height: 1.65; margin-bottom: 0; min-height: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.archive-more { display: block; margin: 32px auto 0; padding: 12px 22px; border: 1px solid #673d78; border-radius: 3px; background: transparent; color: #673d78; font: inherit; font-size: 14px; cursor: pointer; }
.archive-more[hidden] { display: none; }
.archive-more:hover { background: #f1eaf4; }
.archive-more:focus-visible { outline: 3px solid #27a885; outline-offset: 4px; }
@media (max-width: 991px) { .topic-grid { max-width: 650px; } }
@media (max-width: 620px) { .topic-grid { max-width: 340px; } }
/* Allow additional height when text is enlarged or a title needs more room. */
.topic-card { height: auto; }