:root {
  color-scheme: dark;
  --bg: #07100e;
  --surface: #0b1714;
  --surface-2: #10211d;
  --surface-3: #142a25;
  --line: #24453e;
  --line-strong: #37675d;
  --text: #eef8f4;
  --muted: #9fb9b2;
  --cyan: #59d5e5;
  --green: #55d69b;
  --amber: #f2bc55;
  --coral: #ff7d73;
  --white-06: rgba(255, 255, 255, 0.06);
  --shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
  --header-height: 72px;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  font-synthesis: none;
}

/* 同行社区：active V5 学员可见；治理能力仍由服务端 owner 权限独立控制。 */
.growth-community-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; }
.growth-community-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.community-activation-form { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; padding-top: 14px; border-top: 1px solid var(--line, #d9e1de); }
.community-activation-form label { min-width: 0; }
.expert-certification-badge {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 25px;
  margin-inline: 3px;
  padding: 4px 10px;
  overflow: hidden;
  border: 1px solid rgba(255, 199, 82, .82);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(111, 71, 14, .94), rgba(72, 54, 18, .9) 52%, rgba(17, 78, 78, .82));
  box-shadow: inset 0 1px 0 rgba(255, 239, 181, .28), 0 0 0 1px rgba(89, 213, 229, .16), 0 0 15px rgba(89, 213, 229, .18);
  color: #fff0b8;
  text-shadow: 0 1px 8px rgba(255, 195, 67, .3);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .02em;
  white-space: nowrap;
  vertical-align: middle;
}
.expert-certification-badge::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -80% auto -80% -35%;
  width: 34%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 247, 205, .5), transparent);
  transform: translateX(-180%) rotate(16deg);
  animation: expert-certification-shine 4.8s ease-in-out infinite;
}
@keyframes expert-certification-shine {
  0%, 68% { transform: translateX(-180%) rotate(16deg); opacity: 0; }
  76% { opacity: .85; }
  92%, 100% { transform: translateX(480%) rotate(16deg); opacity: 0; }
}
.community-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .34fr); gap: 20px; align-items: start; }
.community-main, .community-thread-list { display: grid; gap: 16px; min-width: 0; }
.community-ask, .community-thread, .community-side-panel, .governance-code, .governance-list, .governance-summary { border: 1px solid var(--line, #d9e1de); border-radius: 18px; background: var(--surface, #0b1714); color: var(--text, #eef8f4); padding: 20px; min-width: 0; overflow-wrap: anywhere; }
.community-ask { display: grid; gap: 12px; }
.community-thread > div:first-child, .governance-summary { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.community-answer { margin-top: 12px; padding: 14px; border-radius: 14px; border-left: 2px solid var(--line-strong, #37675d); background: var(--surface-2, #10211d); color: var(--text, #eef8f4); }
.community-answer.is-accepted { border-left-color: var(--green, #55d69b); }
.community-answer > div:first-child { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 9px; align-items: center; }
.community-answer > div:first-child > span { grid-row: 1 / span 2; color: var(--green, #55d69b); font-size: 11px; font-weight: 800; }
.community-answer > div:first-child > strong, .community-answer > div:first-child > small { min-width: 0; overflow-wrap: anywhere; }
.community-answer > div:first-child > small, .community-answer > small { color: var(--muted, #9fb9b2); }
.community-answer-form, .community-suggestion { display: grid; gap: 10px; margin-top: 12px; }
.expert-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line, #d9e1de); }
.expert-row:last-child { border-bottom: 0; }
.expert-row small { display: block; }
.governance-code { display: grid; gap: 10px; margin-bottom: 16px; }
.governance-code code { white-space: normal; overflow-wrap: anywhere; }
.governance-list { display: grid; gap: 14px; }
.governance-candidate { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line, #d9e1de); }
.governance-candidate .tag-row { grid-column: 1 / -1; }
.governance-candidate .tag-row label { display: inline-flex; gap: 6px; align-items: center; min-height: 44px; }

@media (max-width: 820px) {
  .community-grid { grid-template-columns: 1fr; }
  .growth-community-entry, .governance-candidate { grid-template-columns: 1fr; }
  .growth-community-actions { justify-content: flex-start; }
}
@media (max-width: 390px) {
  .community-ask, .community-thread, .community-side-panel, .governance-code, .governance-list { padding: 15px; border-radius: 14px; }
  .community-activation-form { grid-template-columns: 1fr; }
  .growth-community-actions > *, .community-activation-form button { width: 100%; }
  .expert-row { grid-template-columns: 24px minmax(0, 1fr); }
  .expert-row > b { grid-column: 2; }
}

* { box-sizing: border-box; }
html { background: var(--bg); scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; min-height: 100vh; overflow-x: hidden; background: var(--bg); color: var(--text); }
button, input, select, textarea { font: inherit; letter-spacing: 0; }
button, select { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: 0.55; }
a { color: inherit; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { letter-spacing: 0; }
p { line-height: 1.7; }
small { line-height: 1.45; }
[hidden], .confirm-checkbox[hidden] { display: none !important; }

.skip-link { position: fixed; left: 12px; top: -60px; z-index: 200; background: var(--cyan); color: #03100d; padding: 10px 14px; }
.skip-link:focus { top: 12px; }
.eyebrow { margin: 0 0 6px; color: var(--cyan); font-size: 12px; font-weight: 800; text-transform: uppercase; }

.app-header {
  position: sticky;
  top: 0;
  z-index: 80;
  min-height: var(--header-height);
  display: grid;
  grid-template-columns: minmax(300px, auto) minmax(300px, 1fr) auto;
  align-items: center;
  gap: 22px;
  padding: 10px 22px;
  border-bottom: 1px solid var(--line);
  background: rgba(7, 16, 14, 0.96);
  backdrop-filter: blur(14px);
}
.product-name { display: inline-flex; align-items: center; gap: 12px; min-width: 0; min-height: 44px; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; text-decoration: none; }
.product-lockup { min-width: 0; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
.product-name strong { font-size: 20px; line-height: 1.2; }
.product-center { padding-left: 10px; border-left: 1px solid var(--line-strong); color: var(--muted); font-size: 17px; font-weight: 700; line-height: 1.2; }
.product-mark, .large-mark {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border: 1px solid var(--cyan);
  color: var(--cyan);
  font-weight: 900;
}
.product-mark { width: 68px; height: 42px; font-size: 14px; white-space: nowrap; }
.brand-control { display: flex; align-items: center; gap: 8px; min-width: 0; }
.brand-control label { color: var(--muted); font-size: 12px; white-space: nowrap; }
.brand-control select { min-width: 0; width: min(360px, 48vw); }
.account-summary { display: flex; align-items: center; gap: 8px; }
.account-stat { min-width: 64px; min-height: 44px; padding: 4px 9px; display: grid; gap: 1px; border: 0; border-left: 1px solid var(--line); background: transparent; color: var(--text); text-align: left; }
.account-stat span { color: var(--muted); font-size: 10px; }
.account-stat strong { font-size: 14px; }
.avatar-button { width: 44px; height: 44px; border: 1px solid var(--line-strong); background: var(--surface-2); color: var(--text); font-weight: 900; }

button, .button-link { border-radius: 4px; }
.button-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.primary-button, .quiet-button, .icon-text-button, .text-button, .danger-text-button {
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid transparent;
  font-weight: 800;
}
.primary-button { background: var(--cyan); color: #03100d; }
.primary-button:hover { background: #7ee4ef; }
.quiet-button, .icon-text-button { border-color: var(--line-strong); background: var(--surface-2); color: var(--text); }
.quiet-button:hover, .icon-text-button:hover { border-color: var(--cyan); }
.text-button, .danger-text-button { min-height: 44px; padding: 9px 0; border: 0; background: transparent; color: var(--cyan); }
.danger-text-button { color: var(--coral); }
.icon-button { width: 44px; height: 44px; border: 1px solid var(--line); background: var(--surface-2); color: var(--muted); font-size: 24px; }

input, select, textarea {
  width: 100%;
  border: 1px solid var(--line-strong);
  border-radius: 4px;
  background: #07120f;
  color: var(--text);
  outline: none;
}
input, select { min-height: 44px; padding: 9px 11px; }
textarea { min-height: 132px; padding: 12px; resize: vertical; line-height: 1.65; }
input:focus, select:focus, textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 2px rgba(89, 213, 229, 0.12); }
label { display: grid; gap: 7px; color: var(--muted); font-size: 13px; font-weight: 700; }

.entry-screen { width: min(1180px, calc(100% - 40px)); min-height: 100vh; margin: 0 auto; display: grid; grid-template-columns: 1.15fr 0.85fr; align-items: center; gap: 70px; padding: 70px 0; }
.governance-access-screen { width: min(760px, calc(100% - 40px)); min-height: 100vh; margin: 0 auto; display: grid; align-content: center; gap: 14px; }
.governance-access-screen h1 { font-size: clamp(30px, 5vw, 48px); }
.governance-access-screen > p:not(.eyebrow) { color: var(--muted); line-height: 1.75; }
.governance-access-screen > div { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.governance-access-screen[hidden] { display: none; }
.large-mark { width: 58px; height: 58px; margin-bottom: 24px; font-size: 24px; }
.entry-copy h1 { max-width: 700px; margin-bottom: 20px; font-size: clamp(34px, 4.4vw, 64px); line-height: 1.13; }
.entry-copy > p:not(.eyebrow) { max-width: 680px; color: var(--muted); font-size: 18px; }
.entry-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 38px 0 0; padding: 0; list-style: none; background: var(--line); border: 1px solid var(--line); }
.entry-points li { min-height: 116px; padding: 18px; display: grid; align-content: start; gap: 7px; background: var(--surface); }
.entry-points strong { color: var(--green); }
.entry-points span { color: var(--muted); font-size: 13px; line-height: 1.55; }
.entry-panel { border: 1px solid var(--line-strong); background: var(--surface); box-shadow: var(--shadow); }
.entry-tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line); }
.entry-tabs button, .segmented button { min-height: 46px; border: 0; background: transparent; color: var(--muted); font-weight: 800; }
.entry-tabs button.is-active, .segmented button.is-active { color: var(--cyan); background: rgba(89, 213, 229, 0.08); box-shadow: inset 0 -2px var(--cyan); }
.entry-form { padding: 28px; display: grid; gap: 20px; }
.entry-form h2 { margin-bottom: 8px; font-size: 24px; }
.entry-form p { margin-bottom: 0; color: var(--muted); font-size: 13px; }
.entry-help-button { justify-self: start; min-height: 34px; padding: 4px 0; color: var(--cyan); }
.entry-disclosure { margin: 0 28px 22px; padding: 12px 14px; border-left: 3px solid var(--green); background: rgba(85, 214, 155, 0.06); color: var(--muted); font-size: 12px; line-height: 1.65; }
.form-message { margin: 0 28px 24px; padding: 10px 12px; border-left: 3px solid var(--amber); background: rgba(242, 188, 85, 0.08); color: var(--amber); font-size: 13px; }
.form-message.is-error { border-color: var(--coral); background: rgba(255, 125, 115, 0.08); color: var(--coral); }

.loading-screen { min-height: 70vh; display: grid; place-items: center; align-content: center; gap: 16px; color: var(--muted); }
.loading-spinner { width: 28px; height: 28px; border: 2px solid var(--line); border-top-color: var(--cyan); border-radius: 50%; animation: spin 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.report-intake { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 56px 0 80px; }
.archived-brand-recovery { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 1.2fr); gap: 24px; align-items: center; margin: 22px 0; padding: 22px; border: 1px solid var(--line); background: var(--surface); }
.archived-brand-recovery[hidden] { display: none; }
.archived-brand-recovery h2 { margin: 4px 0 8px; font-size: 24px; }
.archived-brand-recovery p { margin: 0; }
.archived-brand-actions { display: grid; gap: 10px; }
.archived-brand-actions > div { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; }
.archived-brand-actions strong { min-width: 0; overflow-wrap: anywhere; }
.intake-heading { max-width: 820px; margin-bottom: 32px; }
.intake-heading h1 { margin-bottom: 12px; font-size: clamp(30px, 4vw, 48px); }
.intake-heading > p:last-child { color: var(--muted); }
.intake-progress { max-width: 680px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 0 0 22px; padding: 0; border: 1px solid var(--line); background: var(--line); list-style: none; }
.intake-progress li { min-height: 48px; display: flex; align-items: center; gap: 9px; padding: 10px 13px; background: var(--surface); color: var(--muted); font-size: 12px; font-weight: 800; }
.intake-progress li span { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--line-strong); }
.intake-progress li.is-active { color: var(--text); background: rgba(89, 213, 229, 0.08); }
.intake-progress li.is-active span { border-color: var(--cyan); color: var(--cyan); }
.intake-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.65fr); gap: 24px; }
.intake-editor, .intake-steps { border: 1px solid var(--line); background: var(--surface); }
.intake-editor { padding: 22px; }
.segmented { display: inline-grid; grid-template-columns: 1fr 1fr; min-width: 300px; margin-bottom: 20px; border: 1px solid var(--line); }
.field-hint { display: block; margin-top: 6px; color: var(--muted); font-size: 11px; text-align: right; }
.file-drop { min-height: 320px; place-items: center; align-content: center; border: 1px dashed var(--line-strong); text-align: center; }
.file-drop.is-dragging { border-color: var(--cyan); background: rgba(89, 213, 229, 0.06); }
.file-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.file-drop strong { color: var(--text); font-size: 19px; }
.file-drop span, .file-drop small { color: var(--muted); }
.intake-actions { display: flex; align-items: center; gap: 14px; margin-top: 18px; }
.intake-steps { padding: 24px; }
.intake-steps h2 { font-size: 18px; }
.intake-steps ol { margin: 22px 0 0; padding: 0; display: grid; gap: 20px; list-style: none; }
.intake-steps li { display: grid; grid-template-columns: 30px 1fr; gap: 12px; }
.intake-steps li > span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--line-strong); color: var(--cyan); font-weight: 900; }
.intake-steps p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.report-builder { display: grid; gap: 16px; }
.compact-heading { align-items: flex-start; margin-bottom: 0; }
.report-brief-grid { margin: 0; }
.prompt-preview { border: 1px solid var(--line); background: #07120f; }
.prompt-preview summary { padding: 12px 14px; cursor: pointer; color: var(--cyan); font-weight: 800; }
.prompt-preview textarea { min-height: 360px; border: 0; border-top: 1px solid var(--line); border-radius: 0; color: var(--muted); }
.action-with-note { display: grid; gap: 7px; }
.action-with-note small { color: var(--muted); }
.action-with-note.horizontal { grid-template-columns: max-content minmax(0, 1fr); align-items: center; gap: 12px; }
.prompt-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.report-structure-list ul { margin: 20px 0 0; padding: 0; display: grid; gap: 16px; list-style: none; }
.report-structure-list li { min-width: 0; display: block; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.report-structure-list li:last-child { border-bottom: 0; }
.report-structure-list li strong { display: block; margin-bottom: 5px; }
.report-structure-list li > span { width: auto; height: auto; display: block; border: 0; color: var(--muted); font-size: 12px; font-weight: 400; line-height: 1.65; overflow-wrap: anywhere; }
.brand-confirmation { max-width: 780px; display: grid; gap: 20px; padding: 26px; border: 1px solid var(--line-strong); background: var(--surface); }
.brand-confirmation h2 { margin-bottom: 8px; }
.brand-confirmation > div > p:last-child { margin-bottom: 0; color: var(--muted); }
.report-reading-progress { display: grid; gap: 14px; padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.report-reading-heading { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.report-reading-heading .loading-spinner { width: 22px; height: 22px; }
.report-reading-heading > div { min-width: 0; display: grid; gap: 3px; }
.report-reading-heading strong { overflow-wrap: anywhere; }
.report-reading-heading small { color: var(--muted); overflow-wrap: anywhere; }
.report-reading-percent { color: var(--cyan); font-size: 18px; white-space: nowrap; }
.report-reading-track { height: 7px; overflow: hidden; border: 1px solid var(--line-strong); background: #07120f; }
.report-reading-track span { display: block; width: 0; height: 100%; background: var(--cyan); transition: width 320ms ease; }
.report-reading-progress[data-state="ready"] .report-reading-track span,
.report-reading-progress[data-state="completed"] .report-reading-track span { background: var(--green); }
.report-reading-progress[data-state="failed"] .report-reading-track span { background: var(--coral); }
.report-reading-steps { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; list-style: none; }
.report-reading-steps li { min-width: 0; display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; }
.report-reading-steps li span { width: 22px; height: 22px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid var(--line-strong); font-weight: 900; }
.report-reading-steps li strong { min-width: 0; overflow-wrap: anywhere; }
.report-reading-steps li.is-active { color: var(--cyan); }
.report-reading-steps li.is-active span { border-color: var(--cyan); }
.report-reading-steps li.is-complete { color: var(--green); }
.report-reading-steps li.is-complete span { border-color: var(--green); }
.report-reading-steps li.is-error { color: var(--coral); }
.report-reading-steps li.is-error span { border-color: var(--coral); }
.report-reading-failure { padding: 16px; border-left: 3px solid var(--coral); background: rgba(255, 125, 115, 0.07); }
.report-reading-failure > span { display: block; margin-bottom: 5px; color: var(--coral); font-size: 11px; font-weight: 900; }
.report-reading-failure h3 { margin-bottom: 7px; font-size: 18px; }
.report-reading-failure p { margin-bottom: 8px; color: var(--muted); }
.report-reading-failure small { color: var(--coral); overflow-wrap: anywhere; }
.brand-confirmation-fields { display: grid; gap: 20px; }
.recognition-check { display: grid; gap: 14px; padding: 16px; border: 1px solid var(--line); background: var(--surface-2); }
.recognition-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.recognition-heading span { color: var(--cyan); font-size: 11px; font-weight: 800; }
.recognition-heading h3 { margin: 4px 0 0; font-size: 17px; }
.recognition-heading > strong { color: var(--green); font-size: 22px; white-space: nowrap; }
.recognition-dimensions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.recognition-dimensions span { min-width: 0; padding: 8px; border: 1px solid var(--line); color: var(--muted); font-size: 11px; text-align: center; overflow-wrap: anywhere; }
.recognition-dimensions span.is-recognized { border-color: rgba(79, 213, 166, 0.36); color: var(--green); }
.recognition-dimensions span.is-missing { border-color: rgba(242, 188, 85, 0.36); color: var(--amber); }
.recognition-check .recognition-dimensions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.recognition-field-card { min-width: 0; padding: 12px; border: 1px solid var(--line); background: var(--surface); }
.recognition-field-card > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.recognition-field-card strong { color: var(--text); font-size: 13px; }
.recognition-field-card span { flex: 0 0 auto; padding: 2px 6px; border: 1px solid rgba(242, 188, 85, 0.36); color: var(--amber); font-size: 10px; }
.recognition-field-card p { margin: 10px 0 6px; color: var(--text); font-size: 14px; font-weight: 800; overflow-wrap: anywhere; }
.recognition-field-card small { display: block; color: var(--muted); line-height: 1.55; }
.recognition-evidence { margin: 0; background: var(--surface); }
.recognition-evidence > summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: -3px; }
.recognition-evidence-item { min-width: 0; padding: 12px; border: 1px solid var(--line); }
.recognition-evidence-item h4 { margin: 0 0 10px; color: var(--text); }
.recognition-evidence-item dl { margin: 0; display: grid; gap: 6px; }
.recognition-evidence-item dl div { min-width: 0; display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 8px; }
.recognition-evidence-item dt { color: var(--muted); font-size: 11px; }
.recognition-evidence-item dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.recognition-evidence-item pre { max-width: 100%; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.technical-candidates { margin: 12px 0 0; }
.technical-candidates strong { display: block; margin-bottom: 5px; font-size: 11px; }
.recognition-evidence-sources { margin: 12px 0 0; padding: 0; display: grid; gap: 8px; list-style: none; }
.recognition-evidence-sources li { min-width: 0; padding: 8px; border-left: 2px solid var(--line-strong); color: var(--muted); font-size: 11px; }
.recognition-evidence-sources li div { display: flex; flex-wrap: wrap; gap: 6px 10px; }
.recognition-evidence-sources blockquote { margin: 6px 0 0; color: var(--text); overflow-wrap: anywhere; }
.recognition-check > p { margin: 0; color: var(--muted); line-height: 1.65; }
.recognition-check .confirm-checkbox, .recognition-check .action-with-note { margin: 0; }

.workspace { min-height: calc(100vh - var(--header-height)); display: grid; grid-template-columns: 224px minmax(0, 1fr); }
.workspace-nav { position: sticky; top: var(--header-height); align-self: start; height: calc(100vh - var(--header-height)); padding: 18px 10px; border-right: 1px solid var(--line); background: #081410; overflow-y: auto; }
.workspace-nav button { width: 100%; min-height: 58px; display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 10px; padding: 9px 10px; border: 0; border-left: 2px solid transparent; border-radius: 0; background: transparent; color: var(--muted); text-align: left; }
.workspace-nav button:hover { background: var(--white-06); color: var(--text); }
.workspace-nav button.is-active { border-left-color: var(--cyan); background: rgba(89, 213, 229, 0.08); color: var(--text); }
.workspace-nav button.ai-unavailable { opacity: 0.55; cursor: not-allowed; }
.workspace-nav button span:last-child { min-width: 0; display: grid; gap: 2px; }
.workspace-nav strong { font-size: 14px; }
.workspace-nav small { color: var(--muted); font-size: 10px; }
.nav-symbol { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--line); color: var(--cyan); font-size: 12px; font-weight: 900; }
.screen { min-width: 0; padding: 28px clamp(18px, 3vw, 46px) 90px; }

.screen-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 22px; margin-bottom: 24px; }
.screen-heading-copy { min-width: 0; flex: 1 1 auto; }
.screen-heading h1 { margin-bottom: 7px; font-size: clamp(26px, 3vw, 38px); }
.screen-heading p:last-child { margin-bottom: 0; color: var(--muted); }
.screen-heading-actions { flex: 0 0 auto; display: flex; gap: 8px; }
.screen-guide-line { min-width: 0; display: grid; grid-template-columns: minmax(150px, 0.7fr) minmax(230px, 1.3fr) auto; align-items: center; gap: 1px; margin-top: 14px; border-block: 1px solid var(--line); background: var(--line); }
.screen-guide-line > span { min-width: 0; align-self: stretch; padding: 9px 11px; background: var(--surface-2); }
.screen-guide-line small, .screen-guide-line strong { display: block; overflow-wrap: anywhere; }
.screen-guide-line small { color: var(--muted); font-size: 10px; }
.screen-guide-line strong { margin-top: 3px; color: var(--text); font-size: 12px; }
.screen-guide-line > button { min-height: 44px; margin-left: 9px; white-space: nowrap; }
.brand-summary { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(250px, 0.5fr); gap: 1px; margin-bottom: 22px; border: 1px solid var(--line); background: var(--line); }
.brand-summary > div { min-width: 0; padding: 22px; background: var(--surface); }
.brand-summary h2 { max-width: 980px; margin-bottom: 16px; font-size: 24px; line-height: 1.45; }
.brand-summary p { margin-bottom: 0; color: var(--muted); }
.summary-label { padding-top: 14px; border-top: 1px solid var(--line); color: var(--cyan) !important; font-size: 12px; font-weight: 800; }
.summary-list { margin: 10px 0 0; padding: 0; display: grid; gap: 7px; list-style: none; }
.summary-list li { position: relative; padding-left: 16px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.summary-list li::before { content: ""; position: absolute; left: 0; top: 0.7em; width: 5px; height: 5px; background: var(--cyan); }
.summary-empty { padding-top: 12px; border-top: 1px solid var(--line); }
.brand-score { display: grid; align-content: center; justify-items: start; min-width: 0; max-width: 100%; }
.brand-score strong { display: block; min-width: 0; max-width: 100%; line-height: 1.15; color: var(--amber); }
.brand-score span { color: var(--muted); font-size: 12px; }
.brand-score > small { margin-top: 10px; color: var(--muted); line-height: 1.5; }
.brand-score-values { width: 100%; min-width: 0; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.brand-score-values > strong { min-width: 0; display: inline-flex; align-items: baseline; gap: 3px; padding: 8px 10px; border: 1px solid rgba(242, 188, 85, 0.42); background: rgba(242, 188, 85, 0.06); white-space: nowrap; }
.brand-score-values > strong b { font-size: clamp(28px, 3vw, 42px); }
.brand-score-values > strong span { color: var(--amber); font-size: 18px; }
.brand-score-values > .is-missing { white-space: normal; overflow-wrap: anywhere; color: var(--muted); font-size: 18px; }
.report-headline-expand { min-width: 0; margin: 0 0 16px; }
.report-headline-expand summary { display: grid; gap: 8px; cursor: pointer; list-style: none; }
.report-headline-expand summary::-webkit-details-marker { display: none; }
.report-headline-expand summary strong { max-width: 980px; font-size: 24px; line-height: 1.45; }
.report-headline-expand summary span { width: max-content; color: var(--cyan); font-size: 12px; font-weight: 800; }
.report-headline-expand[open] summary strong { display: none; }
.report-headline-expand > p { max-width: 980px; margin: 0; color: var(--text); white-space: normal; overflow-wrap: anywhere; line-height: 1.65; }
.score-conflict-panel { min-width: 0; margin: -8px 0 18px; padding: 16px; display: grid; grid-template-columns: minmax(220px, 0.65fr) minmax(0, 1.35fr); gap: 14px; border: 1px solid rgba(242, 188, 85, 0.52); background: rgba(242, 188, 85, 0.07); }
.score-conflict-panel > div { min-width: 0; }
.score-conflict-panel > div:first-child > strong { color: var(--amber); }
.score-conflict-panel p { margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.score-conflict-values { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.score-conflict-values article { min-width: 0; padding: 10px; border: 1px solid var(--line); background: var(--surface); }
.score-conflict-values article > strong { display: block; margin-bottom: 7px; color: var(--amber); font-size: 22px; }
.score-conflict-values small { display: block; color: var(--muted); overflow-wrap: anywhere; line-height: 1.5; }
.overview-indicator-grid { min-width: 0; margin-bottom: 18px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.overview-indicator-grid article { min-width: 0; padding: 14px; border: 1px solid var(--line); background: var(--surface); }
.overview-indicator-grid span, .overview-indicator-grid small { display: block; color: var(--muted); font-size: 11px; }
.overview-indicator-grid strong { display: block; margin: 7px 0 5px; color: var(--cyan); font-size: clamp(18px, 2vw, 25px); overflow-wrap: anywhere; }
.overview-indicator-grid p { min-height: 2.8em; margin: 0 0 8px; color: var(--text); font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.overview-indicator-grid small { line-height: 1.5; overflow-wrap: anywhere; }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 30px; }
.metric-card { min-height: 108px; padding: 16px; border: 1px solid var(--line); background: var(--surface); border-radius: 6px; }
.metric-card span { color: var(--muted); font-size: 12px; }
.metric-card strong { display: block; margin: 8px 0 4px; font-size: 27px; }
.metric-card small { color: var(--muted); }
.metric-card[data-accent="green"] strong { color: var(--green); }
.metric-card[data-accent="amber"] strong { color: var(--amber); }
.metric-card[data-accent="coral"] strong { color: var(--coral); }
.metric-card[data-accent="cyan"] strong { color: var(--cyan); }

.dashboard-section { margin: 0 -1px; padding: 28px 0; border-top: 1px solid var(--line); }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 18px; }
.section-heading h2 { margin-bottom: 5px; font-size: 21px; }
.section-heading p { margin-bottom: 0; color: var(--muted); font-size: 13px; }
.section-actions { display: flex; gap: 8px; }
.two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.three-column { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }

.insight-block { padding: 18px 20px; border-left: 3px solid var(--cyan); background: var(--surface); }
.insight-block.strength { border-color: var(--green); }
.insight-block.risk { border-color: var(--coral); }
.insight-block h3 { margin-bottom: 7px; font-size: 15px; }
.insight-block p { margin-bottom: 0; color: var(--muted); }

.chart-list { display: grid; gap: 11px; }
.chart-row { display: grid; grid-template-columns: minmax(120px, 180px) 1fr auto; align-items: center; gap: 12px; }
.chart-label { min-width: 0; }
.chart-label strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.chart-label small { color: var(--muted); }
.bar-track { height: 10px; background: #11231f; overflow: hidden; }
.bar-track > span { display: block; height: 100%; background: var(--cyan); }
.bar-track > i { display: block; height: 100%; background: var(--cyan); }
.bar-fill { height: 100%; background: var(--cyan); }
.bar-fill.green { background: var(--green); }
.bar-fill.amber { background: var(--amber); }
.bar-fill.coral { background: var(--coral); }
.chart-value { min-width: 54px; text-align: right; font-variant-numeric: tabular-nums; }

.data-table-wrap { width: 100%; overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.data-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.data-table th, .data-table td { padding: 12px 13px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.data-table th { color: var(--muted); background: #0d1b18; font-size: 11px; }
.data-table td { font-size: 13px; line-height: 1.55; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table tbody tr:hover td { background: rgba(255, 255, 255, 0.02); }
.data-table button { min-height: auto; padding: 2px 0; border: 0; background: transparent; color: var(--cyan); font-weight: 800; text-align: left; }
.data-table .muted { color: var(--muted); }
.data-table .danger { color: var(--coral); }

.competitor-grid, .risk-grid, .channel-grid, .article-grid, .asset-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.data-card, .channel-card, .article-card, .asset-card { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
.data-card h3, .channel-card h3, .article-card h3, .asset-card h3 { margin-bottom: 8px; font-size: 15px; overflow-wrap: anywhere; }
.data-card p, .channel-card p, .article-card p, .asset-card p { margin-bottom: 10px; color: var(--muted); font-size: 12px; }
.card-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; color: var(--muted); font-size: 11px; }
.card-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.card-actions button, .card-actions a { min-height: 34px; display: inline-grid; place-items: center; padding: 7px 10px; border: 1px solid var(--line-strong); border-radius: 4px; background: var(--surface-2); color: var(--text); text-decoration: none; font-size: 11px; font-weight: 800; }

.task-focus { display: grid; grid-template-columns: 1fr auto; gap: 18px; padding: 20px; border: 1px solid var(--line-strong); background: rgba(85, 214, 155, 0.05); }
.task-focus h3 { margin-bottom: 7px; }
.task-focus p { margin-bottom: 7px; color: var(--muted); }
.task-details { display: flex; flex-wrap: wrap; gap: 6px 16px; color: var(--muted); font-size: 12px; }
.task-list { display: grid; gap: 1px; border: 1px solid var(--line); background: var(--line); }
.task-row { display: grid; grid-template-columns: 80px minmax(0, 1fr) minmax(180px, 0.55fr) auto; gap: 14px; align-items: center; padding: 14px; background: var(--surface); }
.task-stage { color: var(--amber); font-size: 12px; font-weight: 900; }
.task-row h3 { margin: 0 0 4px; font-size: 14px; }
.task-row p { margin: 0; color: var(--muted); font-size: 11px; }
.task-row .task-proof { color: var(--muted); font-size: 11px; }

.report-chapters { display: grid; gap: 6px; }
.report-chapter { border: 1px solid var(--line); background: var(--surface); }
.report-chapter summary { display: flex; justify-content: space-between; gap: 16px; padding: 13px 15px; cursor: pointer; font-weight: 800; }
.report-chapter summary small { color: var(--muted); font-weight: 600; }
.report-chapter pre { margin: 0; padding: 0 15px 18px; color: var(--muted); white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.8 inherit; }
.report-chapter.is-missing { border-style: dashed; }
.report-chapter-missing { padding: 0 15px 18px; color: var(--muted); }
.report-chapter-body { padding: 0 15px 18px; }
.chapter-findings { padding: 14px 0; border-bottom: 1px solid var(--line); }
.chapter-findings h4, .chapter-original h4 { margin: 0 0 10px; font-size: 14px; }
.chapter-original { padding-top: 14px; }
.chapter-original pre { padding: 0; }
.report-evidence-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.report-evidence-card { min-width: 0; padding: 14px; border: 1px solid var(--line); background: var(--surface-strong); }
.report-evidence-card > span, .report-evidence-card > small { display: block; color: var(--muted); }
.report-evidence-card > strong { display: block; margin: 7px 0; overflow-wrap: anywhere; }
.report-evidence-card blockquote { margin: 10px 0; padding-left: 10px; border-left: 2px solid var(--cyan); color: var(--muted); }
.report-evidence-card.is-corrected { border-color: var(--green); }
.report-evidence-card.is-corrected > span { color: var(--green); }
.correction-origin { margin: 9px 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.report-correction-button { margin-top: 10px; padding: 9px 0; min-height: 44px; }
@media (max-width: 720px) {
  .report-evidence-grid { grid-template-columns: 1fr; }
  .report-chapter summary { align-items: flex-start; flex-direction: column; gap: 5px; }
}

.coach-layout { display: grid; grid-template-columns: minmax(230px, 0.36fr) minmax(0, 1fr); gap: 18px; min-height: calc(100vh - 180px); }
.coach-context { padding-right: 18px; border-right: 1px solid var(--line); }
.coach-context h2 { font-size: 18px; }
.coach-context p { color: var(--muted); font-size: 13px; }
.prompt-list { display: grid; gap: 7px; margin: 20px 0; }
.prompt-list button { padding: 11px; border: 1px solid var(--line); background: var(--surface); color: var(--text); text-align: left; line-height: 1.5; }
.prompt-list button strong, .prompt-list button span { display: block; }
.prompt-list button span { margin-top: 3px; color: var(--muted); font-size: 11px; }
.coach-prompt-heading { display: flex; justify-content: space-between; gap: 12px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.coach-prompt-heading small { color: var(--muted); }
.coach-sources { margin-top: 12px; border-top: 1px solid var(--line); }
.coach-sources summary { min-height: 44px; display: flex; align-items: center; padding: 8px 0; color: var(--cyan); cursor: pointer; }
.coach-sources ul { display: grid; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; }
.coach-sources li { display: grid; gap: 2px; padding: 8px 10px; background: var(--surface-2); color: var(--muted); font-size: 12px; }
.coach-sources li strong { color: var(--text); }
.coach-status { padding: 12px; border-left: 3px solid var(--green); background: rgba(85, 214, 155, 0.06); }
.coach-status strong { display: block; margin-bottom: 4px; }
.coach-status span { color: var(--muted); font-size: 11px; }
.coach-chat { min-width: 0; display: grid; grid-template-rows: 1fr auto; border: 1px solid var(--line); background: var(--surface); }
.chat-history { min-height: 420px; max-height: calc(100vh - 340px); overflow-y: auto; padding: 20px; display: grid; align-content: start; gap: 13px; }
.chat-message { max-width: 86%; padding: 13px 15px; border-left: 3px solid var(--line-strong); background: var(--surface-2); overflow-wrap: anywhere; }
.chat-message.user { justify-self: end; border-left: 0; border-right: 3px solid var(--cyan); background: rgba(89, 213, 229, 0.08); }
.chat-message.assistant { justify-self: start; border-color: var(--green); }
.chat-message > strong { display: block; margin-bottom: 8px; font-size: 12px; }
.chat-content { display: grid; gap: 7px; }
.chat-content h3 { margin: 7px 0 2px; font-size: 17px; line-height: 1.45; }
.chat-content p { margin: 0; white-space: normal; line-height: 1.75; }
.chat-content strong { display: inline; margin: 0; font-size: inherit; }
.chat-content code { padding: 1px 5px; border: 1px solid var(--line); background: var(--surface); font: inherit; }
.chat-content .chat-gap { height: 3px; }
.chat-list-line { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: start; }
.chat-list-line > span { color: var(--cyan); font-weight: 700; }
.chat-message small { display: block; margin-top: 8px; color: var(--muted); }
.chat-empty { align-self: center; justify-self: center; max-width: 520px; color: var(--muted); text-align: center; }
.chat-composer { padding: 14px; border-top: 1px solid var(--line); }
.chat-composer textarea { min-height: 100px; }
.composer-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 9px; }
.composer-actions span { color: var(--muted); font-size: 11px; }

.workbench-layout { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(320px, 1.12fr); gap: 18px; }
.editor-panel { min-width: 0; padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.editor-panel h2 { font-size: 18px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.editor-panel > label, .editor-panel .form-grid { margin-bottom: 14px; }
.editor-panel textarea.article-body { min-height: 330px; }
.library-panel { min-width: 0; }
.library-toolbar, .channel-toolbar { display: grid; grid-template-columns: minmax(180px, 1fr) repeat(2, minmax(130px, auto)); gap: 8px; margin-bottom: 12px; }
.article-card.is-selected, .channel-card.is-selected { border-color: var(--cyan); background: rgba(89, 213, 229, 0.06); }
.score-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; margin-top: 12px; }
.score-row span { padding: 6px; background: var(--surface-2); color: var(--muted); font-size: 9px; text-align: center; }
.score-row strong { display: block; color: var(--text); font-size: 13px; }

.publish-layout { display: grid; grid-template-columns: minmax(260px, 0.34fr) minmax(0, 0.66fr); gap: 18px; }
.publish-selection { padding-right: 18px; border-right: 1px solid var(--line); }
.publish-selection h2 { font-size: 17px; }
.selection-block { margin-bottom: 18px; }
.selection-block label { margin-bottom: 7px; }
.article-preview { margin-top: 10px; padding: 12px; border-left: 3px solid var(--cyan); background: var(--surface); }
.article-preview strong { display: block; margin-bottom: 5px; }
.article-preview p { margin-bottom: 0; color: var(--muted); font-size: 11px; }
.channel-list-panel { min-width: 0; }
.channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.channel-state { display: inline-block; margin-bottom: 8px; color: var(--amber); font-size: 10px; font-weight: 800; }
.channel-state.account_required { color: var(--green); }
.channel-state.reference_only { color: var(--muted); }
.pagination { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 16px; }
.publication-form { margin-top: 20px; padding: 18px; border: 1px solid var(--line-strong); background: var(--surface); }
.publication-history { margin-top: 24px; }

.asset-filters { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.asset-filters button { min-height: 34px; padding: 6px 10px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); }
.asset-filters button.is-active { border-color: var(--cyan); color: var(--cyan); }
.asset-card .asset-source { color: var(--green); font-size: 10px; }
.empty-state { padding: 34px; border: 1px dashed var(--line-strong); color: var(--muted); text-align: center; }

.growth-overview { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; margin-bottom: 20px; border: 1px solid var(--line); background: var(--line); }
.growth-overview > div { min-height: 130px; padding: 20px; background: var(--surface); }
.growth-overview span { color: var(--muted); font-size: 12px; }
.growth-overview strong { display: block; margin: 8px 0; font-size: 28px; }
.growth-overview small { color: var(--muted); }
.growth-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.growth-panel { padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.growth-panel h2 { font-size: 18px; }
.device-list, .leaderboard-list { display: grid; gap: 1px; background: var(--line); }
.device-row, .leaderboard-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 11px; background: var(--surface-2); }
.device-row span, .leaderboard-row span { color: var(--muted); font-size: 11px; }
.pairing-code { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 14px 0; padding: 12px; border: 1px dashed var(--line-strong); }
.pairing-code strong { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--cyan); font-size: 20px; }

.conflict-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: -8px 0 22px; padding: 12px 14px; border: 1px solid rgba(242, 188, 85, 0.42); background: rgba(242, 188, 85, 0.07); }
.conflict-strip strong { color: var(--amber); }
.conflict-strip span { padding-right: 14px; border-right: 1px solid var(--line); color: var(--text); font-size: 12px; }
.conflict-strip small { flex: 1 1 100%; color: var(--muted); }
.report-context-note { margin: -8px 0 16px; color: var(--muted); font-size: 11px; line-height: 1.65; }
.import-success-strip { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: -4px 0 18px; padding: 15px 16px; border: 1px solid rgba(69, 214, 158, 0.55); background: rgba(69, 214, 158, 0.08); }
.import-success-strip strong { display: block; color: var(--green); font-size: 15px; }
.import-success-strip p { margin: 5px 0 0; color: var(--text); font-size: 12px; line-height: 1.65; }
.import-success-strip button { flex: 0 0 auto; }
.today-focus { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; margin-bottom: 28px; padding: 24px; border: 1px solid var(--line-strong); border-left: 4px solid var(--green); background: var(--surface); }
.today-focus h2 { margin-bottom: 8px; font-size: 24px; }
.today-focus > div > p:not(.eyebrow) { color: var(--muted); }
.today-focus dl { margin: 18px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); }
.today-focus dl div { min-width: 0; padding: 11px 12px; background: var(--surface-2); }
.today-focus dt { color: var(--muted); font-size: 10px; }
.today-focus dd { margin: 4px 0 0; overflow-wrap: anywhere; font-size: 12px; line-height: 1.55; }
.coach-question-panel { margin-bottom: 28px; padding: 22px; border: 1px solid var(--line-strong); background: var(--surface); }
.quick-question-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.quick-question-grid button { min-width: 0; padding: 14px; border: 1px solid var(--line); background: var(--surface-2); color: var(--text); text-align: left; }
.quick-question-grid button:hover { border-color: var(--cyan); }
.quick-question-grid strong, .quick-question-grid span { display: block; }
.quick-question-grid strong { margin-bottom: 7px; font-size: 14px; }
.quick-question-grid span { color: var(--muted); font-size: 11px; line-height: 1.55; }
.report-question-strip { padding-top: 24px; }
.quick-question-grid.is-compact { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.quick-question-grid.is-compact button { min-height: 92px; padding: 13px 14px; border-top: 2px solid var(--line-strong); }
.quick-question-grid.is-compact button:hover { border-top-color: var(--cyan); background: rgba(89, 213, 229, 0.05); }
.report-topic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.report-topic-card { min-width: 0; padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.report-topic-card > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.report-topic-card h3 { margin: 0; font-size: 16px; }
.report-topic-card > div > span, .report-topic-card > small { color: var(--muted); font-size: 10px; }
.report-topic-card ul { display: grid; gap: 10px; margin: 16px 0 0; padding: 0; list-style: none; }
.report-topic-card li { display: grid; gap: 4px; padding-top: 10px; border-top: 1px solid var(--line); }
.report-topic-card li strong { font-size: 12px; }
.report-topic-card li span { color: var(--muted); font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
.compact-evidence { margin-bottom: 28px; }
.action-stack { align-self: center; min-width: 132px; display: grid; gap: 8px; }
.capability-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.capability-card { min-height: 138px; display: grid; align-content: start; justify-items: start; gap: 8px; padding: 15px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--text); text-align: left; }
.capability-card:hover { border-color: var(--cyan); background: rgba(89, 213, 229, 0.05); }
.capability-card > span { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line-strong); color: var(--cyan); font-size: 11px; font-weight: 900; }
.capability-card strong { font-size: 14px; }
.capability-card small { color: var(--muted); }
.feature-unavailable { max-width: 760px; padding: clamp(24px, 5vw, 56px); border: 1px solid var(--line); background: var(--surface); }
.feature-unavailable h2 { margin: 8px 0 12px; font-size: clamp(22px, 4vw, 34px); line-height: 1.35; }
.feature-unavailable p { color: var(--muted); }
.feature-boundary-note { margin-top: 16px; }
.status-chip { flex: 0 0 auto; padding: 5px 8px; border: 1px solid var(--line); color: var(--green); font-size: 11px; }
.status-chip.is-alert { border-color: rgba(242, 188, 85, 0.5); color: var(--amber); }
.website-metric-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.website-metric-grid article { min-width: 0; padding: 15px; border: 1px solid var(--line); background: var(--surface); }
.website-metric-grid span { display: block; min-height: 34px; color: var(--muted); font-size: 11px; }
.website-metric-grid strong { display: block; margin: 8px 0 12px; color: var(--cyan); font-size: 24px; }
.subsection-heading { margin: 28px 0 12px; }
.subsection-heading h3 { margin-bottom: 4px; font-size: 17px; }
.subsection-heading p { margin: 0; color: var(--muted); font-size: 12px; }
.plain-list, .action-list { display: grid; gap: 1px; border: 1px solid var(--line); background: var(--line); }
.plain-list article, .action-list article { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 13px; padding: 13px 15px; background: var(--surface); }
.plain-list p, .action-list p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.severity { align-self: start; min-width: 44px; padding: 4px 6px; border: 1px solid var(--line-strong); color: var(--amber); font-size: 10px; text-align: center; }
.severity.critical, .severity.high { color: var(--coral); border-color: rgba(255, 125, 115, 0.45); }
.website-quality { margin-top: 16px; }
.website-quality section { padding: 16px; border: 1px solid var(--line); background: var(--surface); }
.website-quality section > div { display: grid; grid-template-columns: 110px 92px minmax(0, 1fr); gap: 10px; padding: 9px 0; border-top: 1px solid var(--line); }
.website-quality section > div span { color: var(--cyan); font-size: 12px; }
.website-quality section > div small { color: var(--muted); }
.data-table tr.is-subject td { background: rgba(89, 213, 229, 0.06); }
.action-list article > span { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid var(--line-strong); color: var(--cyan); font-weight: 900; }
.custom-channel-form { margin-bottom: 16px; padding: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; border: 1px solid var(--line-strong); background: var(--surface); }
.custom-channel-form > label:last-of-type, .custom-channel-form > div { grid-column: 1 / -1; }
.custom-channel-form > div { display: flex; gap: 12px; align-items: center; }
.connection-code { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px; border: 1px dashed var(--line-strong); background: var(--surface); }
.connection-code > div { min-width: 0; display: grid; gap: 6px; }
.connection-code span, .connection-code small { color: var(--muted); }
.connection-code strong { color: var(--cyan); font: 800 22px/1.35 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.readable-report { max-width: 1100px; padding: 16px 18px; border-left: 3px solid var(--cyan); background: var(--surface); color: var(--muted); white-space: pre-wrap; line-height: 1.75; }
.source-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.source-grid article { min-height: 120px; padding: 14px; border: 1px solid var(--line); background: var(--surface); }
.source-grid span { color: var(--cyan); font-size: 11px; }
.source-grid strong { display: block; margin: 8px 0; font-size: 25px; }
.source-grid p { margin: 0; color: var(--muted); font-size: 11px; }
.plain-card { min-width: 0; padding: 15px; border: 1px solid var(--line); background: var(--surface); }
.plain-card > span { color: var(--coral); font-size: 11px; }
.plain-card h3 { margin: 8px 0; font-size: 15px; }
.plain-card p { margin: 0; color: var(--muted); font-size: 11px; }
.competitor-card { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
.competitor-card h3 { margin-bottom: 6px; font-size: 15px; }
.competitor-card > p { color: var(--muted); font-size: 12px; }
.competitor-card dl { margin: 12px 0; display: grid; gap: 1px; background: var(--line); }
.competitor-card dl div { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 7px 8px; background: var(--surface-2); }
.competitor-card dt { color: var(--muted); font-size: 10px; }
.competitor-card dd { margin: 0; font-size: 11px; }
.competitor-card button { min-height: 34px; padding: 6px 9px; border: 1px solid var(--line-strong); background: var(--surface-2); color: var(--text); }
.plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.plan-grid > section { padding: 16px; border: 1px solid var(--line); background: var(--surface); }
.plan-grid > section > span { color: var(--amber); font-weight: 900; }
.plan-item { margin-top: 11px; padding-top: 11px; border-top: 1px solid var(--line); }
.plan-item strong { display: block; font-size: 12px; line-height: 1.55; }
.plan-item small { color: var(--muted); }
.plan-grid p { margin: 12px 0 0; color: var(--muted); font-size: 12px; }
.operating-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.operating-grid article { min-width: 0; padding: 17px; border: 1px solid var(--line); background: var(--surface); }
.operating-grid span { color: var(--muted); font-size: 11px; }
.operating-grid strong { display: block; margin: 8px 0; color: var(--cyan); font-size: 21px; overflow-wrap: anywhere; }
.operating-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.competitor-row.is-subject { padding: 10px 12px; border: 1px solid var(--line-strong); background: rgba(89, 213, 229, 0.05); }
.competitor-row.is-subject .bar-track > span { background: var(--green); }
.evidence-drawer { margin-top: 22px; border: 1px solid var(--line); background: var(--surface); }
.evidence-drawer > summary { padding: 16px 18px; cursor: pointer; color: var(--muted); font-weight: 800; }
.evidence-drawer > div { padding: 0 14px 14px; display: grid; gap: 6px; }
.report-truth-boundary { margin-bottom: 14px; padding: 13px 16px; border: 1px solid rgba(242, 188, 85, 0.42); background: rgba(242, 188, 85, 0.07); color: var(--amber); }
.report-identity, .report-family, .report-structured-item { min-width: 0; }
.report-family-list { display: grid; gap: 8px; }
.report-family { border: 1px solid var(--line); background: var(--surface); }
.report-family > summary { display: flex; justify-content: space-between; gap: 12px; padding: 14px 16px; cursor: pointer; font-weight: 800; }
.report-family > summary small { color: var(--muted); font-weight: 500; text-align: right; }
.report-family > div { display: grid; gap: 1px; padding: 0 12px 12px; background: var(--line); }
.report-structured-item { padding: 13px 14px; background: var(--surface-2); }
.report-structured-item p { margin: 5px 0; overflow-wrap: anywhere; white-space: pre-wrap; color: var(--muted); }
.report-structured-item small { color: var(--amber); }
.report-unknown { background: var(--surface-2); }
.report-basis-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0; background: var(--line); }
.report-basis-list > div { min-width: 0; padding: 12px; background: var(--surface); }
.report-basis-list dt { color: var(--muted); font-size: 11px; }
.report-basis-list dd { margin: 5px 0 0; overflow-wrap: anywhere; }

.coach-layout { grid-template-columns: minmax(0, 1fr) 320px; }
.chat-panel { min-width: 0; border: 1px solid var(--line); background: var(--surface); }
.chat-history-wrap { position: relative; min-height: 0; }
.chat-panel .chat-history { max-height: 58vh; }
.chat-message.is-user { justify-self: end; border-left: 0; border-right: 3px solid var(--cyan); background: rgba(89, 213, 229, 0.08); }
.chat-message.is-assistant { justify-self: start; border-left-color: var(--green); }
.chat-message > span { display: block; margin-bottom: 6px; color: var(--cyan); font-size: 12px; font-weight: 900; }
.chat-message p { margin: 0 0 6px; }
.chat-message p:last-child { margin-bottom: 0; }
.coach-composer { padding: 14px; border-top: 1px solid var(--line); }
.coach-composer textarea { min-height: 130px; }
.coach-composer button { margin-top: 8px; }
.coach-jump-latest { position: absolute; right: 14px; bottom: 14px; min-height: 44px; padding: 9px 12px; border: 1px solid var(--cyan); background: #10211d; color: var(--cyan); box-shadow: var(--shadow); }
.chat-panel > .muted { margin: 0; padding: 0 14px 14px; font-size: 12px; }
.coach-tools { padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.coach-tools h2 { font-size: 18px; }
.capability-stack { display: grid; gap: 6px; }
.capability-stack button { width: 100%; min-height: 66px; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 10px; padding: 9px; border: 1px solid var(--line); background: var(--surface-2); color: var(--text); text-align: left; }
.capability-stack button > span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--line-strong); color: var(--cyan); font-size: 10px; }
.capability-stack button div { display: grid; gap: 2px; }
.capability-stack small { color: var(--muted); }

.content-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 16px; }
.content-editor { min-width: 0; padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.content-editor > label, .content-editor > .form-grid { margin-bottom: 14px; }
.content-editor #contentBody { min-height: 420px; }
.platform-hint { margin: -4px 0 14px; color: var(--muted); font-size: 11px; }
.check-line { display: flex; align-items: center; gap: 8px; }
.check-line input { width: 18px; min-height: 18px; }
.draft-state { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 12px 0; padding: 11px 12px; border-left: 3px solid var(--amber); background: rgba(242, 188, 85, 0.06); }
.draft-state strong { color: var(--amber); }
.draft-state small { flex: 1 1 100%; color: var(--muted); }
.editor-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.score-panel { align-self: start; position: sticky; top: calc(var(--header-height) + 20px); padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.score-panel > strong { font-size: 48px; color: var(--green); }
.score-panel > span { color: var(--muted); }
.score-panel ul { margin: 16px 0 0; padding-left: 18px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.article-card > span, .asset-card > span, .channel-card > span { color: var(--green); font-size: 10px; }

.publish-flow { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.publish-flow aside { padding-left: 18px; border-left: 1px solid var(--line); color: var(--muted); }
.publish-flow aside ol { padding-left: 20px; line-height: 1.9; }
.publish-flow aside p { font-size: 12px; }
.article-preview { padding: 16px; }
.article-preview h2 { margin: 8px 0; font-size: 18px; }
.article-preview > span { color: var(--cyan); font-size: 11px; }
.account-channel-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.account-channel-grid a { min-height: 104px; display: grid; align-content: space-between; padding: 14px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); text-decoration: none; }
.account-channel-grid a:hover { border-color: var(--cyan); }
.account-channel-grid a > span { justify-self: end; color: var(--cyan); }
.account-channel-grid small { color: var(--muted); }
.channel-card > a { display: inline-block; margin-top: 8px; color: var(--cyan); font-weight: 800; }

.brand-list { display: grid; gap: 1px; border: 1px solid var(--line); background: var(--line); }
.brand-list > div { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 13px 14px; background: var(--surface); }
.brand-list > div > div { min-width: 0; display: grid; gap: 3px; }
.brand-list small { color: var(--muted); }
.brand-list button { min-height: 44px; padding: 9px; border: 1px solid var(--line); background: var(--surface-2); color: var(--text); }
.brand-list .is-archived { opacity: 0.75; }
.device-row div { min-width: 0; display: grid; gap: 3px; }
.device-row small { color: var(--muted); }
.leaderboard-list > div { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 11px; background: var(--surface-2); }
.leaderboard-list span { color: var(--muted); font-size: 11px; }
.ai-result { padding-bottom: 8px; }
.ai-result p { margin: 0 0 10px; line-height: 1.75; }

.feedback-button { position: fixed; right: 18px; bottom: 18px; z-index: 70; display: inline-flex; align-items: center; justify-content: center; min-width: 58px; min-height: 44px; padding: 0 14px; border: 1px solid var(--amber); background: #171b12; color: var(--amber); font-weight: 900; line-height: 1; white-space: nowrap; box-shadow: var(--shadow); }
.toast { position: fixed; left: 50%; bottom: 20px; z-index: 160; max-width: min(540px, calc(100% - 32px)); transform: translate(-50%, 120px); padding: 11px 15px; border: 1px solid var(--line-strong); background: #10211d; color: var(--text); line-height: 1.45; overflow-wrap: anywhere; box-shadow: var(--shadow); opacity: 0; transition: 0.2s ease; pointer-events: none; }
.toast.is-visible { transform: translate(-50%, 0); opacity: 1; }
.toast.is-error { border-color: var(--coral); }

.intel-refresh-section, .intel-refresh-section .section-heading > div { min-width: 0; }
.intel-refresh-section.is-failed { border-top-color: var(--coral); }
.intel-progress { width: 100%; height: 8px; background: #11231f; overflow: hidden; }
.intel-progress > span { display: block; height: 100%; background: var(--cyan); transition: width 0.2s ease; }
.intel-run-meta { margin: 0; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.intel-counts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 26px; border-block: 1px solid var(--line); }
.intel-counts > div { min-width: 0; padding: 13px 16px; border-right: 1px solid var(--line); }
.intel-counts > div:last-child { border-right: 0; }
.intel-counts span { display: block; color: var(--muted); font-size: 11px; }
.intel-counts strong { display: block; margin-top: 4px; color: var(--cyan); font-size: 22px; }
.intel-result-group { padding-top: 8px; }
.intel-result-group + .intel-result-group { margin-top: 24px; }
.intel-result-group > h3 { margin: 0; padding-bottom: 10px; border-bottom: 1px solid var(--line-strong); font-size: 15px; }
.intel-result-list article { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 0.45fr); gap: 24px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.intel-result-list article > div, .intel-result-list dl { min-width: 0; }
.intel-result-list a { color: var(--cyan); font-weight: 800; overflow-wrap: anywhere; }
.intel-result-list p { margin: 7px 0 0; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.intel-result-list dl { margin: 0; display: grid; align-content: start; gap: 5px; }
.intel-result-list dl > div { min-width: 0; display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 8px; font-size: 11px; }
.intel-result-list dt { color: var(--muted); }
.intel-result-list dd { margin: 0; overflow-wrap: anywhere; }
.intel-refresh-form { min-width: 0; }
.intel-scope-summary { min-width: 0; padding: 13px 14px; border-left: 3px solid var(--cyan); background: var(--surface-2); }
.intel-scope-summary span, .intel-scope-summary small { display: block; color: var(--muted); }
.intel-scope-summary strong { display: block; margin: 5px 0; overflow-wrap: anywhere; }
.intel-domain-field { min-width: 0; display: grid; gap: 6px; }
.intel-domain-field input { width: 100%; min-width: 0; }
.intel-domain-field small { color: var(--muted); }
.intel-domain-confirmation { padding-top: 12px; border-top: 1px solid var(--line); }
.intel-domain-confirmation span { color: var(--cyan); overflow-wrap: anywhere; }
.intel-truth-boundary { margin: 0 0 16px; padding: 11px 13px; border-left: 3px solid var(--amber); background: rgba(242, 188, 85, 0.07); color: var(--text-soft); overflow-wrap: anywhere; }
.intel-comparison-groups { min-width: 0; display: grid; gap: 14px; margin: 16px 0; }
.intel-comparison-group { min-width: 0; padding: 14px; border: 1px solid var(--line); background: var(--surface); }
.intel-comparison-group > h3 { margin: 0 0 12px; color: var(--cyan); font-size: 15px; }
.intel-comparison-row { min-width: 0; padding: 12px 0; border-top: 1px solid var(--line); }
.intel-comparison-row > header { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.intel-comparison-row > header strong { overflow-wrap: anywhere; }
.intel-comparison-row > div { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 9px; }
.intel-comparison-row > div > section { min-width: 0; padding: 10px; background: var(--surface-2); }
.intel-comparison-latest-only { min-width: 0; margin-top: 9px; padding: 10px; background: var(--surface-2); }
.intel-comparison-row small { color: var(--muted); }
.intel-comparison-row p { margin: 5px 0 0; line-height: 1.55; overflow-wrap: anywhere; }
.intel-comparison-result { flex: 0 0 auto; padding: 3px 7px; border: 1px solid rgba(101, 220, 207, 0.28); color: var(--cyan); font-size: 11px; font-weight: 900; }
.intel-comparison-result.is-conflict { border-color: rgba(242, 188, 85, 0.38); color: var(--amber); }
.intel-comparison-result.is-changed { border-color: rgba(107, 208, 157, 0.36); color: var(--green); }
.intel-comparison-evidence { margin-top: 8px; }
.intel-comparison-evidence > summary { min-height: 44px; display: flex; align-items: center; color: var(--cyan); cursor: pointer; }
.intel-comparison-evidence a { min-height: 44px; display: inline-flex; align-items: center; color: var(--cyan); overflow-wrap: anywhere; }
.intel-comparison-summary { min-width: 0; margin: 12px 0; border: 1px solid var(--line); background: var(--surface); }
.intel-comparison-summary > summary { min-height: 44px; display: flex; align-items: center; padding: 0 13px; color: var(--text-soft); font-weight: 800; cursor: pointer; }
.intel-comparison-summary > .intel-comparison-groups { margin: 0; padding: 0 13px 13px; }
.intel-uncovered-summary > summary { color: var(--muted); }
.intel-uncovered-breakdown { min-width: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; border-top: 1px solid var(--line); background: var(--line); }
.intel-uncovered-breakdown > span { min-width: 0; display: grid; gap: 4px; padding: 11px 13px; background: var(--surface-2); color: var(--muted); font-size: 12px; }
.intel-uncovered-breakdown strong { color: var(--text-soft); overflow-wrap: anywhere; }
.intel-fact-grid { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.intel-run-summary { min-width: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 14px 0; border: 1px solid var(--line); background: var(--line); }
.intel-run-summary > div { min-width: 0; padding: 14px; background: var(--surface); }
.intel-run-summary span, .intel-run-summary small { display: block; color: var(--muted); font-size: 12px; }
.intel-run-summary strong { display: block; margin: 6px 0 0; overflow-wrap: anywhere; }
.intel-metric-layers { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 16px 0; border: 1px solid var(--line); background: var(--line); }
.intel-metric-layers > section { min-width: 0; padding: 14px; background: var(--surface); }
.intel-metric-layers h3 { margin: 0 0 11px; font-size: 14px; }
.intel-metric-list { min-width: 0; display: grid; gap: 9px; }
.intel-metric-list > div { min-width: 0; padding-bottom: 9px; border-bottom: 1px solid var(--line); }
.intel-metric-list > div:last-child { padding-bottom: 0; border-bottom: 0; }
.intel-metric-list span, .intel-metric-list strong, .intel-metric-list small, .intel-metric-list a { display: block; overflow-wrap: anywhere; }
.intel-metric-list span, .intel-metric-list small { color: var(--muted); font-size: 11px; }
.intel-metric-list strong { margin: 4px 0; font-size: 13px; line-height: 1.55; }
.intel-metric-list a { min-height: 44px; padding-top: 6px; color: var(--cyan); font-size: 11px; }
.intel-probe-status { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; margin: -1px 0 16px; padding: 11px 13px; border: 1px solid var(--line); background: var(--surface-2); }
.intel-probe-status strong { color: var(--cyan); font-size: 12px; }
.intel-probe-status span { color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.intel-fact-evidence { margin-top: 14px; border-top: 1px solid var(--line); }
.intel-fact-evidence > summary { min-height: 44px; display: flex; align-items: center; color: var(--cyan); cursor: pointer; }
.intel-all-evidence { margin-top: 16px; border-top: 1px solid var(--line); }
.intel-all-evidence > summary { min-height: 44px; display: flex; align-items: center; color: var(--cyan); cursor: pointer; }
.intel-evidence-index { display: grid; gap: 7px; margin-top: 12px; }
.intel-evidence-index a { min-width: 0; padding: 9px 10px; border-left: 2px solid var(--cyan); background: var(--surface); text-decoration: none; overflow-wrap: anywhere; }
.intel-evidence-index strong, .intel-evidence-index small { display: block; }
.intel-evidence-index small { margin-top: 3px; color: var(--muted); }
.intel-fact-card { min-width: 0; padding: 15px; border: 1px solid var(--line); background: var(--surface-2); }
.intel-fact-card-heading { min-width: 0; display: flex; justify-content: space-between; gap: 10px; }
.intel-fact-card-heading span { color: var(--cyan); font-size: 11px; font-weight: 900; }
.intel-fact-card-heading small { color: var(--muted); overflow-wrap: anywhere; }
.intel-fact-card h3 { margin: 9px 0; font-size: 16px; line-height: 1.55; overflow-wrap: anywhere; }
.intel-fact-card > p { color: var(--text-soft); overflow-wrap: anywhere; }
.intel-fact-card dl { min-width: 0; margin: 12px 0; display: grid; gap: 1px; background: var(--line); }
.intel-fact-card dl > div { min-width: 0; display: grid; grid-template-columns: minmax(92px, 0.34fr) minmax(0, 0.66fr); gap: 9px; padding: 8px 9px; background: var(--surface); font-size: 11px; }
.intel-fact-card dt { color: var(--muted); }
.intel-fact-card dd { margin: 0; overflow-wrap: anywhere; }
.intel-source-details { min-width: 0; border-top: 1px solid var(--line); }
.intel-source-details summary { min-height: 44px; display: flex; align-items: center; color: var(--cyan); cursor: pointer; overflow-wrap: anywhere; }
.intel-source-details > div { min-width: 0; display: grid; gap: 7px; padding-bottom: 8px; }
.intel-source-details a { min-width: 0; padding: 8px 10px; border-left: 2px solid var(--cyan); background: var(--surface); text-decoration: none; overflow-wrap: anywhere; }
.intel-source-details a strong, .intel-source-details a small { display: block; overflow-wrap: anywhere; }
.intel-source-details a small { margin-top: 3px; color: var(--muted); }
.flywheel-truth-grid { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); }
.flywheel-truth-grid article { min-width: 0; padding: 15px; background: var(--surface-2); }
.flywheel-truth-grid span { color: var(--muted); font-size: 11px; }
.flywheel-truth-grid strong { display: block; margin: 7px 0; color: var(--cyan); overflow-wrap: anywhere; }
.flywheel-truth-grid p { margin: 0; color: var(--text-soft); font-size: 12px; overflow-wrap: anywhere; }
.leaderboard-empty { padding: 14px; border-left: 3px solid var(--amber); background: var(--surface-2); }
.leaderboard-empty p, .current-rank { margin-bottom: 0; color: var(--muted); overflow-wrap: anywhere; }
.current-rank strong { color: var(--cyan); }
.toolkit-slot-grid { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 16px 0; }
.toolkit-slot { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 15px; border: 1px solid var(--line); background: var(--surface-2); }
.toolkit-slot.is-primary { border-color: var(--line-strong); }
.toolkit-slot > span, .toolkit-slot > small { color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.toolkit-slot h3 { margin: 7px 0; font-size: 16px; overflow-wrap: anywhere; }
.toolkit-slot p { margin: 0 0 12px; color: var(--text-soft); overflow-wrap: anywhere; }
.toolkit-slot a { width: 100%; min-height: 44px; margin-top: auto; }
.private-company-preview { min-width: 0; display: grid; gap: 14px; }
.private-company-preview > header { min-width: 0; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.private-company-preview > header h3 { margin: 8px 0; font-size: clamp(22px, 3vw, 31px); overflow-wrap: anywhere; }
.private-company-preview > header p { margin: 0; color: var(--text-soft); overflow-wrap: anywhere; }
.private-company-preview > p { display: grid; gap: 7px; }
.preview-source-badge { width: fit-content; padding: 3px 7px; border: 1px solid var(--line-strong); color: var(--cyan); font-size: 10px; }
.private-company-preview dl dd { display: grid; gap: 4px; }
.private-company-preview dl small, .private-preview-fallback small { color: var(--muted); }
.private-preview-grid { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.private-preview-section { min-width: 0; padding: 13px; border: 1px solid var(--line); background: var(--surface-2); }
.private-preview-section > div { min-width: 0; display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.private-preview-section h4 { min-width: 0; margin: 0; font-size: 15px; overflow-wrap: anywhere; }
.private-preview-section > div > span { flex: 0 0 auto; max-width: 48%; color: var(--cyan); font-size: 10px; text-align: right; overflow-wrap: anywhere; }
.private-preview-section > section { min-width: 0; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line); }
.private-preview-section > section:first-of-type { border-top: 0; padding-top: 0; }
.private-preview-section p { margin: 8px 0 0; color: var(--text-soft); line-height: 1.72; overflow-wrap: anywhere; }
.private-preview-section.is-missing { border-style: dashed; }
.private-preview-section.is-missing > div > span { color: var(--muted); }
.private-preview-sources { min-width: 0; display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.private-preview-sources > span { min-width: 0; max-width: 100%; padding: 6px 8px; border-left: 2px solid var(--cyan); background: var(--surface); font-size: 10px; overflow-wrap: anywhere; }
.private-preview-sources a, .private-preview-sources strong { color: var(--text); font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.private-preview-sources small { display: block; margin-top: 2px; color: var(--muted); overflow-wrap: anywhere; }
.private-preview-source-empty { display: block; margin-top: 8px; color: var(--muted); }
.private-preview-all-sources { min-width: 0; border-top: 1px solid var(--line); }
.private-preview-all-sources > summary { min-height: 44px; display: flex; justify-content: space-between; align-items: center; gap: 12px; color: var(--cyan); cursor: pointer; overflow-wrap: anywhere; }
.private-preview-all-sources > summary small { color: var(--muted); }
.private-preview-missing { min-width: 0; padding: 12px 13px; border-left: 3px solid var(--amber); background: rgba(242, 188, 85, 0.07); }
.private-preview-missing p { margin: 5px 0 9px; color: var(--text-soft); overflow-wrap: anywhere; }
.sensitive-preview-note { padding: 11px 13px; border-left: 3px solid var(--amber); background: rgba(242, 188, 85, 0.07); }
.private-report-claims { min-width: 0; border-top: 1px solid var(--line); }
.private-report-claims > summary { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--cyan); cursor: pointer; overflow-wrap: anywhere; }
.private-report-claims > summary small { color: var(--muted); white-space: nowrap; }
.private-report-claims > div { min-width: 0; display: grid; gap: 12px; padding: 10px 0; }
.private-report-claims section { min-width: 0; }
.private-report-claims h4 { margin: 0 0 7px; color: var(--text-soft); }
.private-report-claims article { min-width: 0; padding: 11px; border: 1px solid var(--line); background: var(--surface-2); }
.private-report-claims article + article { margin-top: 7px; }
.private-report-claims article p { margin: 8px 0; overflow-wrap: anywhere; }
.private-report-claims article small, .private-report-claims > p { color: var(--muted); overflow-wrap: anywhere; }
.private-report-claims article a { color: var(--cyan); overflow-wrap: anywhere; }
.private-preview-fallback { display: grid; gap: 1px; background: var(--line); }
.private-preview-fallback > div { min-width: 0; padding: 11px; background: var(--surface-2); }
.private-preview-fallback p { margin: 6px 0; overflow-wrap: anywhere; }
.intel-platform-status { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.intel-platform-status span { padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: var(--surface-2); font-size: 12px; }
.brand-baseline-section, .brand-baseline-section .section-heading > div { min-width: 0; }
.brand-baseline-section.is-failed { border-top-color: var(--coral); }
.baseline-progress { width: 100%; height: 8px; margin-bottom: 12px; background: #11231f; overflow: hidden; }
.baseline-progress > span { display: block; height: 100%; background: var(--cyan); transition: width 0.2s ease; }
.baseline-question-list { min-width: 0; display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0; }
.baseline-question-list span { min-width: 0; padding: 7px 9px; border: 1px solid var(--line); background: var(--surface-2); color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.baseline-actions { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0; }
.section-heading > .baseline-actions { justify-content: flex-end; margin: 0; }
.baseline-actions small { flex: 1 1 100%; color: var(--muted); text-align: right; }
.baseline-state-note, .baseline-run-meta { margin: 10px 0; color: var(--muted); font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
.baseline-run-result { min-width: 0; padding-top: 4px; }
.baseline-run-meta { display: flex; flex-wrap: wrap; gap: 6px; }
.baseline-run-meta span { min-width: 0; padding: 5px 7px; border: 1px solid var(--line); background: var(--surface-2); overflow-wrap: anywhere; }
.baseline-diff-summary { min-width: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 14px 0 18px; border-block: 1px solid var(--line); }
.baseline-diff-summary > div { min-width: 0; padding: 11px 12px; border-right: 1px solid var(--line); }
.baseline-diff-summary > div:last-child { border-right: 0; }
.baseline-diff-summary span { display: block; color: var(--muted); font-size: 11px; }
.baseline-diff-summary strong { display: block; margin-top: 4px; color: var(--cyan); font-size: 20px; }
.baseline-observation-list { min-width: 0; display: grid; gap: 8px; }
.baseline-observation { min-width: 0; border: 1px solid var(--line); background: var(--surface-2); }
.baseline-observation > summary { min-width: 0; min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 13px; cursor: pointer; list-style: none; }
.baseline-observation > summary::-webkit-details-marker { display: none; }
.baseline-observation > summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: -3px; }
.baseline-observation > summary span { min-width: 0; }
.baseline-observation > summary strong, .baseline-observation > summary small { display: block; overflow-wrap: anywhere; }
.baseline-observation > summary small, .baseline-observation > summary > span:last-child { color: var(--muted); font-size: 11px; }
.baseline-observation-body { min-width: 0; padding: 14px; border-top: 1px solid var(--line); }
.baseline-question { margin: 0 0 12px; color: var(--muted); overflow-wrap: anywhere; }
.baseline-question strong { display: block; color: var(--cyan); font-size: 11px; }
.baseline-answer { min-width: 0; padding: 13px; border-left: 3px solid var(--cyan); background: var(--surface); color: var(--text); white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.75; }
.baseline-observation-meta { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 12px 0 0; background: var(--line); }
.baseline-observation-meta > div { min-width: 0; padding: 9px 10px; background: var(--surface); }
.baseline-observation-meta dt { color: var(--muted); font-size: 10px; }
.baseline-observation-meta dd { margin: 4px 0 0; font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
.baseline-hash { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; word-break: break-all; }
.baseline-dialog { min-width: 0; }
.baseline-scope-summary { min-width: 0; padding: 13px 14px; border-left: 3px solid var(--cyan); background: var(--surface-2); }
.baseline-scope-summary span, .baseline-scope-summary strong, .baseline-scope-summary small { display: block; overflow-wrap: anywhere; }
.baseline-scope-summary span, .baseline-scope-summary small { color: var(--muted); }
.baseline-scope-summary strong { margin: 5px 0; }
.baseline-dialog-questions { min-width: 0; margin: 0; padding-left: 24px; display: grid; gap: 9px; }
.baseline-dialog-questions li { min-width: 0; padding-left: 4px; }
.baseline-dialog-questions strong, .baseline-dialog-questions span { display: block; overflow-wrap: anywhere; }
.baseline-dialog-questions span { margin-top: 3px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.baseline-manual-answers { min-width: 0; display: grid; gap: 12px; }
.baseline-manual-answers fieldset { min-width: 0; margin: 0; padding: 13px; border: 1px solid var(--line); }
.baseline-manual-answers legend { max-width: 100%; padding: 0 6px; color: var(--cyan); font-weight: 800; overflow-wrap: anywhere; }
.baseline-manual-answers fieldset > p { margin: 0 0 11px; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.baseline-manual-answers label + label { margin-top: 10px; }
.shared-digest-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.shared-digest-card { min-width: 0; padding: 16px; border: 1px solid var(--line); background: var(--surface-2); }
.shared-digest-card > span, .shared-digest-card > small { color: var(--muted); font-size: 12px; }
.shared-digest-card h3 { margin: 7px 0 11px; }
.shared-digest-card > div { display: grid; gap: 8px; margin-bottom: 10px; }
.shared-digest-card a { min-width: 0; padding: 10px; border-left: 2px solid var(--cyan); color: var(--text); background: var(--surface); text-decoration: none; }
.shared-digest-card a strong, .shared-digest-card a small, .shared-digest-card a p { display: block; max-width: 100%; overflow-wrap: anywhere; }
.shared-digest-card a small { margin-top: 3px; color: var(--muted); }
.shared-digest-card a p { margin: 7px 0 0; color: var(--text-soft); }
.digest-top-entry { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; margin: 0 0 14px; padding: 14px 16px; border: 1px solid var(--line-strong); background: var(--surface-2); }
.digest-top-entry span, .digest-top-entry strong, .digest-top-entry small { display: block; overflow-wrap: anywhere; }
.digest-top-entry span { color: var(--cyan); font-size: 12px; font-weight: 800; }
.digest-top-entry strong { margin: 4px 0; }
.digest-top-entry small { color: var(--muted); }
.digest-item-meta { min-width: 0; display: flex; flex-wrap: wrap; gap: 3px 10px; margin-top: 5px; }
.digest-item-meta small { min-width: 0; max-width: 100%; }
.public-page-entry .section-heading { align-items: center; }
.observation-next-step { min-width: 0; display: grid; grid-template-columns: minmax(112px, auto) minmax(0, 1fr); gap: 10px; padding: 11px 13px; border-left: 3px solid var(--cyan); background: var(--surface-2); }
.observation-next-step span { color: var(--muted); font-size: 11px; }
.observation-next-step strong { overflow-wrap: anywhere; }
.observation-public-result { min-width: 0; display: grid; gap: 9px; margin-top: 14px; }
.observation-public-result > span, .observation-public-boundary { color: var(--muted); font-size: 11px; }
.observation-public-boundary { display: block; margin-top: 12px; overflow-wrap: anywhere; }
.material-route-summary { min-width: 0; display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.material-route-summary span { min-width: 0; padding: 5px 7px; border: 1px solid var(--line); color: var(--text-soft); font-size: 10px; overflow-wrap: anywhere; }
.observation-paths { min-width: 0; margin-top: 12px; border-top: 1px solid var(--line); padding-top: 11px; }
.observation-paths > summary { min-height: 40px; display: flex; align-items: center; color: var(--cyan); cursor: pointer; font-weight: 800; }
.observation-paths > div, .observation-link-grid { min-width: 0; display: flex; flex-wrap: wrap; gap: 8px; padding: 8px 0; }
.observation-paths a { min-height: 40px; display: inline-flex; align-items: center; padding: 8px 10px; border: 1px solid var(--line-strong); color: var(--text); text-decoration: none; overflow-wrap: anywhere; }
.observation-paths small { display: block; color: var(--muted); overflow-wrap: anywhere; }
.public-preview { min-width: 0; }
.public-preview p, .public-preview-body { max-width: 100%; overflow-wrap: anywhere; white-space: pre-wrap; }
.public-preview-body { max-height: 42vh; padding: 13px; overflow: auto; border-left: 3px solid var(--cyan); background: var(--surface-2); line-height: 1.7; }
.blocked-public-preview .public-block-reason { padding: 12px 14px; border-left: 3px solid var(--amber); background: rgba(242, 188, 85, 0.07); color: var(--amber); }
.observation-published-links { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.observation-published-links > a { min-width: 0; min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 11px; border: 1px solid var(--line-strong); color: var(--text); text-decoration: none; overflow-wrap: anywhere; }
.observation-published-links > a > span { min-width: 0; }
.observation-published-links > a strong, .observation-published-links > a small, .observation-published-links > details a strong, .observation-published-links > details a small { display: block; max-width: 100%; overflow-wrap: anywhere; }
.observation-published-links > a small, .observation-published-links > details a small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.observation-published-links > a b { flex: 0 0 auto; color: var(--cyan); }
.observation-published-links > details { grid-column: 1 / -1; min-width: 0; border-top: 1px solid var(--line); }
.observation-published-links > details summary { min-height: 44px; display: flex; align-items: center; color: var(--cyan); cursor: pointer; }
.observation-published-links > details a { min-width: 0; display: block; padding: 9px 10px; border-left: 2px solid var(--cyan); color: var(--text); overflow-wrap: anywhere; }

.app-dialog { width: min(680px, calc(100% - 28px)); max-height: min(86vh, 900px); padding: 0; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--surface); color: var(--text); box-shadow: var(--shadow); overflow: auto; }
.app-dialog::backdrop { background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(4px); }
.dialog-heading { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 20px; border-bottom: 1px solid var(--line); background: var(--surface); }
.dialog-heading h2 { margin: 0; font-size: 21px; }
.app-dialog > p, .app-dialog > label, .app-dialog > dl, .app-dialog > div:not(.dialog-heading):not(.dialog-actions) { margin-left: 20px; margin-right: 20px; }
.app-dialog > label { margin-top: 16px; }
.detail-dialog #detailBody { margin-top: 18px; margin-bottom: 22px; }
.detail-content { display: grid; gap: 12px; }
.correction-form label { display: grid; gap: 6px; }
.correction-original { padding: 13px; border-left: 3px solid var(--amber); background: var(--surface-2); }
.correction-original span, .correction-original small { color: var(--muted); }
.correction-original p { margin: 7px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.detail-content dl { margin: 0; display: grid; gap: 1px; background: var(--line); }
.detail-content dl div { display: grid; grid-template-columns: 140px 1fr; gap: 12px; padding: 10px 12px; background: var(--surface-2); }
.detail-content dt { color: var(--muted); }
.detail-content dd { margin: 0; overflow-wrap: anywhere; }
.detail-raw { padding: 13px; border-left: 3px solid var(--cyan); background: #07120f; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; }
.confirmation-list { display: grid; gap: 1px; padding: 0; background: var(--line); }
.confirmation-list div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; padding: 11px; background: var(--surface-2); }
.confirmation-list dt { color: var(--muted); }
.confirmation-list dd { margin: 0; text-align: right; }
.confirm-checkbox { display: flex !important; grid-template-columns: none; align-items: flex-start; gap: 9px; }
.confirm-checkbox input { width: 18px; min-height: 18px; margin-top: 2px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; padding: 16px 20px; border-top: 1px solid var(--line); }
.account-body { display: grid; gap: 12px; }
.password-form { display: grid; gap: 14px; padding: 18px 20px 0; }
.password-form p { margin: 0; line-height: 1.65; }

.feedback-button.learning-assistant-button { min-width: 132px; border-color: var(--cyan); background: #0c211d; color: var(--cyan); }
.has-learning-assistant .screen, .has-learning-assistant .entry-screen, .has-learning-assistant .report-intake { padding-bottom: 96px; }
.learning-assistant-dialog { width: min(1120px, calc(100% - 28px)); max-height: min(90vh, 920px); overflow: hidden; }
.app-dialog > .learning-assistant-body { margin: 0; }
.learning-assistant-body { min-width: 0; max-height: calc(min(90vh, 920px) - 82px); overflow: auto; }
.dialog-heading-actions { display: flex; align-items: center; gap: 8px; }
.learning-shell { min-width: 0; display: grid; grid-template-columns: minmax(230px, 0.34fr) minmax(0, 1fr); }
.learning-catalog, .learning-workspace, .learning-reader, .learning-reader-nav, .learning-reader-content { min-width: 0; }
.learning-catalog { padding: 18px; border-right: 1px solid var(--line); background: #071713; }
.learning-catalog > h3 { margin: 4px 0 7px; }
.learning-catalog > p:not(.eyebrow) { margin: 0 0 14px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.learning-course-list { display: grid; gap: 8px; }
.learning-course-card { min-width: 0; display: grid; gap: 5px; padding: 12px; border: 1px solid var(--line); background: var(--surface); color: var(--text); text-align: left; }
.learning-course-card:hover, .learning-course-card.is-active { border-color: var(--cyan); background: rgba(58, 226, 196, 0.06); }
.learning-course-card span, .learning-course-card small { color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.learning-course-card strong { overflow-wrap: anywhere; }
.learning-source-meta { min-width: 0; display: grid; gap: 1px; margin: 14px 0 0; border: 1px solid var(--line); background: var(--line); }
.learning-source-meta > div { min-width: 0; display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 8px; padding: 8px 9px; background: var(--surface); font-size: 11px; }
.learning-source-meta dt { color: var(--muted); }
.learning-source-meta dd { margin: 0; overflow-wrap: anywhere; }
.learning-course-home { display: flex; justify-content: space-between; gap: 8px; margin-top: 9px; padding: 10px 11px; border: 1px solid var(--cyan); color: var(--cyan); font-weight: 800; text-decoration: none; }
.learning-workspace { display: grid; align-content: start; }
.learning-brand-boundary, .learning-login-boundary { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, 0.42fr); align-items: end; gap: 12px 18px; padding: 15px 18px; border-bottom: 1px solid var(--line); background: rgba(242, 188, 85, 0.055); }
.learning-brand-boundary h3 { margin: 3px 0 5px; }
.learning-brand-boundary p, .learning-login-boundary p { margin: 0; color: var(--text-soft); font-size: 12px; line-height: 1.55; }
.learning-brand-boundary label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; }
.learning-brand-boundary select { width: 100%; min-width: 0; }
.learning-brand-boundary > small { grid-column: 1 / -1; color: var(--muted); }
.learning-login-boundary { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.learning-reader { display: grid; grid-template-columns: minmax(190px, 0.32fr) minmax(0, 1fr); min-height: 520px; }
.learning-reader-nav { padding: 12px; border-right: 1px solid var(--line); background: var(--surface-2); overflow: auto; }
.learning-chapter-nav { display: grid; gap: 6px; }
.learning-chapter-nav button { min-width: 0; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 2px 7px; padding: 9px; border: 1px solid transparent; background: transparent; color: var(--text); text-align: left; }
.learning-chapter-nav button:hover, .learning-chapter-nav button.is-active { border-color: var(--line-strong); background: var(--surface); }
.learning-chapter-nav button > span { grid-row: 1 / 3; display: grid; place-items: center; width: 28px; height: 28px; color: var(--cyan); border: 1px solid var(--line); font-size: 11px; }
.learning-chapter-nav strong, .learning-chapter-nav small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.learning-chapter-nav small { color: var(--muted); font-size: 10px; }
.learning-reader-content { padding: 18px; overflow: auto; }
.learning-chapter-heading { min-width: 0; display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.learning-chapter-heading > div { min-width: 0; }
.learning-chapter-heading span { color: var(--cyan); font-size: 11px; }
.learning-chapter-heading h3 { margin: 5px 0; overflow-wrap: anywhere; }
.learning-chapter-heading p { margin: 0; color: var(--text-soft); line-height: 1.65; overflow-wrap: anywhere; }
.learning-progress { flex: 0 0 auto; min-width: 76px; padding: 9px; border: 1px solid var(--line); text-align: center; }
.learning-progress strong, .learning-progress span { display: block; }
.learning-progress strong { color: var(--cyan); font-size: 21px; }
.learning-progress span { margin-top: 2px; color: var(--muted); font-size: 10px; }
.learning-course-locator { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; margin-top: 16px; padding: 14px; border-left: 3px solid var(--cyan); background: var(--surface-2); }
.learning-course-locator p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.learning-course-locator a { padding: 9px 11px; border: 1px solid var(--cyan); color: var(--cyan); font-weight: 800; text-decoration: none; white-space: nowrap; }
.learning-source-meta.is-chapter { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.learning-source-meta.is-chapter > div { display: block; }
.learning-source-meta.is-chapter dd { margin-top: 4px; }
.learning-chapter-actions { display: flex; align-items: center; gap: 12px; margin-top: 13px; }
.learning-chapter-actions small { color: var(--muted); }
.learning-question, .learning-answer { min-width: 0; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.learning-question > div h3 { margin: 4px 0; }
.learning-question > div p { margin: 0 0 12px; color: var(--muted); }
.learning-question label { display: grid; gap: 6px; }
.learning-question button { margin-top: 10px; }
.learning-answer-copy { padding: 13px; border-left: 3px solid var(--cyan); background: var(--surface-2); overflow-wrap: anywhere; }
.learning-unknowns, .learning-next-action, .learning-private-note { margin: 12px 0 0; padding: 11px 12px; background: var(--surface-2); }
.learning-private-note { border-left: 3px solid var(--amber); color: var(--text-soft); }
.learning-sources { margin-top: 12px; }
.learning-sources > summary { color: var(--cyan); cursor: pointer; }
.learning-evidence-list { display: grid; gap: 7px; margin-top: 9px; }
.learning-evidence-list article { min-width: 0; padding: 10px; border-left: 2px solid var(--cyan); background: var(--surface-2); }
.learning-evidence-list strong, .learning-evidence-list span { display: block; overflow-wrap: anywhere; }
.learning-evidence-list span { color: var(--muted); font-size: 11px; }
.learning-evidence-list p { margin: 5px 0 0; color: var(--text-soft); }
.learning-unified-query, .learning-route-result, .learning-route-heading, .learning-route-sources, .learning-route-actions { min-width: 0; }
.learning-route-result { margin-top: 16px; padding: 14px; border: 1px solid var(--line-strong); border-left: 3px solid var(--cyan); background: #071713; }
.learning-route-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.learning-route-heading h3 { margin: 4px 0; overflow-wrap: anywhere; }
.learning-route-heading p:not(.eyebrow) { margin: 0; color: var(--text-soft); line-height: 1.6; overflow-wrap: anywhere; }
.learning-route-trace { min-width: 0; display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }
.learning-route-trace span { max-width: 100%; padding: 4px 7px; border: 1px solid var(--line); color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.learning-route-trace span[data-matched="true"] { border-color: rgba(58, 226, 196, 0.48); color: var(--cyan); }
.learning-route-sources { display: grid; gap: 1px; margin-top: 12px; background: var(--line); }
.learning-route-sources article { min-width: 0; padding: 10px 11px; background: var(--surface-2); }
.learning-route-sources strong, .learning-route-sources span { display: block; overflow-wrap: anywhere; }
.learning-route-sources span { margin-top: 3px; color: var(--muted); font-size: 10px; }
.learning-route-sources p, .learning-route-empty { margin: 6px 0 0; color: var(--text-soft); line-height: 1.6; overflow-wrap: anywhere; }
.learning-route-actions { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.learning-route-actions a { text-decoration: none; }
.learning-route-actions small { color: var(--muted); line-height: 1.5; overflow-wrap: anywhere; }
.prompt-growth-panel { min-width: 0; border-top-color: var(--cyan); }
.prompt-growth-panel > .section-heading { align-items: center; }
.prompt-growth-details { min-width: 0; display: grid; gap: 14px; margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--line); }
.prompt-growth-contract { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.prompt-growth-contract > div { min-width: 0; padding: 10px 12px; background: var(--surface-2); }
.prompt-growth-contract span, .prompt-growth-contract strong { display: block; overflow-wrap: anywhere; }
.prompt-growth-contract span { color: var(--muted); font-size: 11px; }
.prompt-growth-contract strong { margin-top: 4px; font-size: 12px; }
.prompt-growth-details fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.prompt-growth-details legend { margin-bottom: 8px; font-weight: 800; }
.prompt-growth-modules { min-width: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.prompt-growth-module { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 7px; padding: 10px; border: 1px solid var(--line); background: var(--surface-2); cursor: pointer; }
.prompt-growth-module.is-selected { border-color: var(--cyan); background: rgba(58, 226, 196, 0.06); }
.prompt-growth-module input { width: 16px; min-height: 16px; margin-top: 1px; accent-color: var(--cyan); }
.prompt-growth-module span, .prompt-growth-module strong, .prompt-growth-module small { min-width: 0; display: block; overflow-wrap: anywhere; }
.prompt-growth-module strong { font-size: 12px; line-height: 1.45; }
.prompt-growth-module small { margin-top: 4px; color: var(--muted); font-size: 10px; }
.prompt-growth-actions { display: flex; align-items: center; gap: 12px; }
.prompt-growth-actions small { color: var(--muted); }
.prompt-growth-run { min-width: 0; padding: 14px; border: 1px solid var(--line); background: #071713; }
.prompt-growth-run-heading { min-width: 0; display: flex; justify-content: space-between; gap: 12px; }
.prompt-growth-run-heading span, .prompt-growth-run-heading strong { display: block; }
.prompt-growth-run-heading span, .prompt-growth-run-heading small { color: var(--muted); overflow-wrap: anywhere; }
.prompt-growth-run-heading strong { margin-top: 3px; color: var(--cyan); }
.prompt-growth-progress { height: 7px; margin: 11px 0; background: var(--surface-2); overflow: hidden; }
.prompt-growth-progress > span { display: block; height: 100%; background: var(--cyan); }
.prompt-growth-run dl { min-width: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; margin: 0 0 12px; background: var(--line); }
.prompt-growth-run dl > div { min-width: 0; padding: 9px; background: var(--surface); }
.prompt-growth-run dt { color: var(--muted); font-size: 10px; }
.prompt-growth-run dd { margin: 4px 0 0; font-size: 11px; overflow-wrap: anywhere; }
.prompt-growth-draft { min-width: 0; display: grid; gap: 9px; margin-top: 13px; padding: 13px; border-left: 3px solid var(--amber); background: var(--surface); }
.prompt-growth-draft > div:first-child { display: flex; justify-content: space-between; gap: 12px; }
.prompt-growth-draft > div:first-child span, .prompt-growth-draft > small { color: var(--muted); font-size: 11px; }
.prompt-growth-draft-copy { max-height: 300px; padding: 11px; background: var(--surface-2); overflow: auto; overflow-wrap: anywhere; }
.prompt-growth-draft > button { justify-self: start; }

@media (max-width: 1100px) {
  .app-header { grid-template-columns: minmax(270px, auto) minmax(260px, 1fr) auto; gap: 12px; padding-inline: 14px; }
  .product-name { gap: 9px; }
  .product-mark { width: 62px; }
  .product-lockup { gap: 8px; }
  .product-name strong { font-size: 17px; }
  .product-center { padding-left: 8px; font-size: 15px; }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .overview-indicator-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .competitor-grid, .risk-grid, .article-grid, .asset-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workbench-layout { grid-template-columns: 1fr; }
  .coach-layout { grid-template-columns: minmax(0, 1fr) 280px; }
  .capability-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .source-grid, .account-channel-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .website-metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .quick-question-grid.is-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operating-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .intel-result-list article { grid-template-columns: 1fr; gap: 12px; }
  .intel-result-list dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .prompt-growth-modules { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .prompt-growth-run dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  :root { --header-height: 116px; }
  .app-header { grid-template-columns: minmax(0, 1fr) auto; align-content: center; }
  .brand-control { grid-column: 1 / -1; grid-row: 2; }
  .brand-control select { flex: 1; width: auto; }
  .workspace { display: block; }
  .workspace-nav { position: sticky; top: var(--header-height); z-index: 65; width: 100%; height: auto; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(116px, 1fr); padding: 0; border-right: 0; border-bottom: 1px solid var(--line); overflow-x: auto; overflow-y: hidden; }
  .workspace-nav button { min-height: 54px; grid-template-columns: 1fr; justify-items: center; gap: 2px; padding: 7px 8px; border-left: 0; border-bottom: 2px solid transparent; text-align: center; }
  .workspace-nav button.is-active { border-bottom-color: var(--cyan); }
  .workspace-nav small, .nav-symbol { display: none; }
  .screen { padding: 22px 18px 86px; }
  .entry-screen { grid-template-columns: 1fr; gap: 36px; }
  .entry-copy h1 { font-size: 40px; }
  .entry-points { grid-template-columns: 1fr; }
  .intake-grid { grid-template-columns: 1fr; }
  .coach-layout, .publish-layout, .content-workspace, .publish-flow { grid-template-columns: 1fr; }
  .coach-context, .publish-selection { padding: 0 0 18px; border-right: 0; border-bottom: 1px solid var(--line); }
  .coach-tools { order: -1; }
  .score-panel { position: static; }
  .publish-flow aside { padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .chat-panel .chat-history { min-height: 0; max-height: none; overflow: visible; padding: 16px 14px; }
  .chat-message { max-width: 100%; }
  .coach-jump-latest { display: none !important; }
  .channel-grid { grid-template-columns: 1fr 1fr; }
  .growth-columns { grid-template-columns: 1fr; }
  .today-focus { grid-template-columns: 1fr; }
  .score-conflict-panel { grid-template-columns: 1fr; }
  .quick-question-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .action-stack { grid-template-columns: repeat(3, 1fr); }
  .source-grid, .account-channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .website-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recognition-dimensions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .connection-code { align-items: stretch; flex-direction: column; }
  .intel-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .intel-counts > div:nth-child(2) { border-right: 0; }
  .intel-counts > div:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
  .baseline-diff-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .baseline-observation-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shared-digest-grid { grid-template-columns: 1fr; }
  .digest-top-entry { grid-template-columns: 1fr; }
  .digest-top-entry a { width: 100%; }
  .prompt-growth-modules, .prompt-growth-run dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .learning-shell { grid-template-columns: 1fr; }
  .learning-catalog { border-right: 0; border-bottom: 1px solid var(--line); }
  .learning-course-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .learning-source-meta:not(.is-chapter) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .learning-source-meta:not(.is-chapter) > div { display: block; }
  .learning-source-meta:not(.is-chapter) dd { margin-top: 4px; }
  .learning-reader { min-height: 440px; }
}

@media (max-width: 620px) {
  .archived-brand-recovery { grid-template-columns: 1fr; }
  .archived-brand-actions > div { grid-template-columns: 1fr auto; }
  .archived-brand-actions > div strong { grid-column: 1 / -1; }
  .report-family > summary { display: grid; }
  .report-family > summary small { text-align: left; }
  .report-basis-list { grid-template-columns: 1fr; }
  :root { --header-height: 108px; }
  .app-header { padding: 8px 10px; }
  .product-name { gap: 8px; }
  .product-name strong { font-size: 15px; }
  .product-lockup { gap: 6px; }
  .product-center { padding-left: 6px; font-size: 14px; }
  .product-mark { width: 56px; height: 36px; font-size: 12px; }
  .account-stat { display: none; }
  .brand-control label { display: none; }
  .brand-control .icon-text-button { min-width: 44px; padding-inline: 8px; font-size: 0; }
  .brand-control .icon-text-button::before { content: "+"; font-size: 20px; }
  .entry-screen, .report-intake { width: min(100% - 24px, 1180px); padding-top: 30px; }
  .entry-copy h1 { font-size: 33px; }
  .entry-copy > p:not(.eyebrow) { font-size: 15px; }
  .entry-form { padding: 20px; }
  .intake-progress { grid-template-columns: 1fr; }
  .intake-progress li { min-height: 40px; }
  .action-with-note.horizontal { grid-template-columns: 1fr; align-items: stretch; }
  .form-message { margin-inline: 20px; }
  .screen { padding-inline: 12px; }
  .screen-heading { display: block; }
  .screen-heading-actions { margin-top: 12px; }
  .screen-guide-line { grid-template-columns: 1fr; background: transparent; border-bottom: 0; }
  .screen-guide-line > span { border-bottom: 1px solid var(--line); }
  .screen-guide-line > button { width: 100%; margin: 8px 0 0; }
  .codex-connect .section-heading { flex-direction: column; align-items: stretch; }
  .codex-connect .screen-heading-actions { width: 100%; margin-top: 0; display: grid; grid-template-columns: 1fr; }
  .codex-connect .screen-heading-actions > * { width: 100%; }
  .brand-summary { grid-template-columns: 1fr; }
  .brand-summary > div { padding: 16px; }
  .brand-score-values > strong b { font-size: 30px; }
  .score-conflict-values, .overview-indicator-grid { grid-template-columns: 1fr; }
  .report-headline-expand summary strong { font-size: 21px; }
  .metric-grid { grid-template-columns: 1fr 1fr; gap: 7px; }
  .metric-card { min-height: 96px; padding: 13px; }
  .metric-card strong { font-size: 22px; }
  .two-column, .three-column, .competitor-grid, .risk-grid, .channel-grid, .article-grid, .asset-grid, .growth-overview { grid-template-columns: 1fr; }
  .section-heading { align-items: flex-start; }
  .intel-refresh-section .section-heading { align-items: stretch; flex-direction: column; gap: 12px; }
  .intel-refresh-section .section-heading > button { width: 100%; }
  .intel-fact-grid, .intel-run-summary, .intel-metric-layers, .flywheel-truth-grid, .toolkit-slot-grid { grid-template-columns: 1fr; }
  .intel-comparison-row > header { align-items: stretch; flex-direction: column; }
  .intel-comparison-result { align-self: flex-start; }
  .intel-comparison-row > div { grid-template-columns: 1fr; }
  .intel-uncovered-breakdown { grid-template-columns: 1fr; }
  .intel-probe-status { grid-template-columns: 1fr; gap: 5px; }
  .intel-fact-card dl > div { grid-template-columns: 1fr; }
  .private-preview-grid, .observation-published-links { grid-template-columns: 1fr; }
  .private-preview-section > div { display: grid; }
  .private-preview-section > div > span { max-width: none; text-align: left; }
  .private-preview-sources { display: grid; grid-template-columns: 1fr; }
  .private-preview-sources > span { width: 100%; }
  .brand-baseline-section .section-heading { align-items: stretch; flex-direction: column; gap: 12px; }
  .brand-baseline-section .section-heading > .baseline-actions { width: 100%; justify-content: stretch; }
  .brand-baseline-section .section-heading > .baseline-actions button { flex: 1 1 100%; width: 100%; }
  .baseline-actions { align-items: stretch; flex-direction: column; }
  .baseline-actions button { width: 100%; }
  .baseline-actions small { text-align: left; }
  .baseline-diff-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .baseline-observation > summary { align-items: flex-start; }
  .baseline-observation-meta { grid-template-columns: 1fr; }
  .public-page-entry .section-heading { align-items: stretch; flex-direction: column; }
  .public-page-entry .section-heading > button { width: 100%; }
  .observation-next-step { grid-template-columns: 1fr; }
  .observation-paths > div, .observation-link-grid { display: grid; grid-template-columns: 1fr; }
  .observation-paths a { width: 100%; }
  .prompt-growth-panel > .section-heading { align-items: stretch; flex-direction: column; }
  .prompt-growth-panel > .section-heading > button { width: 100%; }
  .prompt-growth-contract, .prompt-growth-modules, .prompt-growth-run dl { grid-template-columns: 1fr; }
  .prompt-growth-actions { align-items: stretch; flex-direction: column; }
  .prompt-growth-actions button { width: 100%; }
  .prompt-growth-run-heading, .prompt-growth-draft > div:first-child { display: grid; }
  .prompt-growth-draft > button { width: 100%; }
  .intel-result-list dl { grid-template-columns: 1fr; }
  .intel-counts > div { padding: 11px 12px; }
  .task-focus { grid-template-columns: 1fr; }
  .task-row { grid-template-columns: 64px 1fr; }
  .task-row .task-proof, .task-row > button { grid-column: 2; }
  .form-grid, .library-toolbar, .channel-toolbar { grid-template-columns: 1fr; }
  .score-row { grid-template-columns: repeat(3, 1fr); }
  .composer-actions { align-items: stretch; flex-direction: column; }
  .feedback-button { position: static; width: calc(100% - 20px); margin: 12px 10px max(10px, env(safe-area-inset-bottom)); }
  .has-learning-assistant .screen, .has-learning-assistant .entry-screen, .has-learning-assistant .report-intake { padding-bottom: inherit; }
  .learning-assistant-dialog { width: calc(100% - 12px); max-height: 96vh; }
  .learning-assistant-body { max-height: calc(96vh - 74px); }
  .learning-assistant-dialog .dialog-heading { padding: 12px; }
  .learning-assistant-dialog .dialog-heading .eyebrow { display: none; }
  .learning-assistant-dialog .dialog-heading h2 { font-size: 18px; }
  .learning-catalog, .learning-reader-content { padding: 12px; }
  .learning-course-list, .learning-source-meta:not(.is-chapter), .learning-source-meta.is-chapter { grid-template-columns: 1fr; }
  .learning-brand-boundary, .learning-login-boundary { grid-template-columns: 1fr; align-items: stretch; padding: 12px; }
  .learning-brand-boundary > small { grid-column: auto; }
  .learning-reader { grid-template-columns: 1fr; min-height: 0; }
  .learning-reader-nav { max-height: 180px; border-right: 0; border-bottom: 1px solid var(--line); }
  .learning-chapter-heading { display: grid; }
  .learning-progress { justify-self: start; }
  .learning-course-locator { grid-template-columns: 1fr; }
  .learning-course-locator a { text-align: center; white-space: normal; }
  .learning-chapter-actions { align-items: stretch; flex-direction: column; }
  .learning-route-heading, .learning-route-actions { display: grid; }
  .learning-route-actions .primary-button, .learning-route-actions a { width: 100%; text-align: center; }
  .toast { left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); max-width: none; transform: translateY(120px); }
  .toast.is-visible { transform: translateY(0); }
  .responsive-table thead { display: none; }
  .responsive-table, .responsive-table tbody, .responsive-table tr, .responsive-table td { display: block; width: 100%; }
  .responsive-table tr { padding: 10px 12px; border-bottom: 1px solid var(--line); }
  .responsive-table tr:last-child { border-bottom: 0; }
  .responsive-table td { display: grid; grid-template-columns: minmax(82px, 0.34fr) minmax(0, 0.66fr); gap: 8px; padding: 6px 0; border: 0; }
  .responsive-table td::before { content: attr(data-label); color: var(--muted); font-size: 11px; }
  .detail-content dl div, .confirmation-list div { grid-template-columns: 1fr; }
  .confirmation-list dd { text-align: left; }
  .brand-confirmation { padding: 18px; }
  .report-reading-heading { grid-template-columns: auto minmax(0, 1fr); }
  .report-reading-percent { grid-column: 2; font-size: 14px; }
  .recognition-heading { display: grid; }
  .recognition-dimensions, .recognition-check .recognition-dimensions { grid-template-columns: 1fr; }
  .recognition-evidence-item dl div { grid-template-columns: 1fr; }
  .dialog-actions { flex-wrap: wrap; }
  .dialog-actions button { flex: 1 1 130px; }
  .capability-grid, .source-grid, .account-channel-grid, .plan-grid { grid-template-columns: 1fr; }
  .quick-question-grid, .quick-question-grid.is-compact, .report-topic-grid, .operating-grid { grid-template-columns: 1fr; }
  .website-metric-grid, .custom-channel-form { grid-template-columns: 1fr; }
  .custom-channel-form > label:last-of-type, .custom-channel-form > div { grid-column: auto; }
  .website-quality section > div { grid-template-columns: 1fr; }
  .today-focus { padding: 16px; }
  .today-focus dl { grid-template-columns: 1fr; }
  .action-stack { min-width: 0; grid-template-columns: 1fr; }
  .content-editor { padding: 13px; }
  .content-editor #contentBody { min-height: 330px; }
  .brand-list > div { grid-template-columns: minmax(0, 1fr) auto; }
  .brand-list > div .danger-text-button { grid-column: 2; }
  .conflict-strip span { width: 100%; padding: 0; border: 0; }
  .import-success-strip { align-items: stretch; flex-direction: column; }
  .import-success-strip button { width: 100%; }
  .pairing-code { align-items: stretch; flex-direction: column; }
  .pairing-code strong { font-size: 15px; overflow-wrap: anywhere; }
}

.community-personal-status { min-width: 0; display: grid; gap: 4px; margin-top: 10px; }
.community-personal-status span, .community-personal-status strong { overflow-wrap: anywhere; }
.community-personal-status span:not(.expert-certification-badge) { color: var(--muted); font-size: 11px; }
.community-activation-form { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 9px; margin-top: 12px; }
.community-activation-form small { grid-column: 1 / -1; color: var(--muted); }
.expert-leaderboard-list { min-width: 0; display: grid; gap: 7px; }
.expert-leaderboard-list > div { min-width: 0; display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 9px; padding: 10px; border: 1px solid var(--line); }
.expert-leaderboard-list > div > span { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--line-strong); color: var(--cyan); font-size: 10px; }
.expert-leaderboard-list strong, .expert-leaderboard-list small { display: block; min-width: 0; overflow-wrap: anywhere; }
.expert-leaderboard-list small { margin-top: 3px; color: var(--muted); }
.expert-leaderboard-list p { grid-column: 2; margin: 3px 0 0; color: var(--muted); font-size: 11px; }
.governance-view, .governance-list { min-width: 0; display: grid; gap: 14px; }
.owner-governance-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 44px 0 80px; }
.governance-access-panel { max-width: 680px; padding: 26px; border: 1px solid var(--line-strong); background: var(--surface); }
.governance-access-panel h2 { margin-bottom: 8px; }
.governance-access-panel p { color: var(--muted); }
.governance-summary { min-width: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.governance-summary > div { min-width: 0; padding: 14px 16px; background: var(--surface); }
.governance-summary span { display: block; color: var(--muted); font-size: 11px; }
.governance-summary strong { display: block; margin-top: 6px; color: var(--cyan); font-size: 24px; overflow-wrap: anywhere; }
.governance-code-panel { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 15px; border: 1px solid var(--cyan); background: rgba(89, 213, 229, 0.06); }
.governance-code-panel > div { min-width: 0; display: grid; gap: 5px; }
.governance-code-panel span, .governance-code-panel small { color: var(--muted); }
.governance-code-panel strong { color: var(--cyan); font: 800 18px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.governance-list { padding: 17px; border: 1px solid var(--line); background: var(--surface); }
.governance-candidate { min-width: 0; padding: 16px; border: 1px solid var(--line); background: var(--surface-2); }
.governance-candidate-head { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.governance-candidate-head > div { min-width: 0; }
.governance-candidate-head span, .governance-candidate-head small { color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.governance-candidate-head h2 { margin: 5px 0 3px; font-size: 18px; overflow-wrap: anywhere; }
.governance-status { flex: 0 0 auto; padding: 4px 7px; border: 1px solid var(--line-strong); color: var(--cyan) !important; }
.governance-status[data-status="active"], .governance-status[data-status="certified"] { border-color: rgba(85, 214, 155, 0.52); color: var(--green) !important; }
.governance-status[data-status="revoked"], .governance-status[data-status="expired"] { border-color: rgba(255, 125, 115, 0.48); color: var(--coral) !important; }
.governance-candidate-body { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 14px 0; }
.governance-candidate-body > section { min-width: 0; padding: 12px; border: 1px solid var(--line); background: var(--surface); }
.governance-candidate-body h3 { margin: 0 0 8px; font-size: 13px; }
.governance-candidate-body p, .governance-candidate-body small { overflow-wrap: anywhere; }
.governance-evidence-list { min-width: 0; display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.governance-evidence-list li { min-width: 0; display: grid; grid-template-columns: minmax(86px, 0.32fr) minmax(0, 0.68fr); gap: 8px; padding-bottom: 6px; border-bottom: 1px solid var(--line); }
.governance-evidence-list strong, .governance-evidence-list span { overflow-wrap: anywhere; }
.governance-domain-list { min-width: 0; display: flex; flex-wrap: wrap; gap: 7px; }
.governance-domain-list label { width: auto; min-width: 0; display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 7px 9px; border: 1px solid var(--line); background: var(--surface); cursor: pointer; overflow-wrap: anywhere; }
.governance-domain-list input { width: 16px; min-height: 16px; margin: 0; accent-color: var(--cyan); }
.community-activation-domains { min-width: 0; grid-column: 1 / -1; margin: 0; padding: 12px; border: 1px solid var(--line); }
.community-activation-domains > label { margin-top: 10px; }
.community-activation-domains small { display: block; margin-top: 8px; color: var(--muted); line-height: 1.55; }
.governance-candidate-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.community-post-actions, .community-answer-actions, .community-suggestion-actions { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.community-post-actions { margin: 10px 0 2px; padding-top: 9px; border-top: 1px solid var(--line); }
.reaction-button { min-height: 32px; padding: 5px 9px; border: 1px solid var(--line); background: transparent; color: var(--muted); font-size: 11px; font-weight: 800; }
.reaction-button:hover, .reaction-button.is-active { border-color: var(--cyan); color: var(--cyan); background: rgba(89, 213, 229, 0.06); }
.reaction-button:disabled { opacity: 0.55; cursor: wait; }
.community-answer-sort label { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.community-answer-sort small { color: var(--muted); display: block; margin-top: 6px; }

@media (max-width: 820px) {
  .governance-candidate-body { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .governance-access-screen > div { display: grid; grid-template-columns: 1fr; }
  .governance-access-screen > div > * { width: 100%; }
  .growth-community-entry, .community-activation-form, .governance-code-panel { grid-template-columns: 1fr; }
  .growth-community-actions { width: 100%; }
  .community-activation-form small { grid-column: auto; }
  .governance-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .governance-candidate-actions { display: grid; grid-template-columns: 1fr; }
  .governance-candidate-actions button, .governance-code-panel button { width: 100%; }
}

@media (max-width: 390px) {
  .governance-summary { grid-template-columns: 1fr; }
  .governance-domain-list { display: grid; grid-template-columns: 1fr; }
  .governance-domain-list label { width: 100%; }
  .expert-leaderboard-list > div { grid-template-columns: 22px minmax(0, 1fr); padding: 9px; }
  .expert-leaderboard-list p { grid-column: 2; }
  .community-answer-sort label { display: grid; grid-template-columns: 1fr; }
  .community-answer-sort select { width: 100%; }
  .community-post-actions, .community-answer-actions, .community-answer-form > div, .community-suggestion-actions { display: grid; grid-template-columns: 1fr; }
  .community-post-actions button, .community-answer-actions button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
  .expert-certification-badge::after { animation: none !important; opacity: 0; }
}
 .content-reference-mode, .content-fact-gate, .content-workshop-receipt { border: 1px solid var(--line); border-radius: 14px; padding: 14px; margin: 14px 0; background: var(--paper); }
 .content-reference-mode legend { font-weight: 700; padding: 0 6px; }
 .content-reference-mode .check-line { margin: 8px 0; }
 .content-fact-gate { border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); }
 .content-workshop-receipt p, .content-fact-gate p { margin: 7px 0; }