html, body { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { overscroll-behavior: none; }
[id] { scroll-margin-top: 6rem; }

/* Keep the fixed header below the WordPress admin bar when logged in. */
.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

/* The design's headline sizes are desktop-first; scale them down on phones. */
@media (max-width: 640px) {
  .text-display-hero { font-size: 2.75rem; line-height: 3.25rem; }
  .text-headline-lg { font-size: 2rem; line-height: 2.5rem; }
}

/* Basic typography for blog posts and pages (the_content output). */
.entry-content > * + * { margin-top: 1.25rem; }
.entry-content h2 { font-size: 1.75rem; line-height: 2.25rem; font-weight: 700; margin-top: 2.5rem; }
.entry-content h3 { font-size: 1.375rem; line-height: 1.875rem; font-weight: 700; margin-top: 2rem; }
.entry-content a { color: #9d4300; text-decoration: underline; text-underline-offset: 3px; }
.entry-content ul { list-style: disc; padding-left: 1.5rem; }
.entry-content ol { list-style: decimal; padding-left: 1.5rem; }
.entry-content blockquote { border-left: 4px solid #f97316; padding-left: 1rem; font-style: italic; color: #584237; }
.entry-content pre, .entry-content code { font-family: "JetBrains Mono", monospace; font-size: 0.875rem; }
.entry-content pre { background: #f2f3ff; padding: 1rem; border-radius: 0.5rem; overflow-x: auto; }
.entry-content img { max-width: 100%; height: auto; border-radius: 0.75rem; }

/* Mobile menu */
.mobile-menu[hidden] { display: none; }