/* Extend the artwork to the iPhone display edges; protect readable content. */
:root{--ah-gutter:56px;--ah-safe-gutter:max(var(--ah-gutter),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}
@media(max-width:1100px){:root{--ah-gutter:36px}}
@media(max-width:850px){:root{--ah-gutter:24px}}
@media(max-width:560px){:root{--ah-gutter:20px}}
.shell{width:min(1280px,calc(100% - var(--ah-safe-gutter) - var(--ah-safe-gutter)))}
.header{padding-left:var(--ah-safe-gutter);padding-right:var(--ah-safe-gutter)}
@media(max-width:360px){.header{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
@media(max-width:1200px){.header #navigation{left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px))}}
.analytics-consent{left:max(16px,env(safe-area-inset-left,0px));width:calc(100% - max(16px,env(safe-area-inset-left,0px)) - max(16px,env(safe-area-inset-right,0px)));bottom:max(16px,env(safe-area-inset-bottom,0px))}
.newsletter-prompt{right:max(24px,env(safe-area-inset-right,0px));bottom:max(24px,env(safe-area-inset-bottom,0px))}
@media(max-width:560px){.analytics-consent{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));width:auto;bottom:max(12px,env(safe-area-inset-bottom,0px))}.newsletter-prompt{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px))}}