/* OIT Glossar shared styles */
/* Hero Badge – zentriert */
.oit-gl-hero:where(:not(#oit-home-host *),[slot],[slot] *){display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 18px;padding:6px 14px 6px 10px;border-radius:999px;background:rgba(255,119,0,.08);color:#111;width:fit-content;max-width:100%}
.oit-gl-hero-icon:where(:not(#oit-home-host *),[slot],[slot] *){width:22px;height:22px;flex:none;display:block;object-fit:contain}
.oit-gl-hero-label:where(:not(#oit-home-host *),[slot],[slot] *){font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#B34A00}

/* Meta-Box auf Glossar-Einzelseiten ausblenden */
body.single-glossary .single-post-meta:where(:not(#oit-home-host *),[slot],[slot] *),
body.single-glossary .single-post-meta-grid:where(:not(#oit-home-host *),[slot],[slot] *){display:none !important}

/* Knowledge-Artikel-Cards */
.oit-glossar-related:where(:not(#oit-home-host *),[slot],[slot] *){margin-top:32px;padding-top:24px;border-top:1px solid #2a2a2a}
.oit-glossar-related-heading:where(:not(#oit-home-host *),[slot],[slot] *){font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin:0 0 14px}
.oit-glossar-related-grid:where(:not(#oit-home-host *),[slot],[slot] *){display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.oit-glossar-related-card:where(:not(#oit-home-host *),[slot],[slot] *){display:flex;flex-direction:column;text-decoration:none;color:#fff;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden;transition:transform .15s,border-color .15s}
.oit-glossar-related-card:hover:where(:not(#oit-home-host *),[slot],[slot] *){transform:translateY(-2px);border-color:#FF7700}
.oit-glossar-related-thumb:where(:not(#oit-home-host *),[slot],[slot] *){display:block;width:100%;aspect-ratio:16/9;background:#0d0d0d center/cover no-repeat;border-bottom:1px solid #2a2a2a}
.oit-glossar-related-body:where(:not(#oit-home-host *),[slot],[slot] *){display:block;padding:12px 14px;flex:1}
.oit-glossar-related-title:where(:not(#oit-home-host *),[slot],[slot] *){display:block;font-size:14px;font-weight:600;line-height:1.35;margin-bottom:4px;color:#fff}
.oit-glossar-related-card:hover .oit-glossar-related-title:where(:not(#oit-home-host *),[slot],[slot] *){color:#FF7700}

/* Verwandte Glossar-Begriffe (Chips) */
.oit-glossar-related-terms:where(:not(#oit-home-host *),[slot],[slot] *){margin-top:24px;padding-top:20px;border-top:1px solid #2a2a2a}
.oit-glossar-related-terms-heading:where(:not(#oit-home-host *),[slot],[slot] *){font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin:0 0 12px}
.oit-glossar-related-terms-chips:where(:not(#oit-home-host *),[slot],[slot] *){display:flex;flex-wrap:wrap;gap:8px}
.oit-glossar-related-chip:where(:not(#oit-home-host *),[slot],[slot] *){display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:#1a1a1a;border:1px solid #2a2a2a;color:#fff;text-decoration:none;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,color .15s}
.oit-glossar-related-chip:hover:where(:not(#oit-home-host *),[slot],[slot] *){border-color:#FF7700;background:rgba(255,119,0,.1);color:#fff}
.oit-glossar-related-chip-icon:where(:not(#oit-home-host *),[slot],[slot] *){width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}

/* Hinweisbox Glossar <-> Knowledge */
.oit-gl-knowledge-hint:where(:not(#oit-home-host *),[slot],[slot] *){background:#fff8f0;border-left:4px solid #FF7700;padding:18px 24px;margin:0 0 28px;border-radius:6px;font-size:15px;line-height:1.55;color:#222}
.oit-gl-knowledge-hint strong:where(:not(#oit-home-host *),[slot],[slot] *){color:#000;display:block;margin-bottom:4px}
.oit-gl-knowledge-hint a:where(:not(#oit-home-host *),[slot],[slot] *){color:#FF7700;border-bottom:1px solid transparent;transition:border-color .15s}
.oit-gl-knowledge-hint a:hover:where(:not(#oit-home-host *),[slot],[slot] *){border-color:#FF7700}