/* The cookie choices bar of the Tiny Baby website (js/consent.js; MILE-51, after Tiny Milestones' MILE-48). One copy,
   loaded by every page. The bar sits at the bottom of the viewport and never covers the page: consent.js pads the
   body by the bar's height while it is shown. The site's own palette and type (styles.css). The bar has no motion,
   so Reduce Motion changes nothing here. */
.tm-consent{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:#fbf8f3;color:#22304a;border-top:1px solid rgba(34,48,74,.14);box-shadow:0 -4px 16px rgba(34,48,74,.08);font:15px/1.5 "Figtree",system-ui,-apple-system,sans-serif;padding-bottom:env(safe-area-inset-bottom)}
.tm-consent[hidden]{display:none}
.tm-consent__inner{max-width:760px;margin:0 auto;padding:14px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.tm-consent__text{margin:0;flex:1 1 320px}
.tm-consent__text strong{font-weight:600}
.tm-consent__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.tm-consent__button{appearance:none;-webkit-appearance:none;margin:0;border:1px solid #22304a;border-radius:999px;background:#22304a;color:#fff;font:inherit;font-weight:600;line-height:1.2;padding:11px 18px;min-height:44px;cursor:pointer}
.tm-consent__button:hover,.tm-consent__button:active{background:#2e3e5e}
.tm-consent__button:focus-visible,.tm-consent__more:focus-visible{outline:2px solid #4a5fa6;outline-offset:3px;border-radius:4px}
.tm-consent__more{color:#4a5fa6;font-weight:600;white-space:nowrap}
@media (max-width:600px){.tm-consent__actions{width:100%}.tm-consent__button{flex:1 1 auto;text-align:center}}