/* The analytics choice is separate from the site's embedded third-party media. */
.analytics-panel {
  position: fixed;
  z-index: 90;
  left: 24px;
  bottom: max(24px, env(safe-area-inset-bottom));
  width: min(535px, calc(100vw - 48px));
  max-height: calc(100dvh - 48px);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 25px 28px 22px;
  background: #faf8f2;
  color: #484d3b;
  border: 1px solid #c9ccbc;
  border-radius: 3px 12px 5px 9px;
  box-shadow: 0 8px 36px #30352324;
  font: 14px/1.6 var(--sans, sans-serif);
}
.analytics-panel[hidden] { display: none; }
.analytics-panel h2 {
  margin: 0 0 12px;
  font: 500 30px/1.15 var(--body, Georgia, serif);
  letter-spacing: -.02em;
}
.analytics-panel p { margin: 0; font-size: 14px; line-height: 1.6; }
.analytics-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0 9px; }
.analytics-panel .analytics-choice {
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #63684e;
  border-radius: 3px;
  background: transparent;
  color: #484d3b;
  font: 500 14px/1.4 var(--sans, sans-serif);
}
.analytics-panel .analytics-choice:hover { background: #eaebdf; }
.analytics-panel .analytics-details { border: 0; }
.analytics-panel .analytics-details summary {
  padding: 11px 25px 11px 0;
  font: 13px/1.5 var(--sans, sans-serif);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.analytics-panel .analytics-details p { padding: 0 0 12px; font-size: 12px; }
.analytics-panel .analytics-details a { text-decoration: underline; text-underline-offset: 3px; }
.analytics-panel .analytics-close { min-height: 44px; padding: 10px 0; font: 13px/1.5 var(--sans, sans-serif); text-decoration: underline; }
.analytics-panel .analytics-close[hidden] { display: none; }
.footer-links { flex-wrap: wrap; }
.analytics-settings { min-height: 44px; }
@media (max-width: 580px) {
  .analytics-panel { left: 12px; bottom: max(12px, env(safe-area-inset-bottom)); width: calc(100vw - 24px); padding: 22px 20px 16px; max-height: calc(100dvh - 24px); }
  .analytics-panel h2 { font-size: 28px; }
  .analytics-actions { gap: 9px; }
  .analytics-panel .analytics-choice { padding-inline: 7px; font-size: 13px; }
}