/* Legal links and the no-affiliation line, shared by every static page's footer. */
.legal-footer { display: grid; gap: 6px; padding-top: 18px; padding-bottom: 28px; color: var(--s-muted, var(--muted)); font-size: 15px; line-height: 1.6; }
.legal-footer-links { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.legal-footer-links a { color: inherit; text-decoration: none; }
.legal-footer-links a:hover { color: var(--s-ink, var(--ink)); text-decoration: underline; }
.legal-footer-note { margin: 0; }

/* Analytics settings (firmware-store/analytics.js): a footer link-style button and its dialog. */
.legal-footer-settings { min-height: 24px; border: 0; padding: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.legal-footer-settings:hover { color: var(--s-ink, var(--ink)); text-decoration: underline; }
.grlife-analytics-dialog { box-sizing: border-box; width: min(520px, calc(100vw - 32px)); max-width: none; border: 1px solid var(--s-rule, var(--rule, #d5d5d0)); border-radius: 10px; padding: 22px; background: var(--s-bg, var(--bg, #fff)); color: var(--s-ink, var(--ink, #161616)); font: inherit; }
.grlife-analytics-dialog::backdrop { background: rgb(0 0 0 / 35%); }
.grlife-analytics-dialog-form { display: grid; gap: 16px; }
.grlife-analytics-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.grlife-analytics-dialog h2 { margin: 0; font-size: 19px; }
.grlife-analytics-dialog p { margin: 0; color: var(--s-muted, var(--muted, #5f5f5a)); font-size: 13px; line-height: 1.6; }
.grlife-analytics-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.grlife-analytics-actions button, .grlife-analytics-close { min-height: 42px; border: 1px solid currentColor; border-radius: 8px; padding: 8px 14px; background: transparent; color: inherit; font: inherit; font-size: 13px; cursor: pointer; }
.grlife-analytics-actions button:disabled { cursor: default; opacity: .65; }
.grlife-analytics-close { min-width: 42px; padding: 4px; font-size: 23px; line-height: 1; }
@media (max-width: 680px) {
  .grlife-analytics-actions button { width: 100%; }
  .grlife-analytics-dialog { padding: 18px; }
}