/*
 * The cookie note (`shared/_analytics_consent`): a small sheet in the bottom
 * right corner, in the smallest type the site sets, that a reader can ignore.
 * It sits under the menus, the search results and the alert drawer, because
 * anything a reader has opened matters more than a question they did not ask.
 */
@layer components {
  .consent-note {
    position: fixed;
    inset-block-end: max(var(--space-sm), env(safe-area-inset-bottom));
    inset-inline-end: var(--space-sm);
    z-index: 25;
    display: grid;
    gap: var(--space-xs);
    inline-size: min(17rem, calc(100vw - 2 * var(--space-sm)));
    padding: var(--space-sm);
    border: var(--rule-hairline);
    background-color: var(--color-surface);
    box-shadow: var(--shadow-overlay);
    font-size: var(--text-meta);
    line-height: var(--leading-meta);
  }

  .consent-note__text {
    margin: 0;
    color: var(--color-ink-soft);
  }

  .consent-note__actions {
    display: flex;
    gap: var(--space-xs);
  }
}