/* Responsive compatibility layer for KOCA News' original inline article template. */

.correction-notice {
  margin: -1.35rem 0 2.8rem;
  padding: 1.15rem 1.25rem;
  border: 1px solid var(--rule-hair);
  border-left: 3px solid var(--oxblood);
  background: var(--paper-raised);
  color: var(--ink-2);
}

.correction-notice__label {
  display: block;
  margin-bottom: .45rem;
  font-family: var(--ui);
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .14em;
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--oxblood);
}

.correction-notice p {
  margin: 0;
  font-family: var(--ui);
  font-size: .82rem;
  line-height: 1.65;
}

.correction-notice a {
  font-weight: 700;
}

@media (max-width: 700px) {
  :root {
    --wrap: min(100% - 2rem, 740px);
  }

  html {
    scroll-padding-top: 64px;
  }

  body {
    overflow-x: hidden;
  }

  .nav-rail {
    width: min(100% - 2rem, 1200px) !important;
    height: auto !important;
    min-height: 56px;
    justify-content: flex-start;
    gap: .4rem !important;
    padding-block: .4rem;
  }

  .nav-back {
    display: none !important;
  }

  .nav-home {
    min-height: 40px;
    flex-shrink: 0;
  }

  .nav-rail .lang-toggle {
    min-width: 56px;
    min-height: 40px;
    margin-left: auto;
    justify-content: center;
    padding: .45rem .6rem !important;
    flex-shrink: 0;
  }

  .theme-toggle {
    min-width: 40px;
    min-height: 40px;
    justify-content: center;
    padding: .45rem .6rem !important;
    flex-shrink: 0;
  }

  .theme-toggle span + span {
    display: none !important;
  }

  .article-wrap {
    padding-top: 2.5rem !important;
  }

  .article-eyebrow {
    gap: .4rem !important;
    letter-spacing: .12em !important;
    flex-wrap: wrap;
  }

  .article-title {
    max-width: 100%;
    font-size: clamp(2.25rem, 13vw, 3.2rem) !important;
    overflow-wrap: anywhere;
  }

  .article-deck,
  .article-meta,
  .article-body,
  .sources-list,
  .filing-note {
    max-width: 100% !important;
    min-width: 0;
  }

  .article-meta {
    gap: .45rem !important;
    letter-spacing: .1em !important;
  }

  .article-hero,
  .article-hero img {
    max-width: 100%;
  }

  .article-body pre {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .article-body code,
  .article-body a,
  .sources-list a {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .comparison-table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  .comparison-table th,
  .comparison-table td {
    min-width: 9rem;
  }

  .verdict-box,
  .cta-block {
    padding: 1.25rem !important;
  }

  .correction-notice {
    margin-top: -1.45rem;
    padding: 1rem;
  }
}

@media (max-width: 360px) {
  .nav-home {
    font-size: .92rem !important;
  }

  .nav-rail {
    gap: .3rem !important;
  }
}