/* Let text and controls grow without relying on a fixed header height. */
body>header{height:auto!important;min-height:88px;flex-wrap:wrap;gap:12px 16px;padding-block:12px}
body>header>.brand{min-width:0;flex-shrink:0}
body>header .language-control{max-width:100%}
body>header .language-control select{max-width:100%;width:auto}
body>header>nav{min-width:0;flex:1;flex-wrap:wrap;justify-content:center}
#main{padding-block-start:var(--header-height,88px);overflow-wrap:anywhere}
#main>.app-view>section.wrap:first-child{padding-block-start:40px}
body[data-area=home] #main{padding-block-start:max(0px,calc(var(--header-height,88px) - 88px))}
html{scroll-padding-block-start:calc(var(--header-height,88px) + 20px)}
#main [id]{scroll-margin-block-start:calc(var(--header-height,88px) + 20px)}
body>header #navigation.open{top:100%;max-height:calc(100dvh - var(--header-height,88px));overflow-y:auto}
#cookie-notice{color:#ece7db;max-height:calc(100dvh - var(--header-height,88px) - 30px);overflow-y:auto;overflow-wrap:anywhere}
#cookie-notice strong{color:#ece7db}
#cookie-notice p{color:#b5b4bb}
#cookie-notice a{color:#d4bc92;white-space:normal}
#cookie-notice button{background:#d4bc92;color:#10121b;border-color:#d4bc92;white-space:normal;max-width:100%}
.aeryn-filters,.reader-tools,.lightbox-footer,.lightbox-actions{flex-wrap:wrap}
.aeryn-filters button,.reader-tools button{max-width:100%;white-space:normal}
.story-prose[lang=it]{overflow-wrap:anywhere}
.album-controls{gap:8px}
.album-controls [data-album-step]{min-width:2em;min-height:2em;width:auto;height:auto;flex-shrink:0}
.album-controls .album-position{min-width:0;text-align:center;overflow-wrap:anywhere}
dialog{overflow-wrap:anywhere}
#lightbox,#aeryn-lightbox,#story-viewer,#community-coming-soon,#social-post-dialog{padding-block-start:calc(3em + 12px)}
.post-social-actions{flex-wrap:wrap;gap:12px}
.post-social-actions button{max-width:100%;white-space:normal}
.post-header{flex-wrap:wrap}
.post-header>div{flex:1 1 8em;min-width:0}
.post-header .post-kind{max-width:100%;flex:0 1 auto}
.journal-contents{position:static;top:auto;left:auto;width:auto}
.chapter-reader-frame{position:relative;z-index:0}
@media(min-width:601px){.serial-release{grid-template-columns:100px max-content minmax(0,1fr)}}
@media(max-width:1100px){body>header>nav{flex:none;justify-content:flex-start}}
@media(max-width:760px){body>header{min-height:72px}body[data-area=home] #main{padding-block-start:max(0px,calc(var(--header-height,72px) - 72px))}}