.series-page{position:relative;padding-top:90px}.series-backdrop{position:absolute;top:-80px;left:0;right:0;height:640px;z-index:-1;opacity:.35;filter:blur(24px) saturate(.65);background-size:cover;background-position:center 25%;mask-image:linear-gradient(to bottom,#000,transparent)}.series-hero{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:end;gap:40px}.series-poster{aspect-ratio:2/3;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.17);border-radius:12px 30px;color:var(--rf-secondary);background:var(--rf-surface);box-shadow:var(--rf-shadow);font-size:2rem;font-weight:900}.series-poster img{width:100%;height:100%;object-fit:cover}.series-copy h1{margin:18px 0}.series-facts{display:flex;flex-wrap:wrap;gap:30px;margin:25px 0}.series-facts span{display:grid}.series-facts strong{font-size:1.3rem}.series-facts small{color:var(--rf-muted);text-transform:uppercase;letter-spacing:.07em}.discussion-panel{overflow:visible}.discussion-panel .panel-body{overflow:visible}.discussion-list{display:grid;gap:11px}.discussion{position:relative;border:0;border-left:2px solid rgba(255,255,255,.16);border-radius:0 16px 16px 0;padding:16px 18px;background:linear-gradient(110deg,rgba(255,255,255,.035),rgba(255,255,255,.012));transition:.18s ease}.discussion:hover{border-left-color:var(--rf-secondary);background:linear-gradient(110deg,color-mix(in srgb,var(--rf-secondary) 5%,transparent),rgba(255,255,255,.014))}.discussion-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.discussion-author{position:relative;min-width:0;display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.discussion-author:hover .meta strong{color:var(--rf-secondary)}.discussion-role{display:inline-flex;margin-right:5px;border:1px solid var(--rf-line);border-radius:999px;padding:2px 5px;color:#c8cede;background:rgba(255,255,255,.035);font-size:.55rem;text-transform:uppercase;letter-spacing:.06em}.discussion-role.role-owner{color:#ffe38d;border-color:rgba(255,213,104,.35)}.discussion-role.role-admin{color:#ff9cac;border-color:rgba(255,95,112,.35)}.discussion-context{display:grid;justify-items:end;gap:4px;color:var(--rf-muted);text-align:right}.discussion-context small{font-size:.68rem}.discussion p{margin:14px 0 0 47px;color:#d5dbea;line-height:1.65}.comment-rating{color:var(--rf-warning);font-size:.7rem;font-weight:750}.discussion-profile-preview{position:absolute;left:3px;top:calc(100% + 9px);z-index:20;width:min(300px,76vw);display:grid;gap:8px;visibility:hidden;border:1px solid color-mix(in srgb,var(--rf-secondary) 30%,var(--rf-line));border-radius:5px 16px;padding:13px;opacity:0;background:color-mix(in srgb,var(--rf-surface) 97%,black);box-shadow:0 22px 55px rgba(0,0,0,.58);transform:translateY(-4px);transition:.15s ease;pointer-events:none}.discussion-author:hover .discussion-profile-preview,.discussion-author:focus .discussion-profile-preview{visibility:visible;opacity:1;transform:translateY(0)}.discussion-profile-preview>small{color:var(--rf-muted);line-height:1.45}.discussion-profile-preview>span{display:flex;gap:12px;color:#d8deed;font-size:.68rem}.discussion-profile-preview i{color:var(--rf-secondary);font-size:.67rem;font-style:normal;font-weight:800}@media(max-width:720px){.series-page{padding-top:50px}.series-hero{grid-template-columns:130px 1fr;gap:20px;align-items:start}.series-copy h1{font-size:2rem}.discussion-head{align-items:flex-start;flex-direction:column}.discussion-context{justify-items:start;text-align:left}.discussion p{margin-left:0}}@media(max-width:520px){.series-hero{grid-template-columns:1fr}.series-poster{width:150px}}
.series-copy{min-width:0;overflow-wrap:anywhere}
.series-authors{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:5px 0 12px;color:var(--rf-muted);font-size:.76rem}.series-authors a{color:color-mix(in srgb,var(--rf-primary) 72%,white);font-weight:750;text-decoration:none}.series-authors a:hover{text-decoration:underline}
/* Reserve room inside the active comment so its profile panel never covers comment text. */
.discussion>p{transition:margin-top .15s ease}.discussion:has(.discussion-author:hover)>p,.discussion:has(.discussion-author:focus)>p{margin-top:190px}