/* Public blog — mobile-first polish */
html {
  -webkit-text-size-adjust: 100%;
}
body.hk-blog {
  overflow-x: hidden;
}

.hk-blog img,
.hk-blog video,
.hk-blog iframe {
  max-width: 100%;
}

.hk-blog .prose {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.hk-blog .prose img,
.hk-blog .prose video,
.hk-blog .prose iframe {
  display: block;
  width: 100%;
  height: auto;
  max-height: 70vh;
  object-fit: contain;
  border-radius: 12px;
}
.hk-blog .prose iframe {
  aspect-ratio: 16 / 9;
  height: auto;
  min-height: 180px;
}
.hk-blog .prose table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.hk-blog .prose pre {
  overflow-x: auto;
  max-width: 100%;
  font-size: 13px;
}

@media (max-width: 639px) {
  .hk-blog .page-btn-label {
    display: none;
  }
}

@media (min-width: 640px) {
  .hk-blog .page-btn-icon {
    display: none;
  }
}