/* Discussion and poll share a palette, but are independent dialogs. */
#discussion-dialog,#poll-dialog{--discussion-bg:#282524;--discussion-text:#f5f0e9;--discussion-muted:#cec4bb;--discussion-accent:#e9b3aa;padding:0;border:0;background:var(--discussion-bg);color:var(--discussion-text);overflow-y:auto;overscroll-behavior:contain;font-family:'IBM Plex Sans',Arial,sans-serif;scrollbar-color:#81736a var(--discussion-bg)}
#discussion-dialog *,#discussion-dialog *::before,#discussion-dialog *::after,#poll-dialog *,#poll-dialog *::before,#poll-dialog *::after{box-sizing:border-box}
#discussion-dialog button,#poll-dialog button{font:inherit;cursor:pointer}
#discussion-dialog button:focus-visible,#poll-dialog button:focus-visible{outline:3px solid var(--discussion-accent);outline-offset:5px}
#discussion-dialog .discussion-kicker,#poll-dialog .discussion-kicker{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--discussion-muted)}
#discussion-dialog .discussion-close,#poll-dialog .poll-close{display:inline-flex;align-items:center;gap:14px;color:var(--discussion-text);background:transparent;border:0;padding:8px 0 8px 12px;font-size:12px;flex-shrink:0}
#discussion-dialog .discussion-close svg,#poll-dialog .poll-close svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.2;fill:none}
#discussion-dialog .discussion-close:hover,#poll-dialog .poll-close:hover{color:var(--discussion-accent)}

/* The three arguments begin directly below the compact navigation. */
#discussion-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0}
#discussion-dialog::backdrop{background:#282524}
#discussion-dialog .discussion-inner{width:min(1440px,calc(100% - 112px));margin:0 auto;padding-bottom:32px}
#discussion-dialog .discussion-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--discussion-bg);padding:18px 0 22px;margin-bottom:14px}
#discussion-dialog .discussion-brand{font-size:28px;letter-spacing:-1px;font-weight:600;line-height:1}
#discussion-dialog .discussion-brand em{font-family:Georgia,serif;font-weight:400;font-size:1.17em}
#discussion-dialog .discussion-brand span{color:var(--discussion-accent)}
#discussion-dialog .discussion-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,5.5vw,90px)}
#discussion-dialog .discussion-column{min-width:0}
#discussion-dialog .discussion-column-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.06em;color:#c3b6ab;text-transform:uppercase;margin:0 0 17px}
#discussion-dialog .discussion-column h2{font-family:'IBM Plex Sans',Arial,sans-serif;font-size:clamp(28px,2.8vw,38px);font-weight:600;letter-spacing:-.01em;line-height:1.16;margin:0 0 28px;min-height:88px}
#discussion-dialog .discussion-column.for h2{color:var(--discussion-accent)}
#discussion-dialog .discussion-column.against h2{color:#e5dacf}
#discussion-dialog .discussion-points{list-style:none;margin:0;padding:0}
#discussion-dialog .discussion-points li{position:relative;padding-left:18px;margin:0 0 25px}
#discussion-dialog .discussion-points li::before{content:'';position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:#b0a094}
#discussion-dialog .discussion-column.for .discussion-points li::before{background:var(--discussion-accent)}
#discussion-dialog .discussion-column.against .discussion-points li::before{background:#bfb0a4}
#discussion-dialog .discussion-points h3{font-size:14px;font-weight:550;line-height:1.5;margin:0 0 6px;letter-spacing:-.005em}
#discussion-dialog .discussion-points p{font-size:12px;line-height:1.85;color:var(--discussion-muted);margin:0}

