/* Cookie banner for pages outside the homepage. Matches the homepage banner. */
.consent { position: fixed; z-index: 250; left: 12px; right: 12px; bottom: 12px; max-width: 460px; margin-left: auto;
  background: #fff; border: 1px solid rgba(22, 19, 14, .08); border-radius: 20px; padding: 16px;
  box-shadow: 0 24px 60px -24px rgba(22, 19, 14, .45);
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; font-size: 13.5px; line-height: 1.5; color: #57503F; text-align: left; }
.consent[hidden] { display: none; }
.consent p { margin: 0; }
.consent a { color: #16130E; text-decoration: underline; text-underline-offset: 3px; }
.consent__btns { display: flex; gap: 8px; margin-top: 12px; }
.consent__btn { flex: 1; display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px;
  border: 1px solid #16130E; border-radius: 999px; background: #16130E; color: #FBF8F2;
  font: inherit; font-size: 13.5px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: background-color .2s; }
.consent__btn:hover { background: #8C2F3D; border-color: #8C2F3D; }
.consent__btn--ghost { background: rgba(255, 255, 255, .6); color: #16130E; border-color: rgba(22, 19, 14, .15); }
.consent__btn--ghost:hover { background: #fff; border-color: rgba(22, 19, 14, .3); }
.consent__btn:focus-visible { outline: 2px solid #8C2F3D; outline-offset: 2px; }
@media (min-width: 640px) { .consent { right: 24px; bottom: 24px; left: auto; } }
/* keep the banner above the loop page's sticky bar on phones */
@media (max-width: 639px) { .consent { bottom: calc(12px + env(safe-area-inset-bottom)); } }