/* v5.9.4 visual polish after screenshot review. */

/* At tablet/small-desktop widths there is not enough horizontal room for
   multiple breaking headlines. Keep one complete, readable priority item
   instead of allowing adjacent links to visually overlap. */
@media (min-width: 621px) and (max-width: 1100px) {
  .breaking-items {
    display: block;
    min-width: 0;
    overflow: hidden;
    mask-image: none;
  }

  .breaking-items a {
    display: none;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .breaking-items a:first-child {
    display: block;
  }
}

/* Keep first-visit consent usable without covering most of a phone screen. */
@media (max-width: 620px) {
  .cookie-banner {
    padding: 12px 13px;
    gap: 8px;
    max-height: min(38vh, 230px);
    overflow-y: auto;
  }

  .cookie-banner strong {
    font-size: .88rem;
  }

  .cookie-banner p {
    margin: 2px 0 0;
    font-size: .70rem;
    line-height: 1.4;
  }

  .cookie-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 7px;
  }

  .cookie-actions .button {
    min-width: 0;
    padding: 9px 7px;
    font-size: .72rem;
    line-height: 1.15;
  }
}

@media (max-width: 390px) {
  .cookie-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}