/* Shared mobile rhythm and touch targets for every marketing and blog page. */
@media(max-width:1050px){
  .header .navigation-toggle{width:44px;height:44px}
}
@media(max-width:680px){
  .header{width:calc(100% - 40px);gap:8px;min-height:76px;padding:12px 0}
  .header .brand{min-height:44px;flex-shrink:0}
  .header-actions{gap:6px}
  .header-actions .button{height:36px;min-height:36px;padding-block:6px}
  .promo-banner{padding:10px 52px 10px 16px}
  .promo-close{width:44px;height:44px;right:2px}
  .desktop-nav{max-width:calc(100vw - 40px)}
  .site-footer-inner{margin-inline:20px}
  .site-footer-nav{gap:0}
  .site-footer-nav h2{margin-bottom:8px}
  .site-footer-nav a{display:flex;align-items:center;min-height:44px;width:100%}
  .site-footer-bottom{gap:12px;font-size:12px}
  .site-footer-bottom nav{gap:6px 20px}
  .site-footer-bottom a,.site-footer-bottom button{display:inline-flex;align-items:center;min-height:44px}
  .background-motion{min-height:44px;padding:9px 14px;font-size:12px}
  .listing-page .library-search{height:48px}
  .listing-page .library-search input{font-size:16px}
  .listing-page .library-search button{min-width:32px;min-height:44px}
  .listing-page .topic-filter{min-height:44px;font-size:12px;padding:10px 13px}
  .listing-page #load-more,.listing-page #reset-filters{min-height:44px}
}
@media(max-width:390px){.header-actions{gap:4px}}
@media(max-width:600px){
  .article-page .article{margin-left:20px;margin-right:20px}
  .article-page .article-cover{width:100%;height:auto;object-fit:contain}
}

/* A clean white section meets the ocean without a grey gradient band. */
.onboarding-route .ocean{--ocean-tail:96;-webkit-mask-image:none;mask-image:none}
.onboarding-route .onboarding-setup{position:relative;isolation:isolate;margin-top:40px;padding-top:24px}
.onboarding-route .onboarding-setup::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);border-radius:40px 40px 0 0;background:#fff}
@media(max-width:680px){.onboarding-route .onboarding-setup{margin-top:32px;padding-top:16px}.onboarding-route .onboarding-setup::before{border-radius:28px 28px 0 0}}

/* Decorative busy-inbox app icons shared by every announcement banner. */
.promo-mail-apps{display:inline-flex;align-items:center;gap:12px;flex:none;padding:6px 7px 2px 0;margin-right:5px}
.promo-mail-app{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#fff;box-shadow:0 2px 5px #00163626}
.promo-mail-app img{display:block;width:24px;height:24px;object-fit:contain}
.promo-mail-badge{position:absolute;top:-6px;right:-7px;display:grid;place-items:center;min-width:24px;height:15px;padding:0 4px;border-radius:999px;background:#ff343b;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:600;line-height:1;letter-spacing:0;box-shadow:0 1px 2px #0002}
@media(max-width:680px){.promo-mail-apps{gap:9px;margin-right:3px}.promo-mail-app{width:26px;height:26px;border-radius:7px}.promo-mail-app img{width:20px;height:20px}.promo-mail-badge{top:-5px;right:-6px;min-width:21px;height:13px;padding:0 3px;font-size:8px}.promo-content{gap:9px}}