/* makeabook.fun: slim header and footer around the copied page. Everything is scoped to .mb-* so it can't touch the page's own design. */
.mb-header { position: sticky; top: 0; z-index: 50; background: #faf7f1; border-bottom: 1px solid #e3ddd2; }
.mb-wrap { width: min(1200px, 100% - 40px); margin: 0 auto; }
.mb-header .mb-wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 64px; }
.mb-wordmark { font-family: "Cormorant Garamond", Georgia, serif; font-size: 24px; font-weight: 500; color: #221d1b; text-decoration: none; letter-spacing: .02em; }
.mb-nav { display: flex; align-items: center; gap: 22px; }
.mb-nav a { font: 600 12px/1 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #221d1b; text-decoration: none; }
.mb-nav a:hover { color: #1d322f; text-decoration: underline; text-underline-offset: 4px; }
.mb-nav .mb-cta { padding: 11px 15px; background: #1d322f; color: #fff; }
.mb-nav .mb-cta:hover { background: #2a4743; color: #fff; text-decoration: none; }
@media (max-width: 560px) { .mb-nav a:not(.mb-cta) { display: none; } .mb-wordmark { font-size: 22px; } }
.mb-footer { background: #1d322f; color: #dfe6e2; text-align: center; padding: 48px 0 40px; }
.mb-footer .mb-wordmark { color: #fff; font-size: 26px; }
.mb-footer p { margin: 14px auto 0; max-width: 560px; font: 400 15px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
.mb-footer a { color: #fff; }
.mb-footer small { display: block; margin-top: 20px; font: 400 12.5px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; opacity: .65; }