*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#f3ecdf;--s1:#fffaf3;--s2:#efe6d6;--brd:#e3d5c0;
  --lime:#1b1712;--signal:#e23d28;
  --txt:#1b1712;--txt2:#5c5348;--txt3:#8a7f70;
  --fh:'Fraunces',Georgia,serif;--fb:'Outfit',system-ui,sans-serif;--fm:'IBM Plex Mono',ui-monospace,monospace;
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(800px 320px at 100% -10%, rgba(226,61,40,.12), transparent 50%),
    var(--bg);
  color:var(--txt);font-family:var(--fb);line-height:1.65;min-height:100vh;
}
a{color:var(--signal);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--txt)}
img{max-width:100%}
nav.topnav{
  position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;gap:16px;
  padding:0 28px;background:rgba(243,236,223,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--brd);
}
.logo{display:flex;align-items:center;gap:8px;color:var(--txt);text-decoration:none;font-family:var(--fh);font-size:22px}
.logo-icon,.stamp,.brand-mark{width:28px;height:28px;display:block;flex:none}
.nav-links,.links{display:flex;gap:18px;margin-left:auto;align-items:center}
.nav-links a,.links a{color:var(--txt2);text-decoration:none;font-size:14px}
.btn-lime{display:inline-flex;align-items:center;background:#e4ff57;color:#16140f !important;text-decoration:none !important;font-weight:650;border-radius:999px;padding:9px 16px;font-size:14px}
.hero{padding:72px 28px 36px;max-width:980px;margin:0 auto}
.hero h1,.article-wrap h1,h1{font-family:var(--fh);font-weight:560;letter-spacing:-.03em;font-size:clamp(36px,6vw,68px);line-height:1.05}
.hero p{color:var(--txt2);font-size:18px;max-width:560px;margin-top:12px}
.container{max-width:980px;margin:0 auto;padding:10px 28px 64px}
.section-label,.proof-kicker{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:22px}
.post-card{background:var(--s1);border:1px solid var(--brd);border-radius:16px;display:flex;flex-direction:column}
.post-card-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.post-card h2{font-family:var(--fh);font-weight:560;font-size:24px;line-height:1.15;letter-spacing:-.02em}
.post-card p{color:var(--txt2);font-size:14px;flex:1}
.post-tag{font-family:var(--fm);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--signal)}
.post-meta{font-size:12px;color:var(--txt3);display:flex;gap:8px;flex-wrap:wrap}
.post-read-link{font-weight:650;color:var(--txt);text-decoration:none}
.article-wrap{max-width:740px;margin:0 auto;padding:36px 22px 72px}
.breadcrumb{font-size:13px;color:var(--txt3);margin-bottom:18px}
.breadcrumb a{color:var(--txt3)}
.post-body h2{font-family:var(--fh);font-weight:560;font-size:28px;margin:32px 0 10px;letter-spacing:-.02em}
.post-body h3{font-family:var(--fh);font-size:20px;margin:22px 0 8px}
.post-body p,.post-body li{color:var(--txt2);font-size:16px;margin-bottom:12px}
.post-body ul,.post-body ol{padding-left:20px;margin-bottom:12px}
.post-body strong{color:var(--txt)}
.callout,.tip-box,.toc,.cta-inline{background:var(--s1);border:1px solid var(--brd);border-radius:14px;padding:16px 18px;margin:20px 0}
.toc h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--txt3);margin-bottom:8px}
.toc a{color:var(--txt2);text-decoration:none}
.cta-bar{text-align:center;padding:40px 20px}
footer,.blogfooter,footer.blogfooter{
  padding:22px 28px 40px;border-top:1px solid var(--brd);display:flex;gap:14px;flex-wrap:wrap;
  justify-content:space-between;font-size:13px;color:var(--txt3);max-width:980px;margin:0 auto;
}
.legal{max-width:740px;margin:0 auto;padding:36px 22px 80px}
.legal h1{font-size:clamp(36px,5vw,56px);margin:8px 0 12px}
.legal h2{font-family:var(--fh);font-weight:560;font-size:26px;margin:26px 0 8px}
.legal p,.legal li{color:var(--txt2);margin-bottom:10px}
.legal ul{padding-left:18px}
.placeholder{background:#fff3c4;border:1px dashed #b8860b;padding:2px 6px;border-radius:6px;color:#1b1712}
.cookie-bar{position:fixed;left:12px;right:12px;bottom:12px;max-width:680px;margin:0 auto;background:#fffaf3;border:1px solid var(--brd);border-radius:16px;padding:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;box-shadow:0 12px 40px rgba(60,40,10,.12)}
.cookie-bar p{flex:1;min-width:200px;font-size:14px;color:var(--txt2)}
.cookie-bar button{border:1px solid var(--brd);background:#fff;border-radius:999px;padding:8px 12px;font:inherit;cursor:pointer}
.cookie-bar button.yes{background:#e4ff57;border-color:#e4ff57}
@media(max-width:700px){
  nav.topnav{padding:0 14px}
  .nav-links a:not(.btn-lime),.links a:not(.btn-lime){display:none}
}