.blog-scope{--post-accent: #2d6e3e;--post-accent-deep: #24572f;--post-accent-soft: #4a8259;--post-wash: #edf1ea;--post-olive: #4c6340;--post-dark: #16181a;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;min-height:100vh;display:flex;flex-direction:column;background:var(--bone-bg);color:var(--bone-ink);font-family:var(--font-geist);-webkit-font-smoothing:antialiased}.blog-scope:before{content:"";position:fixed;inset:0;background:var(--bone-bg);z-index:-1}.blognav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 40px;height:var(--navbar-height);background:color-mix(in srgb,var(--bone-bg) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bone-rule)}.blognav__logo{display:flex;align-items:center;gap:10px;color:var(--bone-ink);font-size:17px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.blognav__links{display:flex;align-items:center;gap:28px}.blognav__link{font-size:13px;font-weight:500;color:var(--bone-ink-mute);transition:color .18s ease}.blognav__link:hover{color:var(--bone-ink)}.blognav__cta{font-size:13px;font-weight:500;background:var(--bone-ink);color:var(--bone-bg);border-radius:var(--bone-r-sm);padding:9px 18px;white-space:nowrap;transition:opacity .18s ease,transform .18s ease}.blognav__cta:hover{opacity:.85;transform:translateY(-1px)}.blogfooter{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 40px;border-top:1px solid var(--bone-rule);background:var(--bone-bg-2);font-size:12px;color:var(--bone-ink-mute)}.blogfooter__brand{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.6px;color:var(--bone-ink-soft);text-transform:uppercase}.blogfooter__by{font-weight:400;letter-spacing:0;text-transform:none;color:var(--bone-ink-mute)}.blogfooter__links{display:flex;gap:22px}.blogfooter__links a{color:var(--bone-ink-mute);transition:color .18s ease}.blogfooter__links a:hover{color:var(--bone-ink)}@media(max-width:768px){.blognav{padding:0 18px;gap:12px}.blognav__links{gap:16px}.blognav__cta{padding:8px 13px;font-size:12px}.blogfooter{padding:24px 18px}}@media(max-width:520px){.blognav__logo span{display:none}.blognav__link{font-size:12px}}