/* Daedrama public Drama + Watch Room cleanup — v0.6.38-public3 */
.drama-directory-tools{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:0 0 1.25rem}.drama-feature-filter{display:flex;align-items:center;gap:.38rem;flex-wrap:wrap}.drama-feature-filter a{display:inline-flex;align-items:center;min-height:2rem;padding:.3rem .62rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-family:var(--font-ui);font-size:.72rem;font-weight:750;text-decoration:none}.drama-feature-filter a:hover,.drama-feature-filter a.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}.drama-directory-search{margin-left:auto}
.drama-detail-context{margin:.65rem 0 1.25rem}.drama-detail-context .drama-feature-badges,.drama-detail-context .drama-context-nav{margin:0}.drama-context-nav{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.drama-detail-split-hero{margin-bottom:0}.drama-detail-split-hero .drama-detail__copy{padding-bottom:.5rem}
.drama-details-panel{margin:0 0 1.35rem;padding:1.05rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.drama-details-panel h2{margin:.15rem 0 .8rem;font-size:1.45rem}.drama-details-grid{display:grid;grid-template-columns:1fr;gap:0;margin:0}.drama-details-item{display:grid;grid-template-columns:minmax(86px,.42fr) minmax(0,1fr);gap:.55rem;padding:.55rem 0;border-top:1px solid var(--border)}.drama-details-item:first-child{border-top:0}.drama-details-item dt{color:var(--muted);font-family:var(--font-ui);font-size:.72rem;font-weight:800}.drama-details-item dd{margin:0;color:var(--text);font-size:.9rem}.drama-connected-aside>.article-connected-title{margin-top:.15rem}
.drama-detail-content>.drama-premise+.drama-synopsis,.drama-detail-content>.drama-synopsis+.drama-perspective-host{margin-top:2rem}
.drama-perspective-host{scroll-margin-top:6rem}.drama-perspective-teaser{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem 1rem;align-items:start;padding:1.15rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.drama-perspective-teaser h2{margin:.12rem 0 .35rem;font-size:1.55rem}.drama-perspective-teaser p{margin:.2rem 0 0;color:var(--muted)}.drama-perspective-open{grid-column:1/-1;justify-self:start;color:var(--primary);font-family:var(--font-ui);font-weight:800;text-decoration:none}.drama-perspective-open:hover{text-decoration:underline}.drama-perspective-inline{display:none}
.drama-perspective-drawer{width:min(48rem,48vw);height:100dvh;max-width:none;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;border-left:1px solid var(--border);background:var(--bg);color:var(--text)}.drama-perspective-drawer::backdrop{background:rgba(0,0,0,.68)}.drama-perspective-drawer__shell{min-height:100%;display:flex;flex-direction:column}.drama-perspective-drawer__header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--border);background:var(--bg)}.drama-perspective-drawer__header strong{font-family:var(--font-ui);font-size:1rem}.drama-perspective-drawer__close{display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font-size:1.4rem;cursor:pointer}.drama-perspective-drawer__body{padding:1.5rem 2rem 3rem}.drama-perspective--drawer{margin:0}.drama-perspective--drawer .drama-perspective__body,.drama-perspective--drawer .drama-perspective__closing{max-width:44rem}
.watch-audio-card__copy h3,.watch-audio-card__copy h4{font-size:1.2rem;margin:.05rem 0 .2rem}.watch-audio-card__copy h3 a,.watch-audio-card__copy h4 a{text-decoration:none}.drama-connected-audio .watch-audio-card__copy h3{font-size:1.08rem}.watch-room-card__image img,.drama-card__image img{background:var(--raised)}
@media(max-width:900px){.drama-perspective-teaser{display:none}.drama-perspective-inline{display:block}.drama-perspective--mobile{margin:0}.drama-perspective-drawer{display:none}.drama-directory-tools{align-items:flex-start}.drama-directory-search{margin-left:0}}
@media(max-width:720px){.drama-details-item{grid-template-columns:minmax(82px,.42fr) minmax(0,1fr)}.drama-directory-tools{gap:.6rem}.drama-feature-filter{align-items:flex-start}}