/* Triple Twist blog layout fix (static blog, 2026-10-10).
   WordPress rendered the theme's own header part (site title + page menu, 76 px) under the fixed
   site nav because tt-blog-overrides' header selectors never matched it; that empty band set the
   page offset. The export removes the header part, so the clearance for the fixed site nav is made
   explicit here, and the page title is placed exactly where it sits on the site's other pages
   (/about/, /pricing/): 23 px below the nav on desktop, 18 px on phones. */
.wp-site-blocks { padding-top: 72px; }
@media (max-width: 650px) { .wp-site-blocks { padding-top: 60px; } }

main.wp-block-group,
main.wp-block-group > .wp-block-group:first-child { margin-top: 0 !important; padding-top: 0 !important; }

main h1.wp-block-post-title,
main h1.wp-block-heading,
main h1.wp-block-query-title,
main h1:first-of-type { margin-top: 23px !important; }
@media (max-width: 650px) {
  main h1.wp-block-post-title,
  main h1.wp-block-heading,
  main h1.wp-block-query-title,
  main h1:first-of-type { margin-top: 18px !important; }
}

/* Accessibility (2026-11): old fixed-width video embeds (750px) must shrink with the column so
   phones and 200% zoom do not need sideways scrolling (WCAG 1.4.10). */
main iframe { max-width: 100%; }
main iframe[src*="vimeo"], main iframe[src*="youtu"] { height: auto; aspect-ratio: 16 / 9; }

/* Accessibility (2026-11): section headings that were h3 directly under the post title are now h2
   (no skipped level); .tt-h3 keeps the look they had. */
main h2.tt-h3 { font-size: var(--wp--preset--font-size--large); font-weight: 400; letter-spacing: -0.1px; line-height: 1.125; text-wrap: pretty; }