/* Shared layout corrections for the local and independently hosted editions. */
#intro .opts {
  align-items: flex-start;
}

.hero-memo .hm-card {
  min-width: 0;
  align-content: start;
}

.hero-memo .hm-card b {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.35;
}

@media (max-width: 560px) {
  #intro .kicker .nw {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .langsw {
    right: 16px;
    max-width: calc(100% - 32px);
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    padding: 3px;
  }

  .langsw a {
    flex: 0 0 auto;
    padding: 10px 6px;
    white-space: nowrap;
  }

  .langsw .themebtn {
    flex: 0 0 auto;
    margin-left: 0;
    padding: 9px 7px;
  }

  .hero-memo .hm-card b {
    min-height: 2.7em;
  }

  .memo.hpm .hp-main,
  .memo.hpm .hp-pane,
  .memo.hpm .hp-bxt {
    min-width: 0;
  }

  .memo.hpm .hp-bx {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }

  .memo.hpm .hp-bxv {
    width: min(100%, 220px);
    justify-self: center;
  }

  .memo.hpm .hp-bxt h3,
  .memo.hpm .hp-bxs,
  .memo.hpm .hp-bxn {
    overflow-wrap: anywhere;
  }

  .memo.hpm .hp-bxt .ghost.sm {
    width: 100%;
    min-height: 40px;
    white-space: normal;
    line-height: 1.4;
    text-align: center;
    justify-content: center;
  }

  .memo.hpm .hp-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    padding: 6px;
    overflow: visible;
  }

  .memo.hpm .hp-tab {
    min-width: 0;
    margin-bottom: 0;
    padding: 10px 8px;
    border: 1px solid transparent;
    border-radius: 7px;
    white-space: normal;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }

  .memo.hpm .hp-tab[aria-selected="true"] {
    border-color: var(--hp-line);
  }

  .memo.hpm .rm-acts,
  .memo.hpm .memo-share,
  .memo.hpm .memo-links {
    flex-wrap: wrap;
    align-items: stretch;
  }

  .memo.hpm .rm-acts > .ghost,
  .memo.hpm .memo-share > .ghost,
  .memo.hpm .memo-links > .ghost {
    flex: 1 1 140px;
    min-width: 0;
    justify-content: center;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 360px) {
  .langsw {
    border-radius: 16px;
  }
}