/* ============================================================ WordPress-only additions. css/home.css is a verbatim copy of the static build and stays untouched so it can be re-synced; anything the WP shell needs on top lives here. ============================================================ */ /* generic page / post body (page.php · index.php) — editor content in the brand voice */ .wp-prose { padding: 40px var(--gutter) 90px; max-width: 760px; } .wp-prose > * + * { margin-top: 18px; } .wp-prose p, .wp-prose li { font-size: 15px; line-height: 1.6; color: var(--ink-soft); } .wp-prose h2, .wp-prose h3 { font-family: var(--font-display); font-weight: 400; color: var(--ink); line-height: 1.15; } .wp-prose h2 { font-size: clamp(28px, 2.6vw, 40px); margin-top: 44px; } .wp-prose h3 { font-size: clamp(22px, 2vw, 28px); margin-top: 32px; } .wp-prose a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; } .wp-prose ul, .wp-prose ol { padding-left: 22px; } .wp-prose img { height: auto; } .wp-prose blockquote { border-left: 1px solid var(--hairline); padding-left: 18px; font-family: var(--font-display); font-size: 20px; color: var(--ink); } .wp-teaser + .wp-teaser { margin-top: 36px; padding-top: 36px; border-top: 1px solid rgba(35,32,27,.12); } .wp-teaser h2 { font-size: 26px; } .wp-teaser h2 a { text-decoration: none; } .wp-teaser h2 a:hover { text-decoration: underline; text-underline-offset: 4px; } .wp-prose .nav-links { display: flex; gap: 18px; margin-top: 40px; font-size: 14px; } /* logged-in admin bar: WP already pushes down by the bar height, which carries the in-flow header with it; only the fixed mobile drawer needs the offset */ body.admin-bar .mnav { top: 32px; } @media (max-width: 782px) { body.admin-bar .mnav { top: 46px; } }