.sh1,
.sh2,
h1,
h2,
h3,
.lede,
.card h3,
.pri-c h3 {
  overflow-wrap: break-word;
  hyphens: auto;
}


.lad-i b,
.lad-i small,
.hub-s b,
.hub-s small,
.fab-r b,
.fab-r small,
.st {
  overflow-wrap: break-word;
}


input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']):not([type='submit']):not([type='button']):not([type='reset']):not([type='image']),
textarea,
select {
  font-size: 16px;
}




@media (max-width: 1024px) {
  .icobtn {
    width: 44px;
    height: 44px;
    flex: none;
  }

  .lsw-b {
    min-height: 44px;
  }

  .brand {
    min-height: 44px;
  }

  
  .story-nav button {
    height: 44px;
    width: 44px;
  }

  .story-nav {
    gap: 0;
  }

  
  .foot li {
    margin-bottom: 0;
  }

  .foot li a {
    display: flex;
    align-items: center;
    min-height: 44px;
  }

  
  .lsw-l a {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    padding: 9px 12px;
    border-radius: 10px;
    color: var(--em-text-dim);
    font-family: var(--em-font-sans);
    font-size: 13.5px;
    font-weight: 600;
    text-align: left;
  }

  .lsw-l a .fl {
    font-size: 15px;
    line-height: 1;
  }

  .lsw-l a[aria-current='true'] {
    background: var(--p-soft);
    color: var(--p-ink);
  }

  
  .cbx {
    min-height: 44px;
  }

  .cbx input[type='checkbox'] {
    width: 22px;
    height: 22px;
    flex: none;
  }

  
  .csel-l li {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}


@media (max-width: 400px) {
  .hdr-in {
    padding-left: 14px;
    padding-right: 14px;
    gap: 8px;
  }

  .hdr-r {
    gap: 6px;
  }

  .hdr .lsw-b {
    padding: 0 8px;
  }
}


@media (max-width: 640px) {
  .fab-r {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  
  .fab-r {
    min-width: 0;
  }

  
  .fab-r b {
    flex-wrap: wrap;
  }

  .fab-r b,
  .fab-r small {
    min-width: 0;
    max-width: 100%;
  }

  .fab-r small {
    text-align: left;
  }

  
  html:not(.story-live) .hub-c {
    flex-direction: column;
    text-align: center;
  }

  
  .hub-s b,
  .hub-s small,
  .lad-i b,
  .lad-i small {
    white-space: normal;
    max-width: 100%;
  }
}


@media (max-width: 359px) {
  html:not(.story-live) .hub {
    grid-template-columns: minmax(0, 1fr);
  }
}


@media (max-width: 400px) {
  .sh1 {
    font-size: 29px;
  }
  .lede {
    font-size: 15px;
  }
  
  .pri-c {
    padding-left: 14px;
    padding-right: 14px;
  }
  .pri-c p {
    font-size: 13px;
  }
}