.td-knowledge { bottom: 1rem; left: 1rem; position: fixed; z-index: 920; }
.td-knowledge__trigger { align-items: center; background: #080808; border: 1px solid #a91b25; box-shadow: 0 0 24px rgba(206,20,37,.2); color: #fff; cursor: pointer; display: flex; font: 900 .7rem/1.1 sans-serif; gap: .65rem; letter-spacing: .11em; padding: .8rem 1rem; text-transform: uppercase; }
.td-knowledge__trigger::before { color: #ef2637; content: "+"; font-size: 1.25rem; }
.td-knowledge.is-open .td-knowledge__trigger::before { content: "−"; }
.td-knowledge__panel { background: linear-gradient(145deg, rgba(26,3,7,.99), rgba(5,5,5,.99) 58%, rgba(34,8,3,.98)); border: 1px solid rgba(238,40,54,.55); bottom: calc(100% + .65rem); box-shadow: 0 18px 60px rgba(0,0,0,.75); color: #f6f4ef; display: none; left: 0; max-height: min(76vh, 44rem); overflow: auto; padding: 1rem; position: absolute; width: min(29rem, calc(100vw - 2rem)); }
.td-knowledge.is-open .td-knowledge__panel { display: block; }
.td-knowledge__header { align-items: start; display: flex; gap: 1rem; justify-content: space-between; }
.td-knowledge__eyebrow { color: #ef2637; font: 900 .62rem/1.3 sans-serif; letter-spacing: .13em; margin: 0; text-transform: uppercase; }
.td-knowledge__title { font-size: clamp(1.45rem, 4vw, 2.35rem); line-height: .95; margin: .35rem 0 0; text-transform: uppercase; }
.td-knowledge__close { background: none; border: 1px solid #633; color: #fff; cursor: pointer; font-size: 1.1rem; height: 2rem; width: 2rem; }
.td-knowledge__filters { display: grid; gap: .45rem; grid-template-columns: 1fr 1fr; margin: 1rem 0; }
.td-knowledge select, .td-knowledge button { font-family: inherit; }
.td-knowledge select { background: #0b0b0b; border: 1px solid #543; color: #fff; min-width: 0; padding: .62rem; width: 100%; }
.td-knowledge__card { border-block: 1px solid rgba(255,255,255,.13); padding: 1rem 0; }
.td-knowledge__meta { color: #d9a15d; font: 800 .59rem/1.4 sans-serif; letter-spacing: .1em; margin: 0 0 .45rem; text-transform: uppercase; }
.td-knowledge__entry-title { font-size: 1.35rem; line-height: 1.05; margin: 0; }
.td-knowledge__attribution { color: #ccc; font-size: .78rem; margin: .4rem 0 0; }
.td-knowledge__summary, .td-knowledge__story { line-height: 1.58; }
.td-knowledge__summary { color: #ddd; }
.td-knowledge__story { white-space: pre-line; }
.td-knowledge__story[hidden], .td-knowledge__sources[hidden] { display: none; }
.td-knowledge__sources { border-left: 2px solid #8c2029; font-size: .72rem; margin-top: .9rem; padding-left: .75rem; }
.td-knowledge__sources a, .td-knowledge__artist-link { color: #ff6b73; }
.td-knowledge__controls { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .9rem; }
.td-knowledge__controls button, .td-knowledge__artist-link { background: #111; border: 1px solid #6d252b; color: #fff; cursor: pointer; font-size: .66rem; font-weight: 900; letter-spacing: .07em; padding: .58rem .7rem; text-decoration: none; text-transform: uppercase; }
.td-knowledge__controls button:disabled { color: #777; cursor: not-allowed; }
.td-knowledge__status { color: #bbb; font-size: .67rem; min-height: 1em; margin: .7rem 0 0; }
.td-knowledge-profile-link { background: #111; border: 1px solid #6d252b; color: #fff; cursor: pointer; display: inline-block; font-size: .65rem; font-weight: 900; letter-spacing: .07em; margin-top: .9rem; padding: .6rem .7rem; text-transform: uppercase; }
@media (max-width: 390px) { .td-knowledge { bottom: .65rem; left: .65rem; } .td-knowledge__panel { max-height: 72vh; width: calc(100vw - 1.3rem); } .td-knowledge__trigger { font-size: .62rem; padding: .7rem .8rem; } .td-knowledge__filters { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: no-preference) { .td-knowledge__trigger { transition: border-color .2s ease, box-shadow .2s ease; } .td-knowledge__trigger:hover { border-color: #ff3445; box-shadow: 0 0 32px rgba(239,38,55,.34); } }