.topic-live__section{scroll-margin-top:7rem}
.topic-media{position:relative;min-height:280px;border-radius:var(--g-radius-lg,18px);overflow:hidden;background:var(--g-surface-2,#e7ecef)}
.topic-media iframe,.topic-media video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.topic-media--empty{display:grid;place-items:center;padding:2rem;color:var(--g-muted,#64727b);border:1px dashed currentColor}
.topic-essay-image{margin:0 0 var(--g-space-lg);border-radius:var(--g-radius-lg,18px);overflow:hidden}
.topic-essay-image img{display:block;width:100%;max-height:520px;object-fit:cover}
.topic-essay-copy{max-width:78ch}
.topic-section-intro{max-width:70ch}
.topic-timeline{position:relative;padding:1rem 0 1rem}
.topic-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:color-mix(in srgb,currentColor 20%,transparent)}
.topic-timeline__node{position:relative;display:grid;grid-template-columns:1fr 54px 1fr;align-items:center;min-height:210px;margin:1rem 0 3rem}
.topic-timeline__dot{grid-column:2;width:13px;height:13px;border-radius:50%;background:currentColor;justify-self:center;z-index:2;box-shadow:0 0 0 8px var(--g-bg,#fff)}
.topic-timeline__media,.topic-timeline__copy{min-width:0}
.topic-timeline__media{grid-column:1;grid-row:1}
.topic-timeline__copy{grid-column:3;grid-row:1;padding-left:2rem}
.topic-timeline__node.is-right .topic-timeline__media{grid-column:3}
.topic-timeline__node.is-right .topic-timeline__copy{grid-column:1;padding-left:0;padding-right:2rem;text-align:right}
.topic-timeline__media{display:flex;align-items:center;justify-content:center}
.topic-timeline__media img{display:block;width:auto;max-width:100%;height:auto;max-height:340px;object-fit:contain;border-radius:12px}
.topic-timeline__date{display:inline-block;font-family:var(--g-font-mono,monospace);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;opacity:.62;margin-bottom:.5rem}
.topic-timeline__copy h3{margin:.1rem 0 .55rem}
.topic-timeline__copy p{margin:0;color:var(--g-muted,#64727b)}
.topic-simulation__frame{width:100%;min-height:420px;border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:16px;background:#fff}
.topic-simulation__empty{min-height:220px;display:grid;place-items:center;border:1px dashed color-mix(in srgb,currentColor 30%,transparent);border-radius:16px;color:var(--g-muted,#64727b)}
.topic-poll{max-width:46rem}
.topic-poll__options{display:grid;gap:.65rem}
.topic-poll__option{position:relative;display:flex;justify-content:space-between;gap:1rem;width:100%;padding:.85rem 1rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer}
.topic-poll__option:hover,.topic-poll__option.is-selected{border-color:currentColor;background:color-mix(in srgb,currentColor 6%,transparent)}
.topic-poll__option strong{white-space:nowrap;font-size:.82rem}
.topic-comments{max-width:60rem}
.topic-comment{margin-bottom:.8rem}
.topic-comment--reply{margin-left:3.25rem;border-left:1px solid color-mix(in srgb,currentColor 18%,transparent);padding-left:1rem}
.topic-comment__body{min-width:0;flex:1}
.topic-comment__actions{display:flex;align-items:center;gap:.65rem;margin-top:.45rem}
.topic-comment__action{border:0;background:transparent;padding:0;color:inherit;font:inherit;font-size:.78rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.topic-comment__action.is-active{font-weight:700;text-decoration:none}
.topic-comment__likes{font-size:.76rem;opacity:.65}
.topic-login-callout{margin-top:1.25rem;padding:1.25rem;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:16px}
.topic-login-callout h3{margin:0 0 .4rem}
.topic-login-callout p{margin:0 0 1rem;color:var(--g-muted,#64727b)}
.topic-replying{display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem;font-size:.82rem}
.topic-replying button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}
.topic-comment-form{margin-top:1.25rem}
@media(max-width:760px){
  .topic-timeline:before{left:10px}
  .topic-timeline__node,.topic-timeline__node.is-right{display:grid;grid-template-columns:28px 1fr;gap:.5rem;margin-bottom:2.25rem}
  .topic-timeline__dot{grid-column:1;grid-row:1/3;align-self:start;margin-top:10px;box-shadow:0 0 0 6px var(--g-bg,#fff)}
  .topic-timeline__media,.topic-timeline__node.is-right .topic-timeline__media{grid-column:2;grid-row:1}
  .topic-timeline__copy,.topic-timeline__node.is-right .topic-timeline__copy{grid-column:2;grid-row:2;padding:1rem 0 0;text-align:left}
  .topic-timeline__media img{max-height:260px}
  .topic-comment--reply{margin-left:1.25rem}
}
.topic-video-placeholder{min-height:300px;display:flex;align-items:center;justify-content:center;cursor:default}
.topic-video-placeholder .video__play{opacity:.72}