/* Discussion panel (includes/db_discuss.php, includes/pages/db-discuss.js): debate this entry or page on the forum.
   Standalone, so it looks the same on the database detail pages, the episode pages, NPCs and Latest updates. The
   accent is the page's --dd-ac where the page has one (the detail pages), the site blue otherwise. */
.dd-discuss{--dsc-ac:var(--dd-ac,56,189,248);position:relative;min-width:0;margin:0 0 14px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(17,22,36,.95),rgba(9,12,21,.97));box-shadow:0 16px 36px rgba(0,0,0,.38);text-align:left}
.dd-discuss::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(var(--dsc-ac),.75),transparent)}
.dd-discuss-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:10.5px;font-weight:800;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:rgba(226,232,240,.78)}
.dd-discuss-h::before{content:"";flex-shrink:0;width:3px;height:12px;background:rgb(var(--dsc-ac))}
.dd-discuss-h em{font-style:normal;padding:1px 6px;font-size:10px;letter-spacing:.04em;color:rgba(203,213,225,.85);background:rgba(255,255,255,.07)}
.dd-discuss-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px}
.dd-discuss-text{flex:1 1 320px;margin:0;font-size:13px;line-height:1.6;color:rgba(203,213,225,.82)}
.dd-discuss-text strong{color:#fff;font-weight:700}
.dd-discuss-actions{display:flex;flex-wrap:wrap;gap:8px}
.dd-discuss-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:700;line-height:1.2;color:rgba(226,232,240,.92);text-decoration:none;white-space:nowrap;border:1px solid rgba(255,255,255,.1);background:rgba(9,12,21,.85);transition:color .15s,border-color .15s,background .15s}
.dd-discuss-btn svg{width:14px;height:14px;flex-shrink:0}
.dd-discuss-btn:hover{color:#fff;border-color:rgba(var(--dsc-ac),.55)}
.dd-discuss-btn--start{color:#fff;border-color:rgba(var(--dsc-ac),.5);background:linear-gradient(135deg,rgba(var(--dsc-ac),.24),rgba(var(--dsc-ac),.1))}
.dd-discuss-btn--start:hover{border-color:rgba(var(--dsc-ac),.85);background:linear-gradient(135deg,rgba(var(--dsc-ac),.34),rgba(var(--dsc-ac),.14))}
.dd-discuss-list{margin:12px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.06)}
.dd-discuss-list li{margin:0}
.dd-discuss-list li+li{border-top:1px solid rgba(255,255,255,.05)}
.dd-discuss-topic{display:flex;align-items:baseline;justify-content:space-between;gap:4px 14px;flex-wrap:wrap;padding:9px 2px;text-decoration:none}
.dd-discuss-title{min-width:0;font-size:13px;font-weight:600;color:rgba(226,232,240,.95)}
.dd-discuss-topic:hover .dd-discuss-title{color:#fff;text-decoration:underline;text-underline-offset:3px}
.dd-discuss-meta{font-size:11px;color:rgba(148,163,184,.8);white-space:nowrap}
/* Slots on static pages hold their height free of layout shift only once filled; an empty slot takes no space. */
[data-rmr-discuss-slot]:empty{display:none}
@media(max-width:640px){.dd-discuss-actions,.dd-discuss-btn{width:100%}.dd-discuss-btn{justify-content:center}}