/* Approved PH2 notice/Settings delta; landing remains its existing reference. */
.analytics-notice {
  box-sizing: border-box; display: flex; flex-direction: column; gap: 12px;
  padding: 20px; border: 1px solid var(--modern-border-divider, var(--border, var(--rule)));
  border-radius: 12px; background: var(--modern-surface-working, var(--bg-card, var(--white)));
  color: var(--modern-text-primary, var(--text-1, var(--ink))); width: 100%; min-width: 0;
  font: 400 14px/21px Inter, sans-serif; margin-block: 16px;
}
.analytics-notice[hidden] { display: none; }
.analytics-notice h2 { font: 500 18px/23px Archivo, sans-serif; margin: 0; letter-spacing: normal; }
.analytics-notice p { margin: 0; overflow-wrap: anywhere; }
.analytics-choices { display: flex; gap: 12px; }
.analytics-choice {
  box-sizing: border-box; min-height: 44px; border: 1px solid var(--modern-border-control, var(--border, var(--rule)));
  border-radius: 8px; padding: 10px 14px; flex: 1; background: var(--modern-surface-working, var(--bg-card, var(--white)));
  color: var(--modern-text-primary, var(--text-1, var(--ink))); font: 500 14px/21px Inter, sans-serif;
  cursor: pointer; overflow-wrap: anywhere; white-space: normal;
}
.analytics-choice:focus-visible, [data-analytics-open]:focus-visible { outline: 2px solid var(--modern-selection-indicator, var(--focus)); outline-offset: 3px; }
.analytics-choice:disabled { cursor: wait; }
.analytics-notice a { font: 400 12px/18px Inter, sans-serif; color: var(--modern-selection-indicator, var(--ink)); text-decoration: underline; }
.analytics-landing { width: min(1080px, calc(100% - 32px)); margin-inline: auto; }
.analytics-settings { flex-wrap: wrap; }
.analytics-settings .analytics-choice { flex: 0 1 240px; }
.analytics-settings [data-analytics-status] { flex-basis: 100%; }
[data-analytics-status]:empty { display: none; }
[data-analytics-open] { background: none; border: 0; color: inherit; padding: 0; font: inherit; text-decoration: underline; cursor: pointer; }
@media (max-width: 600px) { .analytics-choices { flex-direction: column; } .analytics-settings .analytics-choice { flex-basis: 100%; } }