/* HANDOFF PARTNERS — base layout, reset, header/footer shared across all pages */
*{box-sizing:border-box}
body{margin:0;font-family:var(--f-sans);background:var(--c-page-bg);color:var(--c-text-strong);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--f-serif)}

.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:7px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer}
.btn-outline{border-color:rgba(255,255,255,.35);color:var(--c-text-onDark)}
.btn-sm{padding:9px 16px;font-size:13.5px}

/* header (shared with WF-produced article pages) */
.site-header{position:sticky;top:0;z-index:50;background:var(--c-bg-dark);border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{max-width:1180px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}
.header-logo{font-family:var(--f-serif);font-size:19px;font-weight:700;color:var(--c-text-onDark);letter-spacing:.01em}
.header-nav{display:flex;gap:30px}
.nav-link{font-size:14px;color:var(--c-text-onDark-muted);font-weight:500}
.nav-link:hover{color:var(--c-text-onDark)}
.header-actions{display:flex;align-items:center;gap:14px}

/* footer (shared with WF-produced article pages) */
.site-footer{background:var(--c-bg-dark);color:var(--c-text-onDark-muted);padding:64px 0 0}
/* footer-inner / footer-bottom kept simple — reserved for WF-produced article page footer, do not repurpose for homepage multi-column nav */
.footer-inner{max-width:900px;margin:0 auto;padding:24px 32px;text-align:center}
.footer-bottom{max-width:1180px;margin:0 auto;padding:22px 32px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;color:var(--c-text-onDark-faint)}
.footer-bottom p{margin:0}

/* homepage/site-wide multi-column footer nav (separate from footer-inner) */
.footer-nav-inner{max-width:1180px;margin:0 auto;padding:0 32px 48px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.footer-col .footer-h{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-onDark-faint);margin-bottom:16px;font-weight:700}
.footer-col a{display:block;font-size:13.5px;color:var(--c-text-onDark-muted);margin-bottom:10px}
.footer-col a:hover{color:var(--c-text-onDark)}
.footer-brand .footer-logo{font-family:var(--f-serif);font-size:18px;color:var(--c-text-onDark);margin-bottom:12px;font-weight:700}
.footer-brand p{font-size:13px;line-height:1.6;color:var(--c-text-onDark-faint);max-width:280px}

@media (max-width:900px){
  .header-nav{display:none}
  .footer-nav-inner{grid-template-columns:1fr 1fr}
}