.demo-page{--demo-paper:var(--bg);--demo-ink:var(--ink);--demo-muted:var(--ink-2);--demo-brick:var(--accent);--demo-line:var(--line);margin:0;background:var(--demo-paper);color:var(--demo-ink);font-family:var(--font);line-height:1.7;overflow-wrap:anywhere}
.demo-page *{box-sizing:border-box}.demo-page a{color:inherit}.demo-page button,.demo-page input,.demo-page select{font:inherit}.demo-page button,.demo-page select,.demo-page summary{cursor:pointer}.demo-page :focus-visible{outline:3px solid var(--demo-brick);outline-offset:4px;scroll-margin-top:140px}.demo-page [hidden]{display:none!important}.demo-wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.demo-skip{position:fixed;left:16px;top:-100px;z-index:99;padding:10px 18px;background:var(--demo-ink);color:#fff!important}.demo-skip:focus{top:10px}.demo-notice{position:sticky;top:0;z-index:20;background:var(--surface-2);border-bottom:1px solid var(--line);padding:12px 0;color:var(--ink-2);font-size:12px;line-height:1.6}.demo-notice strong{display:block;color:var(--accent);font-size:13px}.demo-notice span{display:block}.demo-intro{padding:72px 0 42px;max-width:820px}.demo-eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--demo-brick);margin:0 0 20px}.demo-intro h1{font-size:clamp(40px,6vw,69px);letter-spacing:-3.8px;line-height:1.18;font-weight:700;margin:0 0 28px}.demo-intro em{font-style:normal;color:var(--demo-brick)}.demo-lead{font-size:17px;max-width:680px;color:var(--ink-2);margin:0 0 19px;word-break:keep-all}.demo-limit{font-size:13px;color:var(--demo-muted);max-width:700px}.demo-topic{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;border-top:1px solid var(--demo-line);border-bottom:1px solid var(--demo-line);padding:30px 0;align-items:center}.demo-topic .demo-eyebrow{margin-bottom:10px}.demo-topic h2{font-size:21px;line-height:1.6;letter-spacing:-.7px;margin:0;word-break:keep-all}.demo-topic>p{font-size:13px;color:var(--demo-muted);margin:0}.demo-overview{padding-top:48px}.demo-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.demo-section-heading h2{margin:0;font-size:23px;letter-spacing:-.8px}.demo-section-heading>span{font-size:12px;color:var(--demo-muted)}#demo-denominator{font-size:13px;color:var(--demo-muted);margin:10px 0 22px}.demo-stats{display:grid;grid-template-columns:repeat(6,1fr);margin:0;border:1px solid var(--demo-line);background:var(--surface)}.demo-stat{position:relative;padding:19px 18px;border-right:1px solid var(--demo-line)}.demo-stat:last-child{border-right:0}.demo-stat dt{font-size:12px;font-weight:650;color:var(--demo-muted)}.demo-stat dd{font-size:30px;font-weight:700;letter-spacing:-1px;margin:4px 0 0;line-height:1.4}.demo-stat-ratio{font-size:12px;color:var(--demo-muted)}.demo-stat-support dd{color:var(--ok)}.demo-stat-oppose dd{color:var(--demo-brick)}.demo-stat-uncertain,.demo-stat-unclassified{background:var(--surface-2)}.demo-tag-overview{padding:25px 0 29px;border-bottom:1px solid var(--demo-line)}.demo-tag-overview h3{font-size:13px;margin:0 0 12px}.demo-tag-counts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.demo-tag-counts li{border:1px solid var(--demo-line);padding:4px 11px;border-radius:var(--r-full);font-size:12px}.demo-tag-overview>p{font-size:12px;color:var(--demo-muted);margin:13px 0 0;max-width:800px}.demo-explorer{padding:47px 0 0}.demo-filters{display:grid;grid-template-columns:1fr 1.2fr 1.7fr auto;gap:14px;align-items:end;margin-top:24px;padding:22px;background:var(--surface-2);border:1px solid var(--demo-line)}.demo-filters label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.demo-filters select,.demo-filters input{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:10px 11px;color:var(--demo-ink);width:100%;min-width:0;min-height:46px;font-size:13px}.demo-filters input::placeholder{color:var(--ink-2)}.demo-reset{background:transparent;border:1px solid var(--line-2);padding:10px 14px;min-height:46px;color:var(--demo-ink);border-radius:var(--r-sm);font-size:13px!important;white-space:nowrap}.demo-reset:hover{background:var(--surface-3)}.demo-filter-help{font-size:12px;color:var(--demo-muted);margin:13px 0 24px;max-width:850px}.demo-results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;margin-bottom:16px}.demo-results-heading p{margin:0;font-size:13px;font-weight:650}.demo-results-heading>span{color:var(--demo-muted)}.demo-comments{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;margin:0;align-items:start}.demo-comment{border:1px solid var(--demo-line);background:var(--surface);padding:24px;min-width:0}.demo-comment-meta{display:flex;justify-content:space-between;gap:10px;color:var(--demo-muted);font-size:11px;margin-bottom:15px}.demo-comment-meta span:last-child{font-size:10px;letter-spacing:.4px}.demo-badges{display:flex;gap:6px;flex-wrap:wrap;font-size:11px;margin-bottom:12px}.demo-stance,.demo-tag{padding:3px 8px;border-radius:var(--r-full);line-height:1.7}.demo-stance{background:var(--surface-2);color:var(--ink-2);font-weight:750}.demo-stance-support{background:var(--surface-2);color:var(--ok)}.demo-stance-oppose{background:var(--accent-weak);color:var(--accent)}.demo-stance-mixed{background:var(--surface-2);color:var(--ink-2)}.demo-stance-uncertain,.demo-stance-unclassified{background:var(--surface-3);color:var(--ink-2)}.demo-tag{border:1px solid var(--demo-line);color:var(--demo-muted)}.demo-target{font-size:11px;color:var(--demo-muted);margin:0 0 14px}.demo-target strong{color:var(--ink-2);margin-right:5px}.demo-comment-text{font-size:14px;line-height:1.85;min-height:78px;margin:0 0 20px;word-break:keep-all;overflow-wrap:anywhere}.demo-comment details{border-top:1px solid var(--demo-line);padding-top:12px}.demo-comment summary{font-size:12px;color:var(--demo-brick);min-height:30px;line-height:30px}.demo-detail-content{font-size:12px;color:var(--demo-muted);padding-top:8px}.demo-detail-content p{margin:0 0 14px}.demo-detail-content strong{display:block;margin-bottom:3px;font-size:11px;color:var(--ink-2)}.demo-detail-content .demo-quote-label{margin-bottom:5px;font-size:11px}.demo-detail-content blockquote{border-left:2px solid var(--line-2);padding:5px 0 5px 12px;margin:0;font-style:normal;color:var(--ink-2);overflow-wrap:anywhere}.demo-empty{padding:42px 22px;text-align:center;background:var(--surface-2);border:1px dashed var(--line-2);margin-bottom:16px}.demo-empty h3{font-size:17px;margin:0 0 7px}.demo-empty p{font-size:13px;margin:0;color:var(--demo-muted)}.demo-method{padding:60px 0 64px;margin-top:58px;border-top:1px solid var(--demo-line)}.demo-method>.demo-eyebrow{margin-bottom:12px}.demo-method h2{font-size:26px;letter-spacing:-1px;margin:0 0 28px}.demo-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.demo-method-grid h3{font-size:14px;margin:0 0 8px}.demo-method-grid p{font-size:13px;color:var(--demo-muted);margin:0;word-break:keep-all}.demo-data-note{font-size:12px;color:var(--demo-muted);border-top:1px solid var(--demo-line);padding-top:20px;margin:30px 0 0}
@media(max-width:900px){.demo-topic{gap:25px;grid-template-columns:1fr 1fr}.demo-filters{grid-template-columns:1fr 1fr}.demo-search{grid-column:1}.demo-stats{grid-template-columns:repeat(3,1fr)}.demo-stat:nth-child(3){border-right:0}.demo-stat:nth-child(-n+3){border-bottom:1px solid var(--demo-line)}.demo-stat:nth-child(6){border-right:0}.demo-method-grid{gap:24px}}
@media(max-width:600px){.demo-wrap{width:calc(100% - 36px)}.demo-notice{font-size:10px;padding:9px 0;line-height:1.6}.demo-notice strong{font-size:11px}.demo-intro{padding:42px 0 28px}.demo-intro h1{font-size:43px;letter-spacing:-2.8px;line-height:1.2;margin-bottom:22px}.demo-eyebrow{font-size:10px;margin-bottom:18px}.demo-lead{font-size:15px}.demo-limit{font-size:11px;line-height:1.8}.demo-topic{grid-template-columns:1fr;gap:14px;padding:24px 0}.demo-topic h2{font-size:18px}.demo-topic>p{font-size:12px}.demo-overview{padding-top:32px}.demo-section-heading{align-items:flex-start;flex-direction:column;gap:5px}.demo-section-heading h2{font-size:21px}.demo-section-heading>span{font-size:11px}#demo-denominator{font-size:12px}.demo-stat{padding:14px 11px}.demo-stat dd{font-size:26px}.demo-stat dt{font-size:11px}.demo-stat-ratio{font-size:11px}.demo-tag-overview{padding:20px 0}.demo-tag-counts{gap:6px}.demo-tag-counts li{font-size:11px;padding:4px 7px}.demo-tag-overview>p{font-size:11px}.demo-explorer{padding-top:30px}.demo-filters{gap:13px 10px;padding:16px;margin-top:18px}.demo-filters label{font-size:11px}.demo-filters select,.demo-filters input{font-size:12px;padding:10px 7px}.demo-search{grid-column:1/-1}.demo-reset{grid-column:1/-1;min-height:42px}.demo-filter-help{font-size:11px;line-height:1.8}.demo-results-heading{align-items:flex-start;gap:5px;flex-direction:column}.demo-results-heading p{font-size:12px}.demo-results-heading>span{font-size:10px}.demo-comments{grid-template-columns:1fr;gap:12px}.demo-comment{padding:20px}.demo-comment-text{min-height:0;font-size:13px}.demo-comment summary{min-height:40px;line-height:40px}.demo-method{margin-top:38px;padding:35px 0 40px}.demo-method h2{font-size:23px}.demo-method-grid{grid-template-columns:1fr;gap:22px}.demo-method-grid p{font-size:12px}.demo-data-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.demo-page *{scroll-behavior:auto!important}}

.demo-page{line-height:1.7}.demo-notice{position:static}.demo-stats{border:0;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--e2)}.demo-comment{border:0;border-radius:var(--r-md);box-shadow:var(--e2)}.demo-filters{border:0;border-radius:var(--r-md);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.demo-filters fieldset{min-width:0;border:0;padding:0;margin:0;grid-column:1/-1}.demo-filters legend{font-size:13px;font-weight:650;padding:0;margin-bottom:10px}.demo-options{display:flex;flex-wrap:wrap;gap:8px 16px}.demo-filters .demo-check{display:flex;align-items:center;gap:7px;margin:0;min-height:36px;font-weight:500;cursor:pointer}.demo-check input{width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:var(--accent)}.demo-search{grid-column:1/3}.demo-reset{align-self:end;background:var(--surface);border-radius:var(--r-sm)}.demo-entity-summary{margin:20px 0;padding:24px;background:var(--surface-2);border-radius:var(--r-md)}.demo-entity-summary h3{margin-bottom:12px}.demo-entity-summary p{font-size:14px;margin-bottom:8px}.demo-entity-reactions{display:grid;gap:10px;margin-bottom:18px}.demo-entity-reaction{display:grid;gap:4px;background:var(--surface-2);padding:12px;border-radius:var(--r-sm);font-size:12px}.demo-entity-reaction strong{color:var(--ink)}.demo-entity-reaction small{font-size:11px;color:var(--ink-2)}.demo-topic-tag{background:var(--surface-2);border:0}.demo-page select:disabled{opacity:.55;cursor:not-allowed}.demo-page .brand{color:var(--ink)}.demo-filters .demo-search input{min-height:46px}
@media(max-width:600px){.demo-filters{grid-template-columns:1fr 1fr}.demo-search,.demo-reset{grid-column:1/-1}.demo-filters>div{min-width:0}.demo-entity-summary{padding:18px}.demo-entity-summary h3{font-size:17px}.demo-filters .demo-check{font-size:12px;min-height:40px}.demo-intro h1{letter-spacing:-.055em}.demo-method-grid{grid-template-columns:1fr}}
:root[data-scale="large"] .demo-comments,:root[data-scale="large"] .demo-filters,:root[data-scale="large"] .demo-topic,:root[data-scale="large"] .demo-method-grid{grid-template-columns:1fr}:root[data-scale="large"] .demo-search,:root[data-scale="large"] .demo-filters>*{grid-column:1}:root[data-scale="large"] .demo-comment-text,:root[data-scale="large"] .demo-filters label,:root[data-scale="large"] .demo-filters select,:root[data-scale="large"] .demo-filters input{font-size:18px}
