:root{
  --sand:#faf6ef; --teal:#0f766e; --ink:#0b1320; --muted:#6b7280; --accent:#fb923c; --border:#e5e7eb;
}
html,body{background:var(--sand)}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}
h1,h2,h3,.display-6{font-family:ui-serif,Georgia,Times,serif}
a{text-decoration:none} a:hover{text-decoration:underline}
.btn-pill{border-radius:999px;padding:.55rem 1rem}
.btn-accent{background:var(--accent);color:#1f2937;border:0}
.btn-accent:hover{filter:brightness(1.05)}
.bg-cream{background:#fff}
.lead{color:var(--muted)}
.navbar{backdrop-filter:saturate(160%) blur(6px)}
.card{border:1px solid var(--border)}
.card-hover:hover{transform:translateY(-3px);box-shadow:0 .75rem 1.5rem rgba(2,6,23,.08);transition:.2s}
.hero-split{background:linear-gradient(90deg,#e9f8f6 0%,#ffffff 100%)}
.hero-image{border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.08)}
/* Insights list layout */
.post-list .post{display:flex;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:12px;background:#fff}
.post-list .thumb{width:160px;flex:0 0 160px}
.post-list .thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.badge-soft{background:#e8f3f2;color:#0f766e;border:1px solid #cde6e4}
.sidebar-sticky{position:sticky;top:90px}
.pill{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:.25rem .6rem;margin:.15rem;background:#fff}