/* R2.4.1 maintenance: trademark treatment and persistent mobile navigation. */
.pd-tm{
  display:inline-block;
  margin-left:.08em;
  font-size:.62em;
  line-height:0;
  letter-spacing:0;
  vertical-align:super;
}

.pd-hero-tm{
  margin-left:.16em;
  font-size:.25em;
}

@media(max-width:900px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }

  .section--hero .shell,
  .hero-copy-block,
  .hero-claim,
  .hero-copy{
    min-width:0;
    max-width:100%;
  }

  .hero-claim,
  .hero-copy{
    overflow-wrap:break-word;
  }

  .site-header .shell,
  .stories-header .shell,
  .topbar{
    flex-wrap:wrap;
    row-gap:10px;
  }

  .site-header .site-nav,
  .stories-header .site-nav,
  .topbar .site-nav{
    display:flex!important;
    flex:1 0 100%;
    gap:0;
    max-width:100%;
    overflow-x:auto;
    padding:0 0 12px;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }

  .site-header .site-nav a,
  .stories-header .site-nav a,
  .topbar .site-nav a{
    flex:0 0 auto;
    margin:0!important;
    padding:7px 16px 7px 0;
    font-size:.78rem;
    white-space:nowrap;
  }

  .site-header + main .section--hero .hero,
  .site-header + main .di-hero{
    padding-top:152px;
  }

  .stories-header .shell{
    padding-bottom:6px;
  }

  .topbar{
    height:auto;
    padding-top:14px;
    padding-bottom:0;
  }
}

@media(max-width:430px){
  .site-header + main .section--hero .hero,
  .site-header + main .di-hero{
    padding-top:160px;
  }
}