/* Shared judgment space: calm, traceable, and explicit about missing data. */
.landing-page { min-height:100vh; padding-top:var(--header-height); background:linear-gradient(180deg,#fbfaf8 0,#fafafa 420px); }
.product-home { overflow-x:clip; padding-bottom:var(--space-8); background:var(--color-bg-950); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.search-stage { margin-bottom:-48px; padding-bottom:var(--space-7); background:linear-gradient(180deg,var(--color-bg-search-stage) 0%,var(--color-bg-search-stage) 54%,var(--color-bg-search-transition) 78%,var(--color-bg-950) 100%); }
.topic-composer { position:relative; z-index:2; width:min(100% - 48px,780px); margin:0 auto; padding:var(--space-7) 0 var(--space-6); }
.topic-composer__input { position:relative; }
.topic-composer__form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:var(--space-3); min-height:62px; padding:7px 10px 7px 22px; border:1px solid #d9dde4; border-radius:31px; background:#fff; box-shadow:0 6px 22px rgba(17,24,39,.065); transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard); }
.topic-composer__form:focus-within { border-color:#b8c7e8; box-shadow:0 8px 26px rgba(17,24,39,.08),0 0 0 3px rgba(37,99,235,.06); }
.topic-composer__form input { min-width:0; border:0; outline:0; background:transparent; color:var(--text-secondary); font:inherit; font-size:clamp(20px,2vw,22px); font-weight:var(--font-regular); }
.topic-composer__form input::placeholder { color:var(--text-tertiary); opacity:1; }
.topic-composer__form input::-webkit-search-cancel-button { cursor:pointer; }
.topic-composer__form button { display:grid; width:44px; height:44px; place-items:center; border-left:1px solid var(--border-default); color:var(--text-secondary); }
.topic-composer__form button:hover { color:var(--color-brand-primary); }
.topic-composer__form button:focus-visible { border-radius:50%; outline:2px solid var(--border-focus); outline-offset:2px; }
.topic-composer__form svg { width:23px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-width:2; }
.topic-suggestions { position:absolute; top:calc(100% + var(--space-2)); right:0; left:0; z-index:var(--z-dropdown); overflow:hidden; border:1px solid var(--border-default); border-radius:var(--radius-xl); background:#fff; box-shadow:var(--shadow-md); }
.topic-suggestion { display:grid; grid-template-columns:auto minmax(0,1fr) auto; width:100%; align-items:center; gap:var(--space-3); padding:12px 16px; border-bottom:1px solid var(--border-default); text-align:left; }
.topic-suggestion:last-child { border-bottom:0; }
.topic-suggestion:hover,.topic-suggestion:focus-visible { outline:0; background:#f6f8fb; }
.topic-suggestion__kind { padding:3px 7px; border-radius:var(--radius-pill); background:#eef4ff; color:#2563eb; font-size:10px; font-weight:var(--font-semibold); }
.topic-suggestion strong { overflow:hidden; color:var(--text-primary); font-size:var(--text-sm); text-overflow:ellipsis; white-space:nowrap; }
.topic-suggestion__arrow { color:var(--text-tertiary); }
.topic-suggestion--new { background:#fbfaff; }
.topic-suggestion--new .topic-suggestion__kind { background:#f3f0ff; color:#6546b8; }
.topic-suggestion--new-primary { background:#f7f4ff; }
.topic-suggestion--new-primary strong { color:#4f3692; }
.topic-composer__support { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); margin-top:var(--space-4); padding:0 var(--space-3); }
.topic-quick-queries { display:flex; min-width:0; flex-wrap:wrap; gap:var(--space-2); }
.topic-quick-queries button { padding:8px 14px; border:1px solid #d9dde4; border-radius:var(--radius-pill); background:#fff; color:var(--text-secondary); font-size:var(--text-sm); transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard); }
.topic-quick-queries button:hover,.topic-quick-queries button:focus-visible { border-color:#aebedc; outline:0; background:#f7f9fc; color:var(--text-primary); }
.topic-quick-queries button.is-active { border-color:#b8c7e8; background:#eef4ff; color:var(--color-brand-active); }
.topic-create-shortcut { flex:none; color:var(--text-tertiary); font-size:var(--text-xs); white-space:nowrap; }
.topic-create-shortcut:hover,.topic-create-shortcut:focus-visible { color:#6546b8; text-decoration:underline; text-underline-offset:3px; }
.feed-filter-panel { margin-top:var(--space-3); }
.feed-filter-panel > summary { width:max-content; cursor:pointer; color:var(--color-brand-primary); font-size:var(--text-sm); font-weight:var(--font-semibold); }
.feed-filter-panel[open] > summary { margin-bottom:var(--space-3); }
.feed-filter-panel .feed-search { margin-top:0; }
.product-transparency { width:min(100% - 48px,1120px); margin:var(--space-8) auto 0; padding-top:var(--space-5); border-top:1px solid var(--border-default); }
.product-transparency > summary { cursor:pointer; color:var(--text-secondary); font-size:var(--text-sm); font-weight:var(--font-semibold); }
.product-transparency .data-reality { width:100%; margin:var(--space-4) 0 0; }
.home-brand-return { display:flex; width:min(100% - 48px,1120px); margin:var(--space-8) auto 0; justify-content:space-between; gap:var(--space-4); padding:var(--space-5); border-radius:var(--radius-xl); background:#f3f0ff; color:var(--text-secondary); font-size:var(--text-sm); }
.home-brand-return a { color:#6546b8; font-weight:var(--font-semibold); }
.data-reality { width:min(100% - 48px,1120px); margin:0 auto var(--space-7); padding:var(--space-5); border:1px solid #ddd7f4; border-radius:var(--radius-xl); background:linear-gradient(145deg,#fbfaff 0,#f7fbff 100%); box-shadow:var(--shadow-sm); }
.data-reality__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:var(--space-6); }
.data-reality__heading h2 { margin-top:var(--space-2); font-size:var(--text-xl); letter-spacing:-.03em; }
.data-reality__heading > p { max-width:480px; color:#08785a; font-size:var(--text-xs); line-height:var(--leading-relaxed); text-align:right; }
.data-reality__heading > p.is-stale { color:#8b5500; }
.data-reality__metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-3); margin-top:var(--space-5); }
.data-reality__metrics span { display:grid; gap:3px; padding:var(--space-4); border:1px solid rgba(221,215,244,.8); border-radius:var(--radius-lg); background:rgba(255,255,255,.78); color:var(--text-tertiary); font-size:var(--text-xs); }
.data-reality__metrics strong { color:var(--text-primary); font-size:var(--text-2xl); letter-spacing:-.04em; }
.data-reality__source { display:grid; grid-template-columns:auto minmax(220px,.8fr) minmax(260px,1fr) auto; align-items:center; gap:var(--space-3); margin-top:var(--space-3); padding:var(--space-3) var(--space-4); border-radius:var(--radius-lg); background:rgba(255,255,255,.7); }
.data-reality__source > span:nth-child(2) { display:grid; gap:3px; }
.data-reality__source strong { color:var(--text-primary); font-size:var(--text-sm); }
.data-reality__source small,.data-reality__source > span:nth-child(3) { color:var(--text-tertiary); font-size:11px; line-height:var(--leading-relaxed); }
.data-reality__source a { color:var(--color-brand-primary); font-size:var(--text-xs); font-weight:var(--font-semibold); white-space:nowrap; }
.data-reality__dot { width:9px; height:9px; border-radius:50%; background:#f5b942; box-shadow:0 0 0 4px rgba(245,185,66,.14); }
.space-summary { display:flex; gap:var(--space-5); margin-top:var(--space-4); color:var(--text-tertiary); font-size:var(--text-xs); }
.space-summary span { display:flex; align-items:baseline; gap:5px; }
.space-summary strong { color:var(--text-primary); font-size:var(--text-sm); letter-spacing:-.02em; }
.journey-health { display:flex; align-items:center; justify-content:space-between; gap:var(--space-5); margin-top:var(--space-4); padding:var(--space-4); border:1px solid #dbe7f5; border-radius:var(--radius-lg); background:#f8fbff; }
.journey-health > div { display:grid; gap:3px; min-width:240px; }
.journey-health > div span { color:#2563eb; font-size:10px; font-weight:var(--font-semibold); letter-spacing:.08em; text-transform:uppercase; }
.journey-health > div strong { color:var(--text-primary); font-size:var(--text-sm); }
.journey-health > p { max-width:660px; color:var(--text-secondary); font-size:var(--text-xs); line-height:var(--leading-relaxed); }
.journey-health--empty { border-color:#f2d89b; background:#fffaf0; }
.journey-health--empty > div span { color:#8b5500; }
.journey-health--active { border-color:#bfe5d8; background:#f2fbf8; }
.journey-health--active > div span { color:#08785a; }
.community-faces { display:flex; align-items:center; margin-top:var(--space-4); }
.community-avatar { display:inline-grid; place-items:center; width:38px; height:38px; margin-left:-8px; border:3px solid #fbfaf8; border-radius:50%; background:linear-gradient(135deg,#ede9fe,#dbeafe); color:#4338ca; font-size:11px; font-weight:var(--font-bold); box-shadow:var(--shadow-sm); }
.community-avatar:first-child { margin-left:0; }
.community-avatar:nth-child(3n+2) { background:linear-gradient(135deg,#ffedd5,#fef3c7); color:#9a5b00; }
.community-avatar:nth-child(3n) { background:linear-gradient(135deg,#dcfce7,#d1fae5); color:#08785a; }
.community-avatar--sm { width:28px; height:28px; border-width:2px; font-size:9px; }
.community-faces__label { margin-left:var(--space-3); color:var(--text-tertiary); font-size:var(--text-xs); }
.shared-discovery { width:min(100% - 48px,1120px); margin:auto; }
.feed-search { display:grid; grid-template-columns:repeat(4,minmax(130px,1fr)) auto; align-items:end; gap:var(--space-3); margin-top:var(--space-4); padding:var(--space-3); border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--surface-2); }
.feed-search label { display:grid; gap:var(--space-2); color:var(--text-secondary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.feed-search input,.feed-search select { width:100%; height:40px; padding:0 var(--space-3); border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--surface-2); color:var(--text-primary); font:inherit; font-weight:var(--font-regular); }
.feed-search input:focus,.feed-search select:focus { outline:none; border-color:var(--border-focus); box-shadow:0 0 0 3px rgba(37,99,235,.08); }
.feed-state,.topic-state { display:flex; align-items:center; justify-content:center; gap:var(--space-3); min-height:120px; margin-top:var(--space-5); padding:var(--space-5); border:1px dashed var(--border-default); border-radius:var(--radius-xl); color:var(--text-secondary); text-align:center; }
.feed-state[hidden],.topic-state[hidden] { display:none; }
.feed-state--error,.topic-state--error { border-color:var(--warning); background:#fffaf0; color:#7a4a00; }
.feed-tabs { display:flex; align-items:center; gap:var(--space-2); margin-top:var(--space-4); border-bottom:1px solid var(--border-default); }
.feed-tabs > span { margin-left:auto; color:var(--text-tertiary); font-size:var(--text-xs); }
.feed-tab { position:relative; padding:var(--space-3) var(--space-2); color:var(--text-tertiary); font-size:var(--text-sm); font-weight:var(--font-medium); }
.feed-tab::after { position:absolute; right:8px; bottom:-1px; left:8px; height:2px; background:transparent; content:""; }
.feed-tab:hover,.feed-tab.is-active { color:var(--text-primary); }
.feed-tab.is-active::after { background:var(--color-brand-primary); }
.discovery-layout { display:grid; grid-template-columns:minmax(0,1fr) 268px; align-items:start; gap:var(--space-5); }
.discovery-stream { min-width:0; }
.feed-list { display:grid; gap:var(--space-3); margin-top:var(--space-4); }
.feed-card { min-width:0; padding:var(--space-5); border:1px solid #e8e5df; border-radius:14px; background:rgba(255,255,255,.96); transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard); }
.feed-card:hover { border-color:#cbd5e1; box-shadow:0 8px 28px rgba(17,24,39,.055); }
.feed-card.is-deemphasized { border-style:dashed; opacity:.68; }
.feed-card--generated { border-left:3px solid #8b5cf6; }
.feed-card--human { border-left:3px solid var(--color-brand-primary); }
.feed-card__meta,.feed-card__facts { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); color:var(--text-tertiary); font-size:var(--text-xs); }
.feed-card__labels { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-2); }
.feed-card__meta time { flex:none; }
.feed-card h3 { max-width:820px; margin-top:var(--space-3); font-size:clamp(19px,2.2vw,24px); line-height:1.35; letter-spacing:-.02em; }
.feed-card h3 a:hover { color:var(--color-brand-primary); }
.feed-card__author { margin-top:var(--space-2); color:var(--text-tertiary); font-size:var(--text-xs); }
.prediction-contract { display:grid; gap:5px; margin-top:var(--space-3); padding:var(--space-3); border:1px solid #bfe5d8; border-radius:var(--radius-lg); background:#f2fbf8; color:var(--text-secondary); font-size:var(--text-xs); line-height:var(--leading-relaxed); }
.prediction-contract strong { color:#08765b; }
.prediction-contract small { color:var(--text-tertiary); }
.feed-card__people { display:flex; align-items:center; gap:var(--space-3); margin-top:var(--space-3); color:var(--text-secondary); font-size:var(--text-xs); }
.avatar-stack { display:flex; padding-left:8px; }
.avatar-stack .community-avatar { margin-left:-8px; border-color:#fff; }
.feed-status { display:inline-flex; width:max-content; padding:4px 9px; border-radius:var(--radius-pill); background:var(--surface-3); color:var(--text-secondary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.feed-status--active { background:#e8faf4; color:#08785a; }
.feed-status--open { background:#fff5db; color:#8b5500; }
.feed-origin,.feed-topic { padding:4px 8px; border-radius:var(--radius-pill); background:#f3f4f6; color:var(--text-secondary); }
.feed-content-type { padding:4px 8px; border-radius:var(--radius-pill); color:#475569; background:#f1f5f9; }
.feed-content-type--allegation { color:#9a3412; background:#fff1e8; }
.feed-content-type--prediction { color:#5b21b6; background:#f3efff; }
.feed-content-type--conclusion { color:#075985; background:#eaf7fc; }
.feed-content-type--experience { color:#08785a; background:#eaf8f1; }
.feed-origin { background:#f1edff; color:#6d45c5; }
.feed-origin--public_claim,.feed-origin--experience_check { background:#e8faf4; color:#08785a; }
.feed-origin--prediction { background:#fff0ed; color:#b33a2b; }
.feed-origin--research_check { background:#eef5ff; color:#2563eb; }
.feed-card__heat { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-top:var(--space-3); color:var(--text-tertiary); font-size:var(--text-xs); line-height:var(--leading-relaxed); }
.feed-card__heat strong { color:#8b5500; }
.feed-card__prompt { display:flex; gap:var(--space-2); margin-top:var(--space-4); color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
.feed-card__prompt span { flex:none; color:var(--text-tertiary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.feed-card__judgment { margin-top:var(--space-3); padding:var(--space-4); border-left:3px solid #cbd5e1; background:#f8fafc; }
.feed-card__judgment span,.feed-card__details strong { color:var(--text-tertiary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.feed-card__judgment p,.feed-card__details p { margin-top:var(--space-2); color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); overflow-wrap:anywhere; }
.feed-card__judgment p { color:var(--text-primary); }
.stage-summary-card { border-left-color:#8b5cf6; border-radius:0 var(--radius-lg) var(--radius-lg) 0; background:linear-gradient(135deg,#faf8ff 0,#f8fafc 100%); }
.stage-summary-card__heading,.stage-summary-heading { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); }
.stage-summary-card__heading em { font-style:normal; }
.stage-summary__attribution { display:block; margin-top:var(--space-3); color:var(--text-tertiary); font-size:10px; line-height:var(--leading-relaxed); }
.summary-state { display:inline-flex; flex:none; width:max-content; padding:5px 9px; border-radius:var(--radius-pill); background:#f1edff; color:#6546b8; font-size:var(--text-xs); font-weight:var(--font-semibold); }
.summary-state--insufficient { background:#f3f4f6; color:#64748b; }
.summary-state--awaiting_verification { background:#fff5db; color:#8b5500; }
.summary-state--contested { background:#fff0ed; color:#b33a2b; }
.summary-state--provisional { background:#e8faf4; color:#08785a; }
.feed-card__materials { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3); margin-top:var(--space-3); }
.material-preview { position:relative; min-width:0; padding:var(--space-4); border:1px solid #e8e5df; border-radius:14px; background:#fffdfa; }
.material-preview::before { position:absolute; top:16px; left:-1px; width:3px; height:20px; border-radius:0 3px 3px 0; background:#64748b; content:""; }
.material-preview--view::before { background:#f59e0b; }
.material-preview--support { background:#f7fcf9; }
.material-preview--support::before { background:#16a36a; }
.material-preview--challenge { background:#fffaf2; }
.material-preview--challenge::before { background:#d97706; }
.material-preview--source::before { background:#2563eb; }
.material-preview__head { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-2); color:var(--text-tertiary); font-size:11px; }
.material-person { display:flex; align-items:center; min-width:0; gap:var(--space-2); }
.material-person > span:last-child { display:grid; min-width:0; }
.material-person strong { max-width:180px; overflow:hidden; color:var(--text-primary); font-size:var(--text-xs); text-overflow:ellipsis; white-space:nowrap; }
.material-person small { margin-top:2px; color:var(--text-tertiary); font-size:10px; }
.material-kind { color:var(--text-secondary); font-weight:var(--font-semibold); }
.material-preview p { display:-webkit-box; min-height:63px; margin-top:var(--space-3); overflow:hidden; color:var(--text-secondary); font-size:var(--text-sm); line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.material-preview__link { display:inline-block; margin-top:var(--space-3); color:var(--color-brand-primary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.feed-arguments { display:grid; gap:var(--space-2); margin-top:var(--space-4); padding:var(--space-3); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); background:#fcfcfd; }
.feed-arguments__heading { display:flex; align-items:baseline; justify-content:space-between; gap:var(--space-3); }
.feed-arguments__heading strong { font-size:var(--text-sm); }
.feed-arguments__heading span { color:var(--text-tertiary); font-size:11px; }
.feed-argument { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:var(--space-2); padding-top:var(--space-2); border-top:1px solid var(--border-subtle); }
.feed-argument__label { padding:3px 7px; border-radius:999px; background:#eaf8f1; color:#08785a; font-size:10px; font-weight:var(--font-semibold); white-space:nowrap; }
.feed-argument--challenge .feed-argument__label,.feed-argument--counterexample .feed-argument__label { background:#fff2d9; color:#9a5b00; }
.feed-argument--condition .feed-argument__label { background:#eef2ff; color:#4f46a5; }
.feed-argument p { color:var(--text-secondary); font-size:var(--text-sm); line-height:1.55; }
.feed-argument small { color:var(--text-tertiary); font-size:10px; white-space:nowrap; }
.feed-card__explanation { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); margin-top:var(--space-4); padding:var(--space-3); border-radius:var(--radius-lg); background:#f8fafc; }
.feed-card__explanation > div:first-child { display:grid; gap:3px; min-width:0; }
.feed-card__explanation strong { color:var(--text-secondary); font-size:var(--text-xs); }
.feed-card__explanation p { color:var(--text-tertiary); font-size:11px; line-height:var(--leading-relaxed); }
.feed-preference { display:flex; flex:none; flex-wrap:wrap; justify-content:flex-end; gap:var(--space-2); }
.feed-preference__button { padding:6px 9px; border:1px solid var(--border-default); border-radius:var(--radius-pill); background:#fff; color:var(--text-secondary); font-size:10px; font-weight:var(--font-semibold); }
.feed-preference__button:hover,.feed-preference__button.is-selected { border-color:#c7bce9; background:#f3f0ff; color:#6546b8; }
.feed-preference__button:focus-visible { outline:2px solid var(--border-focus); outline-offset:2px; }
.feed-card__footer { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); margin-top:var(--space-4); padding-top:var(--space-3); border-top:1px solid var(--border-default); }
.feed-card__facts { justify-content:flex-start; flex-wrap:wrap; }
.feed-card__facts span + span::before { margin-right:var(--space-2); content:"·"; }
.feed-card__details { margin-top:var(--space-4); border-top:1px solid var(--border-default); }
.feed-card__details summary { padding-top:var(--space-4); cursor:pointer; color:var(--text-secondary); font-size:var(--text-sm); font-weight:var(--font-semibold); }
.feed-card__details[open] summary { padding-bottom:var(--space-3); }
.feed-card__details section { padding:var(--space-4); border-radius:var(--radius-md); background:#f8fafc; }
.feed-card__details section + section { margin-top:var(--space-2); }
.feed-card__details a { color:var(--color-brand-primary); }
.material-list { display:grid; gap:var(--space-3); margin-top:var(--space-3); }
.material-list .material-preview p { display:block; min-height:0; }
.feed-card__source-note { display:block; margin-top:var(--space-1); color:var(--text-tertiary); font-size:var(--text-xs); line-height:var(--leading-relaxed); }
.feed-card__context { color:var(--text-tertiary) !important; }
.feed-card__action { flex:none; color:var(--color-brand-primary); font-size:var(--text-sm); font-weight:var(--font-semibold); }
.feed-card__actions { display:flex; align-items:center; gap:var(--space-3); }
.feed-card__action--soft { padding:7px 10px; border-radius:var(--radius-pill); background:#f3f0ff; color:#6546b8; }
.quick-contribute { position:sticky; top:calc(var(--header-height) + var(--space-5)); margin-top:var(--space-4); padding:var(--space-4); border:1px solid #e8e5df; border-radius:14px; background:rgba(255,255,255,.96); box-shadow:var(--shadow-sm); transition:border-color var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard); }
.quick-contribute.is-focused { border-color:#8aa8e8; box-shadow:0 0 0 4px rgba(37,99,235,.09),var(--shadow-sm); }
.quick-contribute > label { display:block; color:var(--text-tertiary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.quick-contribute > select { width:100%; margin-top:var(--space-2); padding:10px 34px 10px 11px; overflow:hidden; border:1px solid var(--border-default); border-radius:var(--radius-md); background:var(--surface-2); color:var(--text-primary); font:inherit; font-size:var(--text-xs); text-overflow:ellipsis; white-space:nowrap; }
.quick-contribute__actions { display:grid; gap:var(--space-2); margin-top:var(--space-4); }
.quick-contribute__actions button { display:grid; gap:2px; width:100%; padding:10px 11px; border:1px solid transparent; border-radius:var(--radius-md); background:#f8f7f5; text-align:left; transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard); }
.quick-contribute__actions button:hover { border-color:#d8d2ea; background:#f7f4ff; }
.quick-contribute__actions button:focus-visible { outline:2px solid var(--border-focus); outline-offset:2px; }
.quick-contribute__actions button:disabled { cursor:not-allowed; opacity:.45; }
.quick-contribute__actions strong { color:var(--text-primary); font-size:var(--text-sm); }
.quick-contribute__actions span { color:var(--text-tertiary); font-size:11px; }
.quick-contribute__note { margin-top:var(--space-4); color:var(--text-tertiary); font-size:10px; line-height:var(--leading-relaxed); }
.reading-guide { position:sticky; top:calc(var(--header-height) + var(--space-5)); margin-top:var(--space-5); padding:var(--space-5); border:1px solid #e8e5df; border-radius:20px; background:linear-gradient(160deg,#fff 0,#faf7ff 100%); box-shadow:var(--shadow-sm); }
.reading-guide h3 { margin-top:var(--space-2); font-size:var(--text-lg); letter-spacing:-.02em; }
.reading-guide dl { display:grid; gap:var(--space-5); margin-top:var(--space-5); }
.reading-guide dt { display:flex; align-items:center; gap:var(--space-2); color:var(--text-primary); font-size:var(--text-sm); font-weight:var(--font-semibold); }
.reading-guide dd { margin:var(--space-1) 0 0 18px; color:var(--text-tertiary); font-size:var(--text-xs); line-height:var(--leading-relaxed); }
.guide-dot { width:10px; height:10px; border-radius:50%; background:#cbd5e1; }
.guide-dot--open { background:#f5b942; }
.guide-dot--source { background:#2563eb; }
.guide-dot--view { background:#f59e0b; }
.reading-guide__action { display:block; margin-top:var(--space-5); padding-top:var(--space-4); border-top:1px solid var(--border-default); color:var(--color-brand-primary); font-size:var(--text-sm); font-weight:var(--font-semibold); }
.landing-question-entry { display:grid; gap:var(--space-3); }
.landing-question-entry .t-input { height:56px; font-size:var(--text-md); }
.landing-question-entry .t-button { justify-self:end; }
.t-footer { width:min(100% - 40px,1080px); margin:auto; padding:var(--space-5); border-top:1px solid var(--border-default); color:var(--text-tertiary); font-size:var(--text-xs); text-align:center; }

.topic-page { width:min(100% - 48px,1080px); min-height:100vh; margin:auto; padding:calc(var(--header-height) + var(--space-6)) 0 var(--space-9); }
.topic-back { margin-bottom:var(--space-5); color:var(--text-secondary); font-size:var(--text-sm); }
.topic-back a:hover { color:var(--color-brand-primary); }
.topic-hero { padding:var(--space-7); border:1px solid var(--border-default); border-radius:var(--radius-xl); background:var(--surface-2); }
.topic-meta { display:flex; align-items:center; gap:var(--space-2); color:var(--text-tertiary); font-size:var(--text-xs); }
.topic-hero h1 { max-width:820px; margin-top:var(--space-4); font-size:clamp(30px,4vw,48px); letter-spacing:-.04em; }
.topic-hero > p { margin:var(--space-3) 0 var(--space-5); color:var(--text-secondary); font-size:var(--text-sm); }
.topic-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; align-items:start; gap:var(--space-5); margin-top:var(--space-5); }
.topic-primary { display:grid; gap:var(--space-5); }
.topic-aside { position:sticky; top:calc(var(--header-height) + var(--space-5)); }
.topic-section { padding:var(--space-6); border:1px solid var(--border-default); border-radius:var(--radius-xl); background:var(--surface-2); }
.topic-section h2 { margin-top:var(--space-2); font-size:var(--text-xl); }
.topic-section blockquote { margin-top:var(--space-5); padding:var(--space-5); border-left:3px solid var(--color-brand-primary); border-radius:0 var(--radius-lg) var(--radius-lg) 0; background:var(--surface-3); font-size:var(--text-lg); line-height:var(--leading-relaxed); }
.stage-summary-section { border-color:#ddd7f4; background:linear-gradient(145deg,#fff 0,#faf8ff 100%); }
.stage-summary-section blockquote { border-left-color:#8b5cf6; background:#f7f4ff; }
.stage-summary-heading > div { min-width:0; }
.stage-summary-grid { display:grid; gap:var(--space-3); margin-top:var(--space-5); }
.stage-summary-grid > div { padding:var(--space-4); border:1px solid #e8e5df; border-radius:var(--radius-lg); background:rgba(255,255,255,.8); }
.stage-summary-grid dt { color:var(--text-tertiary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.stage-summary-grid dd { margin-top:var(--space-2); color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
.stage-summary-meta { margin-top:var(--space-4); color:var(--text-tertiary); font-size:var(--text-xs); }
.perspective-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3); margin-top:var(--space-5); }
.perspective-group { padding:var(--space-4); border:1px solid var(--border-default); border-top:3px solid #94a3b8; border-radius:var(--radius-lg); background:#fff; }
.perspective-group--support { border-top-color:#16a34a; }
.perspective-group--challenge { border-top-color:#dc2626; }
.perspective-group--conditions { border-top-color:#d97706; }
.perspective-group--unresolved { border-top-color:#2563eb; }
.perspective-group h3 { margin:0; font-size:var(--text-sm); }
.perspective-item { margin-top:var(--space-3); padding-top:var(--space-3); border-top:1px solid var(--border-default); }
.perspective-item p { color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
.perspective-item small { display:block; margin-top:var(--space-2); color:var(--text-tertiary); font-size:10px; line-height:var(--leading-relaxed); }
.section-note,.contribution-panel > p { margin-top:var(--space-2); color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
.usage-quota { display:grid; gap:var(--space-2); margin-top:var(--space-4); padding:var(--space-3); border:1px solid #dbe7f5; border-radius:var(--radius-lg); background:#f8fbff; }
.usage-quota > div { display:flex; align-items:baseline; justify-content:space-between; gap:var(--space-3); }
.usage-quota span { color:#2563eb; font-size:10px; font-weight:var(--font-semibold); letter-spacing:.06em; }
.usage-quota strong { color:var(--text-primary); font-size:var(--text-sm); text-align:right; }
.usage-quota p { color:var(--text-tertiary); font-size:10px; line-height:var(--leading-relaxed); }
.usage-quota--low { border-color:#f2d89b; background:#fffaf0; }
.usage-quota--empty { border-color:#efc4c4; background:#fff7f7; }
.usage-quota--empty span,.usage-quota--empty strong { color:#9f2f2f; }
.judgment-grounds { display:grid; grid-template-columns:160px 1fr; gap:var(--space-3) var(--space-5); margin-top:var(--space-5); }
.judgment-grounds dt { color:var(--text-tertiary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.judgment-grounds dd { color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
.evidence-list,.topic-timeline { display:grid; gap:var(--space-3); margin-top:var(--space-5); }
.evidence-card,.timeline-entry { padding:var(--space-4); border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--surface-1); }
.evidence-card--threaded { padding:var(--space-5); background:#fff; }
.evidence-card__heading,.timeline-entry header { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); color:var(--text-tertiary); font-size:var(--text-xs); }
.evidence-card h3 { margin-top:var(--space-3); font-size:var(--text-md); }
.evidence-card > p,.timeline-entry p { margin-top:var(--space-2); color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
.evidence-provenance { display:grid; grid-template-columns:80px 1fr; gap:var(--space-1) var(--space-3); margin-top:var(--space-3); font-size:var(--text-xs); }
.evidence-provenance dt { color:var(--text-tertiary); }
.evidence-provenance dd { overflow-wrap:anywhere; }
.evidence-card__source { display:inline-block; margin-top:var(--space-3); color:var(--color-brand-primary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.evidence-card__missing { color:var(--text-tertiary) !important; font-size:var(--text-xs) !important; }
.source-original { margin-top:var(--space-3); color:var(--text-tertiary); font-size:var(--text-xs); }
.source-original summary { width:max-content; cursor:pointer; color:var(--color-brand-primary); font-weight:var(--font-semibold); }
.source-original strong { display:block; margin-top:var(--space-3); color:var(--text-secondary); }
.source-original p { max-height:220px; margin-top:var(--space-2); overflow:auto; color:var(--text-tertiary); line-height:var(--leading-relaxed); white-space:pre-wrap; }
.evidence-actions { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-top:var(--space-4); padding-top:var(--space-3); border-top:1px solid var(--border-default); }
.link-safety-state { display:block; margin-top:var(--space-2); color:var(--text-tertiary); font-size:var(--text-xs); }
.link-report-tool { margin-top:var(--space-3); color:var(--text-tertiary); font-size:var(--text-xs); }
.link-report-tool summary { width:max-content; cursor:pointer; color:var(--danger); font-weight:var(--font-semibold); }
.link-report-form { display:grid; gap:var(--space-3); margin-top:var(--space-3); padding:var(--space-4); border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--surface-3); }
.link-report-form label { display:grid; gap:var(--space-2); }
.link-report-form select,.link-report-form textarea { width:100%; padding:var(--space-3); resize:vertical; border:1px solid var(--border-default); border-radius:var(--radius-md); background:var(--surface-1); color:var(--text-primary); font:inherit; }
.thread-action { padding:6px 10px; border-radius:var(--radius-pill); background:var(--surface-3); color:var(--text-secondary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.thread-action:hover { background:#e9e5ff; color:#6546b8; }
.thread-action--follow { margin-left:auto; background:#eef5ff; color:#2563eb; }
.external-arguments,.verification-discussions { margin-top:var(--space-5); padding-top:var(--space-5); border-top:1px solid var(--border-default); }
.external-arguments h4,.verification-discussions h4 { font-size:var(--text-sm); }
.argument-thread { margin-top:var(--space-4); padding:var(--space-4); border-radius:var(--radius-lg); background:#faf9f7; }
.argument-thread__title { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); color:var(--text-tertiary); font-size:var(--text-xs); }
.argument-thread__title strong { color:var(--text-secondary); }
.discussion-entry { margin-top:var(--space-3); padding:var(--space-4); border:1px solid #e8e5df; border-radius:var(--radius-lg); background:#fff; }
.discussion-entry--external { border-left:3px solid #f59e0b; background:#fffdfa; }
.discussion-entry--reply { margin-left:var(--space-5); background:#fafafa; }
.discussion-entry header,.verification-discussion header { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); }
.discussion-person { display:flex; align-items:center; gap:var(--space-2); }
.discussion-person > span:last-child { display:grid; }
.discussion-person strong { font-size:var(--text-xs); }
.discussion-person small { color:var(--text-tertiary); font-size:10px; }
.discussion-entry > p,.verification-discussion > p { margin-top:var(--space-3); color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
.discussion-entry > .thread-action { margin-top:var(--space-3); }
.verification-discussion { margin-top:var(--space-3); padding:var(--space-4); border-left:3px solid #2563eb; border-radius:var(--radius-lg); background:#f8fbff; }
.verification-discussion header { color:var(--text-tertiary); font-size:var(--text-xs); }
.verification-discussion > small { display:block; margin-top:var(--space-2); color:var(--text-tertiary); }
.judgment-discussion-intro { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); padding:var(--space-4); border-radius:var(--radius-lg); background:#faf9f7; }
.judgment-discussion-intro p { color:var(--text-secondary); font-size:var(--text-sm); }
.interaction-target { position:relative; display:grid; gap:2px; padding:var(--space-3); border-left:3px solid #8b5cf6; border-radius:var(--radius-md); background:#f7f4ff; }
.interaction-target span { color:var(--text-tertiary); font-size:10px; font-weight:var(--font-semibold); }
.interaction-target strong { padding-right:48px; color:#6546b8; font-size:var(--text-xs); line-height:var(--leading-relaxed); }
.interaction-target button { position:absolute; top:10px; right:10px; color:var(--text-tertiary); font-size:var(--text-xs); }
.timeline-entry small { display:block; margin-top:var(--space-2); color:var(--text-tertiary); }
.topic-empty { padding:var(--space-4); border:1px dashed var(--border-default); border-radius:var(--radius-lg); color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
.contribution-panel form { display:grid; gap:var(--space-4); margin-top:var(--space-5); }
.contribution-panel form[hidden] { display:none; }
.contribution-panel label { display:grid; gap:var(--space-2); color:var(--text-secondary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.contribution-panel input,.contribution-panel select,.contribution-panel textarea { width:100%; padding:var(--space-3); resize:vertical; border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--surface-2); color:var(--text-primary); font:inherit; font-weight:var(--font-regular); }
.contribution-panel input:focus,.contribution-panel select:focus,.contribution-panel textarea:focus { outline:none; border-color:var(--border-focus); box-shadow:0 0 0 3px rgba(37,99,235,.08); }
.topic-timeline__entry--revision { border-left:3px solid #8b5cf6; }
.topic-timeline__entry--outcome { border-left:3px solid #0f9f75; }
.memory-reason { display:block; margin-top:var(--space-2); color:var(--text-tertiary); }
.form-feedback { min-height:20px; color:var(--text-secondary); font-size:var(--text-xs); line-height:var(--leading-relaxed); }
.contribution-tool { margin-top:var(--space-4); padding-top:var(--space-4); border-top:1px solid var(--border-default); }
.contribution-tool summary { cursor:pointer; color:var(--color-brand-primary); font-size:var(--text-sm); font-weight:var(--font-semibold); }
.contribution-tool form { margin-top:var(--space-4); }
.verification-target { padding:var(--space-3); border-radius:var(--radius-md); background:#f8fbff; color:var(--text-secondary); font-size:var(--text-xs); }

@media (max-width:800px) {
  .topic-composer { width:min(100% - 32px,780px); padding-top:var(--space-5); }
  .topic-composer__support { align-items:flex-start; flex-direction:column; gap:var(--space-3); }
  .product-transparency,.home-brand-return { width:min(100% - 32px,1120px); }
  .home-brand-return { align-items:flex-start; flex-direction:column; }
  .shared-discovery,.topic-page,.data-reality { width:calc(100% - 32px); }
  .data-reality__heading,.journey-health { align-items:flex-start; flex-direction:column; gap:var(--space-3); }
  .data-reality__heading > p { max-width:none; text-align:left; }
  .data-reality__source { grid-template-columns:auto minmax(0,1fr); }
  .data-reality__source > span:nth-child(3),.data-reality__source > a { grid-column:2; }
  .feed-search { grid-template-columns:1fr; }
  .feed-search button { justify-self:start; }
  .feed-list,.topic-layout,.discovery-layout { grid-template-columns:1fr; }
  .quick-contribute { position:static; order:-1; }
  .reading-guide { position:static; }
  .reading-guide dl { grid-template-columns:repeat(3,1fr); gap:var(--space-3); }
  .reading-guide dd { margin-left:0; }
  .topic-aside { position:static; }
  .topic-hero,.topic-section { padding:var(--space-5); }
  .judgment-grounds { grid-template-columns:1fr; gap:var(--space-1); }
  .stage-summary-heading { align-items:flex-start; }
  .perspective-summary { grid-template-columns:1fr; }
  .judgment-discussion-intro { align-items:flex-start; flex-direction:column; }
  .discussion-entry--reply { margin-left:var(--space-3); }
  .judgment-grounds dd + dt { margin-top:var(--space-3); }
}
@media (max-width:480px) {
  .product-nav { gap:var(--space-3); font-size:var(--text-xs); }
  .product-nav a:nth-child(3) { display:none; }
  .usage-quota > div { align-items:flex-start; flex-direction:column; }
  .usage-quota strong { text-align:left; }
  .data-reality__metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .space-summary { gap:var(--space-4); }
  .space-summary strong { font-size:var(--text-lg); }
  .community-faces { flex-wrap:wrap; }
  .community-faces__label { flex-basis:100%; margin:var(--space-2) 0 0; }
  .feed-tabs { overflow-x:auto; }
  .feed-tabs > span { display:none; }
  .feed-tab { flex:none; }
  .reading-guide dl { grid-template-columns:1fr; }
  .feed-card { padding:var(--space-5); }
  .feed-card__meta,.feed-card__footer { align-items:flex-start; flex-direction:column; }
  .feed-card__materials { grid-template-columns:1fr; }
  .feed-arguments__heading { align-items:flex-start; flex-direction:column; }
  .feed-argument { grid-template-columns:1fr; }
  .feed-argument small { white-space:normal; }
  .feed-card__explanation { align-items:flex-start; flex-direction:column; }
  .feed-preference { justify-content:flex-start; }
  .feed-card__prompt { flex-direction:column; }
  .feed-card__actions { width:100%; justify-content:space-between; }
  .argument-thread__title { align-items:flex-start; flex-direction:column; }
  .thread-action--follow { margin-left:0; }
  .landing-question-entry .t-button { width:100%; }
  .topic-composer__form { min-height:58px; padding-left:18px; border-radius:29px; }
  .topic-composer__form input { font-size:18px; }
  .topic-composer__form button { width:40px; height:40px; }
  .topic-composer__support { padding:0; }
  .topic-quick-queries { width:100%; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:none; }
  .topic-quick-queries::-webkit-scrollbar { display:none; }
  .topic-quick-queries button { flex:none; }
  .feed-card h3 { font-size:var(--text-lg); }
  .topic-hero h1 { font-size:var(--text-xl); }
}