/* ------------------------------------------------------ analytics notice */
/* Fixed in the corner, no backdrop, nothing behind it blocked. Opt out and OK
   are drawn identically, so objecting is no harder than carrying on. */
.analytics-notice{position:fixed;z-index:50;left:1.25rem;bottom:1.25rem;
  width:min(26rem,calc(100vw - 2.5rem));padding:1.1rem 1.2rem;
  border:1px solid var(--ridge);border-radius:14px;background:var(--dusk);color:var(--ink);
  box-shadow:0 18px 40px -20px rgba(0,0,0,.8);display:flex;flex-direction:column;gap:.75rem;
  font:400 .9rem/1.6 "Albert Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.analytics-notice[hidden]{display:none}
.analytics-notice:focus{outline:none}
.analytics-notice:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.analytics-notice p{margin:0;color:var(--ink-2);font-size:.9rem;line-height:1.6;max-width:none}
.analytics-notice .analytics-notice-status{color:var(--ink);font-weight:600}
.analytics-notice a{color:var(--signal);text-underline-offset:.22em;white-space:nowrap}
.analytics-notice a:hover{color:var(--flash)}
.analytics-notice-actions{display:flex;gap:.6rem;justify-content:flex-end}
.analytics-notice-actions button{min-height:44px;min-width:6.5rem;padding:.5rem 1.1rem;
  border-radius:999px;border:1px solid var(--slate);background:transparent;color:var(--ink);
  font:500 .88rem/1 "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer}
.analytics-notice-actions button:hover{border-color:var(--brass);color:var(--flash);background:var(--night)}
@media (max-width:30rem){
  .analytics-notice{left:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));
    width:calc(100vw - 1.5rem);padding:1rem}
  .analytics-notice-actions{display:grid;grid-template-columns:1fr 1fr}
}
/* The footer control reads as one of the footer's links. */
.analytics-settings{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;
  cursor:pointer;text-decoration:none}
.analytics-settings[hidden]{display:none}
.analytics-settings:hover{color:var(--signal)}

.analytics-foot{display:inline-flex;gap:1.1rem;align-items:center;flex-wrap:wrap}
footer .analytics-settings{color:var(--gold);text-decoration:underline;
  text-decoration-color:color-mix(in srgb,var(--gold) 42%,transparent);text-underline-offset:.2em}
footer .analytics-settings:hover{color:var(--signal)}