.insights-dashboard {
  --insights-ink: #171922;
  --insights-violet: #7057d9;
  --insights-cyan: #2ca8b8;
  --insights-gold: #c18a2d;
  display: grid;
  min-width: 0;
  gap: 1.25rem;
  padding-bottom: 3rem;
}

.insights-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 30px;
  background: #12141d;
  padding: clamp(1.55rem, 4vw, 3.2rem);
  color: #fff;
  box-shadow: 0 24px 60px rgba(18, 20, 29, 0.18);
}

.insights-hero-copy > p:first-child,
.insights-panel-heading p,
.insights-section-heading > p {
  color: currentColor;
  font-size: 0.7rem;
  font-weight: 830;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.insights-hero-copy > p:first-child { color: rgba(255, 255, 255, 0.52); }
.insights-hero h1 { margin-top: 0.7rem; font-size: clamp(2.65rem, 6vw, 5.3rem); font-weight: 720; letter-spacing: -0.065em; line-height: 0.92; }
.insights-hero h1 span { color: rgba(255, 255, 255, 0.46); }
.insights-hero-copy > p:last-child { max-width: 42rem; margin-top: 1.2rem; color: rgba(255, 255, 255, 0.66); font-size: 0.96rem; line-height: 1.6; }

.insights-hero-status { display: flex; flex: 0 0 auto; align-items: center; gap: 0.75rem; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 18px; background: rgba(255, 255, 255, 0.055); padding: 0.85rem 1rem; }
.insights-hero-status > i { width: 0.52rem; height: 0.52rem; border-radius: 50%; background: #6fe0b2; box-shadow: 0 0 0 5px rgba(111, 224, 178, 0.1); }
.insights-hero-status > span { display: flex; flex-direction: column; }
.insights-hero-status strong { font-size: 0.75rem; }
.insights-hero-status small { margin-top: 0.18rem; color: rgba(255, 255, 255, 0.5); font-size: 0.63rem; white-space: nowrap; }

.insights-controls { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.insights-segmented { display: inline-flex; max-width: 100%; gap: 0.25rem; overflow-x: auto; border: 1px solid var(--line-soft); border-radius: 999px; background: var(--surface-card); padding: 0.3rem; box-shadow: var(--shadow-soft); scrollbar-width: none; }
.insights-segmented::-webkit-scrollbar { display: none; }
.insights-segmented button { min-height: 40px; border: 0; border-radius: 999px; background: transparent; padding: 0.58rem 0.9rem; color: rgb(var(--ink-rgb) / 0.58); font-size: 0.75rem; font-weight: 760; white-space: nowrap; cursor: pointer; }
.insights-segmented button.is-active { background: rgb(var(--ink-rgb)); color: var(--surface-card); }
.insights-segmented button:disabled { cursor: default; }
.insights-segmented.is-range button { min-width: 4.4rem; }

.insights-anchor-nav { display: flex; gap: 0.45rem; overflow-x: auto; padding: 0.05rem 0.1rem; scrollbar-width: none; }
.insights-anchor-nav::-webkit-scrollbar { display: none; }
.insights-anchor-nav button { flex: 0 0 auto; min-height: 40px; border: 1px solid rgb(var(--ink-rgb) / 0.07); border-radius: 999px; background: rgb(var(--ink-rgb) / 0.025); padding: 0.54rem 0.75rem; color: rgb(var(--ink-rgb) / 0.58); font-size: 0.71rem; font-weight: 720; cursor: pointer; }
.insights-anchor-nav button.is-active { border-color: rgb(var(--ink-rgb) / 0.14); background: rgb(var(--ink-rgb)); color: var(--surface-card); box-shadow: var(--shadow-soft); }
.insights-section-view { display: contents; }
.insights-section-view:not(.is-active) { display: none; }

.insights-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.85rem; scroll-margin-top: 7rem; }
.insights-metric { position: relative; display: flex; min-height: 12.5rem; flex-direction: column; overflow: hidden; border: 1px solid var(--line-soft); border-radius: 24px; background: var(--surface-card); padding: 1.25rem; box-shadow: var(--shadow-soft); }
.insights-metric::before { position: absolute; inset: 0 0 auto; height: 4px; background: var(--insights-ink); content: ''; }
.insights-metric.is-violet::before { background: var(--insights-violet); }
.insights-metric.is-cyan::before { background: var(--insights-cyan); }
.insights-metric.is-gold::before { background: var(--insights-gold); }
.insights-metric-label { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.6rem; }
.insights-metric-label > span { color: rgb(var(--ink-rgb) / 0.53); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.insights-metric-label > small { flex: 0 0 auto; border-radius: 999px; background: rgb(var(--ink-rgb) / 0.055); padding: 0.25rem 0.42rem; color: rgb(var(--ink-rgb) / 0.48); font-size: 0.54rem; font-weight: 780; letter-spacing: 0.04em; text-transform: uppercase; }
.insights-metric > strong { margin-top: 1.25rem; font-size: clamp(2.7rem, 5vw, 4rem); font-variant-numeric: tabular-nums; letter-spacing: -0.065em; line-height: 0.9; }
.insights-metric-change { margin-top: 0.8rem; color: rgb(var(--ink-rgb) / 0.62); font-size: 0.7rem; font-weight: 750; }
.insights-metric p { margin-top: auto; padding-top: 1rem; color: rgb(var(--ink-rgb) / 0.52); font-size: 0.7rem; line-height: 1.45; }
.insights-stat > strong { font-size: clamp(2.25rem, 4.2vw, 3.55rem); }
.insights-data-through { display: block; margin-top: 0.5rem; color: rgb(var(--ink-rgb) / 0.38); font-size: 0.56rem; font-weight: 700; }

.insights-sample-note,
.insights-privacy-note,
.insights-source-alert { display: flex; align-items: center; gap: 0.75rem; border: 1px solid rgba(193, 138, 45, 0.18); border-radius: 16px; background: rgba(193, 138, 45, 0.07); padding: 0.85rem 1rem; }
.insights-sample-note > span,
.insights-privacy-note > span,
.insights-source-alert > span { display: grid; width: 1.75rem; height: 1.75rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: rgba(193, 138, 45, 0.13); color: #9b6717; font-size: 0.72rem; font-weight: 850; }
.insights-sample-note p,
.insights-privacy-note p,
.insights-source-alert p { color: rgb(var(--ink-rgb) / 0.62); font-size: 0.78rem; line-height: 1.5; }

.insights-section-heading { padding: 0.2rem; }
.insights-section-heading > p { color: rgb(var(--ink-rgb) / 0.48); }
.insights-section-heading h2 { margin-top: 0.35rem; font-size: clamp(1.65rem, 3vw, 2.35rem); letter-spacing: -0.05em; }
.insights-subsection-heading { margin-top: 1.25rem; border-top: 1px solid var(--line-soft); padding-top: 1.5rem; }
.insights-observations { display: grid; gap: 0.85rem; }
.insights-observations > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.85rem; }
.insights-observations article { display: grid; grid-template-columns: auto 1fr; gap: 0.85rem; border: 1px solid var(--line-soft); border-radius: 22px; background: var(--surface-card); padding: 1.15rem; box-shadow: var(--shadow-soft); }
.insights-observations article > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: rgb(var(--ink-rgb) / 0.06); color: rgb(var(--ink-rgb) / 0.5); font-size: 0.65rem; font-weight: 820; }
.insights-observations article.is-positive > span { background: rgba(44, 168, 184, 0.12); color: #197986; }
.insights-observations article.is-opportunity > span { background: rgba(112, 87, 217, 0.12); color: #5a43bf; }
.insights-observations article.is-watch > span { background: rgba(193, 138, 45, 0.13); color: #9b6717; }
.insights-observations strong { font-size: 0.9rem; line-height: 1.35; }
.insights-observations p { margin-top: 0.38rem; color: rgb(var(--ink-rgb) / 0.56); font-size: 0.76rem; line-height: 1.55; }

.insights-audience,
.insights-next-steps { display: grid; gap: 0.85rem; }
.insights-audience-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.85rem; }
.insights-audience-grid article { display: flex; min-height: 10.5rem; flex-direction: column; border: 1px solid var(--line-soft); border-radius: 22px; background: var(--surface-card); padding: 1.1rem; box-shadow: var(--shadow-soft); }
.insights-audience-grid article.is-customer { border-color: rgba(44, 168, 184, 0.23); background: linear-gradient(145deg, rgba(44, 168, 184, 0.085), var(--surface-card) 58%); }
.insights-audience-grid strong { font-size: clamp(2rem, 4vw, 3rem); font-variant-numeric: tabular-nums; letter-spacing: -0.055em; line-height: 1; }
.insights-audience-grid span { margin-top: 0.7rem; font-size: 0.76rem; font-weight: 800; }
.insights-audience-grid p { margin-top: auto; padding-top: 0.75rem; color: rgb(var(--ink-rgb) / 0.52); font-size: 0.68rem; line-height: 1.5; }
.insights-audience-footnote { border-left: 3px solid var(--insights-cyan); padding: 0.35rem 0.2rem 0.35rem 0.85rem; color: rgb(var(--ink-rgb) / 0.56); font-size: 0.72rem; line-height: 1.55; }

.insights-next-steps > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem; }
.insights-next-steps article { position: relative; display: flex; min-height: 11rem; flex-direction: column; overflow: hidden; border: 1px solid var(--line-soft); border-radius: 24px; background: var(--surface-card); padding: 1.25rem; box-shadow: var(--shadow-soft); }
.insights-next-steps article::before { position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--insights-violet); content: ''; }
.insights-next-steps article.is-business::before { background: var(--insights-gold); }
.insights-next-steps article > span { color: rgb(var(--ink-rgb) / 0.48); font-size: 0.64rem; font-weight: 820; letter-spacing: 0.1em; text-transform: uppercase; }
.insights-next-steps article > strong { margin-top: 1rem; font-size: 1.15rem; letter-spacing: -0.025em; line-height: 1.3; }
.insights-next-steps article > p { margin-top: auto; padding-top: 0.9rem; color: rgb(var(--ink-rgb) / 0.56); font-size: 0.76rem; line-height: 1.55; }

.insights-two-up { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.9rem; scroll-margin-top: 7rem; }
.insights-panel { min-width: 0; border: 1px solid var(--line-soft); border-radius: 26px; background: var(--surface-card); padding: 1.35rem; box-shadow: var(--shadow-soft); }
.insights-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.insights-panel-heading p { color: rgb(var(--ink-rgb) / 0.48); }
.insights-panel-heading h2 { margin-top: 0.25rem; font-size: 1.45rem; letter-spacing: -0.045em; }
.insights-chart-subtitle { margin-top: 0.55rem; color: rgb(var(--ink-rgb) / 0.48); font-size: 0.7rem; line-height: 1.45; }
.insights-legend { display: flex; gap: 0.65rem; }
.insights-legend span { display: flex; align-items: center; gap: 0.35rem; color: rgb(var(--ink-rgb) / 0.5); font-size: 0.64rem; font-weight: 700; }
.insights-legend i { width: 0.58rem; height: 0.58rem; border-radius: 2px; background: rgb(var(--ink-rgb) / 0.16); }
.insights-legend i.is-action { background: var(--insights-cyan); }

.insights-bar-chart { display: flex; height: 14rem; align-items: stretch; gap: clamp(0.18rem, 0.7vw, 0.55rem); overflow: hidden; margin-top: 1.25rem; padding-top: 0.5rem; }
.insights-bar-group { display: flex; min-width: 0; flex: 1 1 0; flex-direction: column; justify-content: flex-end; }
.insights-bars { display: flex; height: calc(100% - 1.5rem); align-items: flex-end; justify-content: center; gap: 2px; border-bottom: 1px solid rgb(var(--ink-rgb) / 0.08); }
.insights-bars span { width: min(42%, 0.75rem); min-height: 0; border-radius: 4px 4px 1px 1px; background: rgb(var(--ink-rgb) / 0.14); }
.insights-bars span.is-action { background: var(--insights-cyan); }
.insights-bar-group > small { min-height: 1.2rem; overflow: visible; margin-top: 0.38rem; color: rgb(var(--ink-rgb) / 0.4); font-size: 0.5rem; white-space: nowrap; }

.insights-stage-list { display: grid; gap: 1rem; margin-top: 1.35rem; }
.insights-stage > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.insights-stage span { color: rgb(var(--ink-rgb) / 0.62); font-size: 0.77rem; font-weight: 700; }
.insights-stage strong { font-size: 0.86rem; font-variant-numeric: tabular-nums; }
.insights-stage strong small { color: rgb(var(--ink-rgb) / 0.42); font-size: 0.62rem; }
.insights-stage-track { height: 0.68rem; overflow: hidden; margin-top: 0.45rem; border-radius: 999px; background: rgb(var(--ink-rgb) / 0.06); }
.insights-stage-track > span { display: block; height: 100%; border-radius: inherit; background: var(--insights-violet); }
.insights-journey footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.3rem; border-top: 1px solid var(--line-soft); padding-top: 1rem; }
.insights-journey footer strong { font-size: 0.78rem; }
.insights-journey footer span { color: rgb(var(--ink-rgb) / 0.48); font-size: 0.65rem; text-align: right; }

.insights-ranked-list { display: grid; gap: 1rem; margin-top: 1.25rem; }
.insights-ranked-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.4rem 1rem; }
.insights-ranked-item > div:first-child { display: flex; min-width: 0; flex-direction: column; }
.insights-ranked-item strong { overflow: hidden; font-size: 0.78rem; text-overflow: ellipsis; white-space: nowrap; }
.insights-ranked-item > div:first-child span { margin-top: 0.2rem; color: rgb(var(--ink-rgb) / 0.46); font-size: 0.62rem; }
.insights-ranked-item > b { font-size: 0.76rem; font-variant-numeric: tabular-nums; }
.insights-ranked-item > b small { color: rgb(var(--ink-rgb) / 0.44); font-size: 0.57rem; font-weight: 650; }
.insights-ranked-item > div:last-child { grid-column: 1 / -1; height: 0.32rem; overflow: hidden; border-radius: 999px; background: rgb(var(--ink-rgb) / 0.055); }
.insights-ranked-item > div:last-child span { display: block; height: 100%; border-radius: inherit; background: var(--insights-violet); }
.insights-empty-list { display: grid; min-height: 9rem; place-content: center; margin-top: 1rem; text-align: center; }
.insights-empty-list strong { font-size: 0.82rem; }
.insights-empty-list p { margin-top: 0.3rem; color: rgb(var(--ink-rgb) / 0.48); font-size: 0.7rem; }
.insights-provider-setup { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 0.9rem; }
.insights-provider-setup > span { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border-radius: 50%; background: rgba(193, 138, 45, 0.12); color: #9b6717; font-weight: 850; }
.insights-provider-setup > div > p:first-child { color: rgb(var(--ink-rgb) / 0.48); font-size: 0.65rem; font-weight: 820; letter-spacing: 0.1em; text-transform: uppercase; }
.insights-provider-setup h2 { margin-top: 0.25rem; font-size: 1.25rem; letter-spacing: -0.04em; }
.insights-provider-setup h2 + p { margin-top: 0.45rem; max-width: 52rem; color: rgb(var(--ink-rgb) / 0.55); font-size: 0.75rem; line-height: 1.55; }

.insights-link-builder { display: grid; gap: 0.85rem; margin-bottom: 0.85rem; }
.insights-link-fields { display: grid; grid-template-columns: minmax(15rem, 1.5fr) repeat(3, minmax(9rem, 1fr)); gap: 0.7rem; }
.insights-link-fields label { display: grid; gap: 0.38rem; color: rgb(var(--ink-rgb) / 0.6); font-size: 0.64rem; font-weight: 760; }
.insights-link-fields label span { display: flex; align-items: baseline; justify-content: space-between; gap: 0.4rem; }
.insights-link-fields label small { color: rgb(var(--ink-rgb) / 0.38); font-size: 0.56rem; font-weight: 650; }
.insights-link-fields input,
.insights-link-fields select { width: 100%; min-height: 44px; border: 1px solid var(--line-soft); border-radius: 13px; background: rgb(var(--ink-rgb) / 0.025); padding: 0.68rem 0.72rem; color: var(--insights-ink); font: inherit; font-size: 0.72rem; outline: none; }
.insights-link-fields input:focus,
.insights-link-fields select:focus { border-color: rgba(100, 87, 223, 0.45); box-shadow: 0 0 0 3px rgba(100, 87, 223, 0.08); }
.insights-link-output { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.7rem; border-radius: 15px; background: rgba(100, 87, 223, 0.07); padding: 0.7rem; }
.insights-link-output output { overflow: hidden; color: rgb(var(--ink-rgb) / 0.7); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.65rem; overflow-wrap: anywhere; }
.insights-link-output button { min-height: 42px; border: 0; border-radius: 999px; background: var(--insights-ink); padding: 0.65rem 0.9rem; color: #fff; font-size: 0.7rem; font-weight: 760; cursor: pointer; }
.insights-link-output button:disabled { cursor: not-allowed; opacity: 0.38; }
.insights-link-builder > small { color: rgb(var(--ink-rgb) / 0.44); font-size: 0.61rem; line-height: 1.45; }

.insights-method { overflow: hidden; border: 1px solid var(--line-soft); border-radius: 20px; background: rgb(var(--ink-rgb) / 0.025); }
.insights-method summary { padding: 1rem 1.1rem; font-size: 0.77rem; font-weight: 780; cursor: pointer; }
.insights-method > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.8rem; border-top: 1px solid var(--line-soft); padding: 1rem; }
.insights-method p { display: flex; flex-direction: column; gap: 0.28rem; }
.insights-method strong { font-size: 0.72rem; }
.insights-method span { color: rgb(var(--ink-rgb) / 0.52); font-size: 0.68rem; line-height: 1.5; }

.insights-health { display: grid; gap: 0.85rem; scroll-margin-top: 7rem; }
.insights-source-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.85rem; }
.insights-source { border: 1px solid var(--line-soft); border-radius: 20px; background: var(--surface-card); padding: 1rem; box-shadow: var(--shadow-soft); }
.insights-source header { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
.insights-source header > span { display: flex; align-items: center; gap: 0.5rem; font-size: 0.76rem; font-weight: 790; }
.insights-source header i { width: 0.45rem; height: 0.45rem; border-radius: 50%; background: #48b98b; box-shadow: 0 0 0 4px rgba(72, 185, 139, 0.09); }
.insights-source.is-connection_required header i,
.insights-source.is-not_configured header i,
.insights-source.is-permission_required header i,
.insights-source.is-rate_limited header i { background: var(--insights-gold); box-shadow: 0 0 0 4px rgba(193, 138, 45, 0.1); }
.insights-source.is-unavailable header i,
.insights-source.is-authentication_failed header i,
.insights-source.is-temporarily_unavailable header i { background: #d15d71; box-shadow: 0 0 0 4px rgba(209, 93, 113, 0.1); }
.insights-source header b { color: rgb(var(--ink-rgb) / 0.46); font-size: 0.58rem; text-transform: uppercase; }
.insights-source p { margin-top: 0.75rem; color: rgb(var(--ink-rgb) / 0.58); font-size: 0.7rem; line-height: 1.5; }
.insights-source > small { display: block; margin-top: 0.75rem; color: rgb(var(--ink-rgb) / 0.42); font-size: 0.6rem; }
.insights-source > small.insights-source-warning { color: #9b6717; line-height: 1.45; }
.insights-privacy-note { border-color: rgba(44, 168, 184, 0.18); background: rgba(44, 168, 184, 0.07); }
.insights-privacy-note > span { background: rgba(44, 168, 184, 0.12); color: #197986; }

.insights-loading { display: grid; gap: 1rem; }
.insights-loading-hero,
.insights-loading-grid span,
.insights-loading-panel { border-radius: 24px; background: rgb(var(--ink-rgb) / 0.055); animation: insights-pulse 1.5s ease-in-out infinite alternate; }
.insights-loading-hero { min-height: 20rem; }
.insights-loading-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.85rem; }
.insights-loading-grid span { min-height: 12rem; }
.insights-loading-panel { min-height: 20rem; }
.insights-error { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; border: 1px solid rgba(209, 93, 113, 0.2); border-radius: 20px; background: rgba(209, 93, 113, 0.07); padding: 1.1rem; }
.insights-error > span { display: grid; width: 2.4rem; height: 2.4rem; place-items: center; border-radius: 50%; background: rgba(209, 93, 113, 0.13); color: #b23c51; font-weight: 850; }
.insights-error strong { font-size: 0.86rem; }
.insights-error p { margin-top: 0.2rem; color: rgb(var(--ink-rgb) / 0.55); font-size: 0.72rem; }
.insights-error button { min-height: 42px; border: 0; border-radius: 999px; background: var(--insights-ink); padding: 0.65rem 0.9rem; color: #fff; font-size: 0.72rem; font-weight: 750; cursor: pointer; }

.insights-preview-page { --insights-ink: #171922; position: relative; min-height: 100vh; }
.insights-preview-shell { position: relative; max-width: 1440px; margin: 0 auto; padding: 1rem; }
.insights-preview-nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; border: 1px solid var(--line-soft); border-radius: 24px; background: var(--surface-card); padding: 0.9rem 1rem; box-shadow: var(--shadow-soft); }
.insights-preview-brand { display: flex; align-items: center; gap: 0.72rem; }
.insights-preview-brand > span:first-child { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #6457df, #22c1c3 58%, #f4a136); color: #fff; font-size: 0.68rem; font-weight: 850; }
.insights-preview-brand > span:last-child { display: flex; flex-direction: column; }
.insights-preview-brand strong { font-size: 0.78rem; }
.insights-preview-brand small { margin-top: 0.1rem; color: rgb(var(--ink-rgb) / 0.5); font-size: 0.65rem; }
.insights-preview-nav nav { display: flex; align-items: center; gap: 0.25rem; }
.insights-preview-nav nav span { border-radius: 999px; padding: 0.55rem 0.7rem; color: rgb(var(--ink-rgb) / 0.5); font-size: 0.67rem; font-weight: 720; }
.insights-preview-nav nav span.is-active { background: var(--insights-ink); color: #fff; }
.insights-preview-menu { display: none; }
.insights-preview-label { position: sticky; top: 0; z-index: 20; margin-bottom: 0.65rem; border-radius: 999px; background: #fff1b8; padding: 0.55rem 0.8rem; color: #6f4c00; font-size: 0.64rem; font-weight: 850; letter-spacing: 0.12em; text-align: center; }

@keyframes insights-pulse { to { opacity: 0.5; } }

@media (max-width: 1080px) {
  .insights-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .insights-audience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .insights-observations > div { grid-template-columns: 1fr; }
  .insights-link-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .insights-hero { align-items: flex-start; flex-direction: column; }
  .insights-hero-status { width: 100%; }
  .insights-controls { align-items: stretch; flex-direction: column; }
  .insights-segmented { width: 100%; }
  .insights-segmented button { flex: 1 0 auto; min-height: 44px; }
  .insights-two-up,
  .insights-next-steps > div,
  .insights-source-grid { grid-template-columns: 1fr; }
  .insights-loading-grid { grid-template-columns: repeat(2, 1fr); }
  .insights-anchor-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
  .insights-anchor-nav button { width: 100%; }
  .insights-section-view.is-active { display: contents; }
  .insights-preview-nav { align-items: flex-start; flex-direction: column; }
  .insights-preview-nav nav { width: 100%; overflow-x: auto; }
}

@media (max-width: 540px) {
  .insights-dashboard { gap: 1rem; }
  .insights-hero { border-radius: 24px; padding: 1.15rem; }
  .insights-hero h1 { font-size: clamp(2.25rem, 11vw, 3.2rem); }
  .insights-hero-status { align-items: flex-start; }
  .insights-hero-status small { white-space: normal; }
  .insights-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem; }
  .insights-metric { min-height: 10.8rem; border-radius: 19px; padding: 1rem; }
  .insights-metric > strong { font-size: 2.55rem; }
  .insights-metric p { font-size: 0.64rem; }
  .insights-audience-grid { gap: 0.65rem; }
  .insights-audience-grid article { min-height: 9.5rem; border-radius: 19px; padding: 1rem; }
  .insights-audience-grid strong { font-size: 2.25rem; }
  .insights-panel { border-radius: 21px; padding: 1rem; }
  .insights-panel-heading { align-items: flex-start; flex-direction: column; }
  .insights-bar-chart { height: 11rem; }
  .insights-bar-group > small { font-size: 0.58rem; }
  .insights-chart-subtitle,
  .insights-ranked-item > div:first-child span,
  .insights-source > small { font-size: 0.65rem; }
  .insights-method > div { grid-template-columns: 1fr; }
  .insights-link-fields { grid-template-columns: 1fr; }
  .insights-link-output { grid-template-columns: 1fr; }
  .insights-link-output button { justify-self: start; }
  .insights-error { grid-template-columns: auto 1fr; }
  .insights-error button { grid-column: 2; justify-self: start; }
}

@media (max-width: 440px) {
  .insights-preview-nav { position: relative; align-items: center; flex-direction: row; }
  .insights-preview-nav nav { width: auto; margin-left: auto; }
  .insights-preview-nav nav span:not(.is-active) { display: none; }
  .insights-preview-menu { display: block; }
  .insights-preview-menu summary { min-height: 40px; border: 1px solid var(--line-soft); border-radius: 999px; padding: 0.7rem 0.8rem; color: rgb(var(--ink-rgb) / 0.62); font-size: 0.67rem; font-weight: 760; cursor: pointer; list-style: none; }
  .insights-preview-menu summary::-webkit-details-marker { display: none; }
  .insights-preview-menu summary::before { margin-right: 0.35rem; content: '☰'; }
  .insights-preview-menu > div { position: absolute; z-index: 30; top: calc(100% + 0.4rem); right: 0; display: grid; min-width: 10.5rem; gap: 0.2rem; border: 1px solid var(--line-soft); border-radius: 18px; background: var(--surface-card); padding: 0.55rem; box-shadow: var(--shadow-strong); }
  .insights-preview-menu > div span,
  .insights-preview-menu > div strong { border-radius: 12px; padding: 0.62rem 0.7rem; font-size: 0.7rem; }
  .insights-preview-menu > div strong { background: var(--insights-ink); color: #fff; }
}

@media (max-width: 359px) {
  .insights-audience-grid,
  .insights-metric-grid,
  .insights-loading-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .insights-loading-hero,
  .insights-loading-grid span,
  .insights-loading-panel { animation: none; }
}

/* Stable entry to the owner-private weekly report; no additional data polling. */
.insights-weekly-read { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin: 1rem 0; border-inline-start: 4px solid #9870dc; }
.insights-weekly-read > div { flex: 1 1 320px; min-width: 0; }
.insights-weekly-eyebrow { color: rgb(var(--ink-rgb) / .65); font-size: .7rem; font-weight: 700; letter-spacing: .12em; }
.insights-weekly-read h2 { margin: .35rem 0 .5rem; font-size: 1.65rem; letter-spacing: -.04em; }
.insights-weekly-read p { line-height: 1.55; }
.insights-weekly-read small { display: block; margin-top: .6rem; color: rgb(var(--ink-rgb) / .65); line-height: 1.5; }
.insights-weekly-link { display: inline-flex; align-items: center; gap: .7rem; padding: .85rem 1.1rem; border-radius: 999px; background: #6840a5; color: #fff; font-weight: 650; text-decoration: none; }
.insights-weekly-link:hover { background: #523181; }
.insights-weekly-note { flex-basis: 100%; padding-top: .85rem; border-top: 1px solid var(--line-soft); color: rgb(var(--ink-rgb) / .65); font-size: .8rem; }