.arete-analytics-choice { position:fixed; z-index:180; bottom:18px; left:18px; width:min(380px,calc(100vw - 36px)); padding:20px; border:1px solid #b9b59f; border-radius:12px; background:#fffcf5; color:#18392e; box-shadow:0 8px 35px #102d2329; font:400 14px/1.5 "Outfit",sans-serif; }
.arete-analytics-choice strong { font-size:16px; font-weight:600; }
.arete-analytics-choice p { margin:8px 0 15px; }
.arete-analytics-choice > div { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.arete-analytics-choice button { padding:9px 12px; min-height:38px; border:1px solid #afbbac; border-radius:6px; background:#fff; color:#18392e; cursor:pointer; font:500 13px "Outfit",sans-serif; }
.arete-analytics-choice button:first-child { background:#173a2d; color:#fff; border-color:#173a2d; }
.arete-analytics-choice a { font-size:12px; text-decoration:underline; color:#53674f; }

.age-gate-analytics[hidden], .age-gate-without-analytics[hidden] { display:none; }
@media (min-width:861px) and (hover:hover) and (pointer:fine) {
  .age-gate.has-analytics { overflow-y:auto; }
  .age-gate.has-analytics .age-gate-panel { width:min(100%,440px); margin-block:auto; }
  .age-gate.has-analytics .age-gate-copy { margin-bottom:1rem; }
  .age-gate-analytics { width:100%; margin:1rem 0 0; padding-top:1rem; border-top:1px solid rgba(200,169,107,.3); color:rgba(247,244,236,.76); font-size:.875rem; line-height:1.6; }
  .age-gate-analytics a { color:var(--gold-soft); text-decoration:underline; text-underline-offset:3px; }
  .age-gate-without-analytics { width:100%; margin-top:.75rem; padding:.8rem 1rem; border:1px solid rgba(247,244,236,.4); border-radius:12px; color:var(--ivory); font:500 .875rem/1.5 var(--body); cursor:pointer; }
  .age-gate-without-analytics:hover { border-color:var(--gold-soft); background:rgba(247,244,236,.05); }
}

/* Keep the standalone desktop notice anchored to the viewport corner. */
@media (min-width:861px) {
  body > .arete-analytics-choice {
    position:fixed !important;
    inset:auto auto 18px 18px !important;
    margin:0 !important;
    transform:none !important;
    translate:none !important;
    width:380px;
    max-width:calc(100vw - 36px);
    max-height:calc(100dvh - 36px);
    overflow-y:auto;
    box-sizing:border-box;
  }
}

@media (min-width:861px) {
 body .age-gate .age-gate-panel { width:min(100%,340px); }
 body .age-gate .age-gate-emblem { width:44px; height:44px; margin-bottom:12px; }
 body .age-gate .age-gate-panel h2 { font-size:25px; line-height:1.2; margin-bottom:9px; }
 body .age-gate .age-gate-copy { font-size:13px; line-height:1.5; margin-bottom:16px; }
 body .age-gate .age-gate-yes,body .age-gate .age-gate-without-analytics { min-height:42px; padding:10px 12px; font-size:13px; line-height:1.4; border-radius:8px; }
 body .age-gate .age-gate-without-analytics { margin-top:8px; }
 body .age-gate .age-gate-no { font-size:12px; margin-top:7px; padding:7px; }
 body .age-gate .age-gate-analytics { font-size:11px; line-height:1.5; margin-top:10px; padding-top:10px; }
}