/* A distinct invitation below the columns opens the standalone poll. */
#discussion-dialog .discussion-poll-invite{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:22px;padding:30px 32px;background:#34302e;border-top:1px solid #66514a}
#discussion-dialog .discussion-poll-invite .discussion-kicker{display:block;margin-bottom:10px}
#discussion-dialog .discussion-poll-invite h2{font-family:'IBM Plex Sans',Arial,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.2;letter-spacing:-.015em;margin:0}
#discussion-dialog .discussion-poll-invite h2 em{color:var(--discussion-accent);font-style:normal}
#discussion-dialog .discussion-poll-open{display:flex;align-items:center;gap:13px;flex-shrink:0;border:1px solid #9b8981;border-radius:3px;padding:12px 18px;background:transparent;color:var(--discussion-text)}
#discussion-dialog .discussion-poll-open:hover{background:#4b403b;border-color:var(--discussion-accent)}
#discussion-dialog .poll-invite-badge{display:inline-block;padding:4px 8px;background:var(--discussion-accent);color:#282524;font-size:25px;font-weight:700;letter-spacing:.04em;line-height:1.1}
#discussion-dialog .discussion-bottom{display:flex;justify-content:space-between;gap:25px;color:#beb2a8;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.02em;line-height:1.7;padding-top:25px}
html.discussion-open,html.discussion-open body,html.poll-open,html.poll-open body{overflow:hidden}

/* A centred poll popup, independent of the full-screen discussion. */
#poll-dialog{position:fixed;inset:0;width:min(1040px,calc(100% - 48px));height:auto;max-width:none;max-height:calc(100dvh - 48px);margin:auto;border:1px solid #66514a;border-radius:8px;box-shadow:0 24px 90px #0007}
#poll-dialog::backdrop{background:#171311bb;backdrop-filter:blur(3px)}
#poll-dialog .poll-dialog-inner{padding:0 34px 28px}
#poll-dialog .poll-dialog-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;background:var(--discussion-bg)}
#poll-dialog .discussion-poll{margin:0;padding:5px 0 0}

