/* Bottom privacy notice: preserve the original copy and consent choices. */
html #cookie-banner {
  position: fixed; inset: auto auto 10px 50%; transform: translateX(-50%);
  box-sizing: border-box; margin: 0; width: calc(100% - 20px); max-width: 430px; z-index: 60;
  max-height: calc(100dvh - 20px); overflow-y: auto;
  padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px));
  border: 1px solid #e0e7e7; border-radius: 8px;
  background: #fff; color: #26312f; text-align: left;
  box-shadow: 0 4px 20px rgba(18, 43, 43, .1); letter-spacing: 0;
}
html #cookie-banner[hidden] { display: none; }
html #cookie-banner .cookie-banner-text { margin: 0 0 8px; color: #26312f; font-size: 13px; line-height: 1.65; }
html #cookie-banner .cookie-banner-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; align-items: stretch; }
html #cookie-banner .cookie-banner-policy { grid-column: 1/-1; justify-self: start; margin: 0 0 2px; padding-block: 3px; color: #287d84; font-size: 12px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
html #cookie-banner .cookie-banner-btn { min-height: 44px; padding: 10px 12px; border: 1px solid #d3dede; border-radius: 6px; background: #f3f7f6; color: #26312f; font: inherit; font-size: 13px; font-weight: 600; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
html #cookie-banner .cookie-banner-btn.primary { --brand-fill: var(--milo-brand, #55bdbe); border-color: var(--brand-fill, #55bdbe); background: var(--brand-fill, #55bdbe); color: #fff; }
@media (hover: hover) {
  html #cookie-banner .cookie-banner-btn:hover { background: #eaf0ef; }
  html #cookie-banner .cookie-banner-btn.primary:hover { border-color: var(--brand-fill, #55bdbe); background: var(--brand-fill, #55bdbe); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08); }
}
html #cookie-banner :is(button,a):focus-visible { outline: 2px solid #287d84; outline-offset: 2px; }
body:has(#cookie-banner:not([hidden])) > footer { padding-bottom: 210px; }
@media (max-width: 360px) {
  html #cookie-banner { bottom: 6px; width: calc(100% - 16px); padding: 14px 14px calc(14px + env(safe-area-inset-bottom, 0px)); }
  html #cookie-banner .cookie-banner-actions { gap: 8px; }
}