/* Mobile / iPhone Safari fixes */
html { -webkit-text-size-adjust: 100%; }

/* Respect safe-area insets (notch) */
.site-nav {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  padding-top: env(safe-area-inset-top);
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .site-main {
    /* Preserve the mobile spacing from main.css while accounting for the notch */
    padding-top: calc(32px + env(safe-area-inset-top));
    padding-left: calc(20px + env(safe-area-inset-left));
    padding-right: calc(20px + env(safe-area-inset-right));
  }
}

/* Smooth scrolling for code blocks on iOS */
.post-content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  word-break: break-word;
}
.post-content code { white-space: pre-wrap; }

/* Avoid images overflowing on small screens */
.post-content img { max-width: 100%; height: auto; display: block; margin: 12px auto; }

/* Slightly tweak TOC spacing on very small screens */
@media (max-width: 420px) {
  .toc { padding: 12px 14px; font-size: 0.86rem; }
}