@media(max-width:1100px){#discussion-dialog .discussion-inner{width:calc(100% - 64px)}#discussion-dialog .discussion-columns{gap:35px}#discussion-dialog .discussion-column h2{min-height:80px}}
@media(max-width:760px){
  #discussion-dialog .discussion-inner{width:calc(100% - 42px);padding-bottom:28px}
  #discussion-dialog .discussion-header{padding:16px 0 20px;margin-bottom:10px}
  #discussion-dialog .discussion-header>.discussion-kicker{display:none}
  #discussion-dialog .discussion-brand{font-size:26px}
  #discussion-dialog .discussion-close{font-size:11px}
  #discussion-dialog .discussion-columns{grid-template-columns:1fr;gap:31px}
  #discussion-dialog .discussion-column-label{font-size:9px;margin-bottom:13px}
  #discussion-dialog .discussion-column h2{font-size:31px;min-height:0;margin-bottom:25px}
  #discussion-dialog .discussion-column h2 br{display:none}
  #discussion-dialog .discussion-points li{margin-bottom:23px;padding-left:18px}
  #discussion-dialog .discussion-points h3{font-size:15px}
  #discussion-dialog .discussion-points p{font-size:13px;line-height:1.8}
  #discussion-dialog .discussion-poll-invite{align-items:flex-start;flex-direction:column;gap:22px;margin-top:12px;padding:25px 22px}
  #discussion-dialog .discussion-poll-invite h2{font-size:30px}
  #discussion-dialog .discussion-poll-open{width:100%;justify-content:space-between}
  #discussion-dialog .discussion-bottom{flex-direction:column;gap:8px;font-size:8px}
  #poll-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:6px}
  #poll-dialog .poll-dialog-inner{padding:0 20px 22px}
  #poll-dialog .poll-dialog-header{padding:13px 0;gap:10px}
  #poll-dialog .poll-dialog-header .discussion-kicker{font-size:9px}
  #poll-dialog .poll-close{font-size:11px;gap:8px}
}
@media(prefers-reduced-motion:reduce){#discussion-dialog *,#poll-dialog *{transition:none!important}}

/* Five independent questions share one premise and retain separate choices. */
#poll-dialog .poll-intro .discussion-kicker {
  display: block;
  margin-bottom: 8px;
}
#poll-dialog .poll-intro h2 {
  margin: 0;
  font-family: 'IBM Plex Sans', Arial, sans-serif;
  font-size: clamp(29px, 3vw, 40px);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -.015em;
}
#poll-dialog .poll-intro h2 em {
  color: var(--discussion-accent);
  font-style: normal;
}
#poll-dialog .poll-assumption {
  max-width: 900px;
  margin: 16px 0 0;
  padding: 10px 14px;
  border-left: 3px solid var(--discussion-accent);
  background: #403432;
  color: #f0d8ce;
  font-size: 13px;
  line-height: 1.6;
}
#poll-dialog .poll-questions {
  margin-top: 20px;
  border-top: 1px solid #5b4f49;
}
#poll-dialog .poll-question {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  column-gap: 30px;
  row-gap: 7px;
  align-items: center;
  padding: 14px 0 12px;
  border-bottom: 1px solid #5b4f49;
}
#poll-dialog .poll-question-heading {
  display: flex;
  align-items: baseline;
  gap: 15px;
  min-width: 0;
}
#poll-dialog .poll-question-number {
  flex-shrink: 0;
  color: var(--discussion-accent);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
}
#poll-dialog .poll-question-heading h3 {
  margin: 0;
  color: var(--discussion-text);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0;
}
#poll-dialog .poll-choices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
#poll-dialog .poll-choice {
  min-height: 59px;
  padding: 8px 12px;
  border: 1px solid #9b8981;
  border-radius: 2px;
  background: transparent;
  color: var(--discussion-text);
  text-align: left;
  transition: background .18s, border-color .18s;
}
#poll-dialog .poll-choice:hover:not(:disabled) {
  background: #4b403b;
  border-color: var(--discussion-accent);
}
#poll-dialog .poll-choice[aria-pressed=true],
#poll-dialog .poll-choice[aria-pressed=true]:hover:not(:disabled) {
  background: var(--discussion-accent);
  border-color: var(--discussion-accent);
  color: #282524;
  transition: none;
}
#poll-dialog .poll-choice:disabled {
  cursor: wait;
  opacity: .62;
}
#poll-dialog .poll-choice-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
#poll-dialog .poll-choice-name {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
#poll-dialog .poll-choice-percentage {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
}
#poll-dialog .poll-choice-count {
  display: block;
  margin-top: 4px;
  color: #ded0c5;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 8px;
  line-height: 1.4;
}
#poll-dialog .poll-choice[aria-pressed=true] .poll-choice-count {
  color: #59342e;
}
#poll-dialog .poll-status {
  grid-column: 2;
  min-height: 15px;
  margin: 0;
  color: #ded0c5;
  font-size: 10px;
  line-height: 1.5;
}
#poll-dialog .poll-status.error,
#poll-dialog .poll-load-status {
  color: var(--discussion-accent);
}
#poll-dialog .poll-load-status {
  margin: 14px 0 0;
  font-size: 12px;
  line-height: 1.6;
}
#poll-dialog .poll-retry {
  margin-top: 10px;
  padding: 8px 14px;
  border: 1px solid var(--discussion-accent);
  border-radius: 2px;
  background: transparent;
  color: var(--discussion-accent);
  font-size: 12px;
}
#poll-dialog .poll-retry:hover { background: #4b403b; }
#poll-dialog .poll-retry[hidden],
#poll-dialog .poll-load-status[hidden] { display: none; }
#poll-dialog .poll-caption {
  margin: 15px 0 0;
  color: #c9bfb5;
  font-size: 10px;
  line-height: 1.7;
}
@media (max-width: 1100px) {
  #poll-dialog .poll-question { grid-template-columns: minmax(0, 1fr) 240px; column-gap: 22px; }
}
@media (max-width: 760px) {
  #poll-dialog .poll-intro h2 { font-size: 30px; }
  #poll-dialog .poll-assumption { margin-top: 14px; padding: 9px 11px; font-size: 12px; }
  #poll-dialog .poll-question { grid-template-columns: minmax(0, 1fr); row-gap: 12px; padding: 18px 0 16px; }
  #poll-dialog .poll-question-heading { gap: 12px; }
  #poll-dialog .poll-question-heading h3 { font-size: 15px; }
  #poll-dialog .poll-choices { gap: 10px; }
  #poll-dialog .poll-choice { min-height: 63px; padding: 9px 12px; }
  #poll-dialog .poll-status { grid-column: 1; margin-top: -5px; }
  #poll-dialog .poll-caption { font-size: 9px; }
}
