:root {
  --ch-readable-copy: 12px;
  --ch-readable-control: 13px;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

[data-ch-readable-type="true"] {
  line-height: 1.38 !important;
}

small[data-ch-readable-type="true"],
time[data-ch-readable-type="true"] {
  white-space: normal !important;
  overflow-wrap: anywhere;
}

.news-timeline-copy {
  grid-template-columns: minmax(0, 1fr) !important;
}

/* Sohbet rozetleri bilinçli olarak kompakt kalır. */
.chat-level-badge span {
  font-size: 8px !important;
  line-height: 1.1 !important;
}

.chat-message-meta > span {
  min-height: 19px;
  padding: 2px 6px !important;
  font-size: 8px !important;
  line-height: 1 !important;
  white-space: nowrap;
}

.chat-message-meta > span svg {
  width: 11px;
  height: 11px;
}

button[data-ch-readable-type="true"],
a[data-ch-readable-type="true"] {
  letter-spacing: normal !important;
}

input[data-ch-readable-type="true"],
textarea[data-ch-readable-type="true"],
select[data-ch-readable-type="true"] {
  min-height: 38px;
}

@media (max-width: 720px) {
  :root {
    --ch-readable-copy: 12px;
    --ch-readable-control: 12.5px;
  }

  [data-ch-readable-type="true"] {
    line-height: 1.42 !important;
  }

  .home-v3-hero-copy > :is(h1, .home-v3-hero-actions) {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    box-sizing: border-box;
  }
}