/* One page frame for the header, article, media, related reading and footer. */
:root{--page-width:1100px;--page-gutter:24px;--layout-gap:64px;--layout-inner-gap:32px}
:is(.header-container,.article-opening,.article-layout,.series-panel,.editorial-media.hero-media,.talk-grid,.site-footer){width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin-inline:auto;padding-inline:0}
.detail-page__title{text-align:left}

/* Header actions participate in the same frame at every width. */
.site-navigation{margin-right:0}
.header-actions{margin-left:24px}
.site-whatsapp{position:static;right:auto;top:auto}

/* Contact and footer share two main columns and the same subdivisions.
   Every second logo subdivision coincides with a footer category column. */
.talk-grid,.footer-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--layout-gap);row-gap:48px}
.contact,.contact-right,.big-footer-left,.big-footer-right{grid-column:auto;min-width:0}
.contact-right,.big-footer-right{margin-top:0}
.big-footer-left,.big-footer-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--layout-inner-gap);row-gap:32px}
.big-footer-right>.footer-links-group:last-child{margin-left:0}
.footer-logos{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--layout-inner-gap);row-gap:32px;justify-items:start}
.footer-logos img{width:70px;height:42px;max-width:100%;object-fit:contain;object-position:left center}
.footer-social{margin-top:64px;padding-inline:0}

@media(max-width:850px){
  :root{--layout-gap:48px;--layout-inner-gap:24px}
  .header-container{padding:24px 0 0}
  .brand img{width:min(208px,calc(100vw - 152px));max-width:100%}
  .header-actions{margin-left:auto}
  .site-navigation{left:0;right:0;margin:0;padding-inline:0}
  .mobile-local-status{left:0}
  .footer-social{margin-top:48px}
}
@media(max-width:720px){
  .talk-grid,.footer-links-grid{grid-template-columns:minmax(0,1fr);row-gap:48px}
  .contact-right,.big-footer-right{margin-top:0}
  .footer-social{margin-top:40px}
}
@media(max-width:360px){
  .big-footer-left,.big-footer-right{grid-template-columns:minmax(0,1fr)}
  .footer-logos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
}