:root{--brand:#f43f74;--brand-d:#be1249;--ink:#111827;--muted:#6b7280;--bg:#fff;--soft:#f9fafb}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:inherit}img{max-width:100%}
.site-header{display:flex;align-items:center;justify-content:space-between;max-width:820px;margin:0 auto;padding:18px 24px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800}
.btn{display:inline-block;padding:9px 18px;border-radius:12px;font-weight:600;text-decoration:none;font-size:14px}
.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-d)}
.prose{max-width:720px;margin:0 auto;padding:24px 24px 64px}
.prose h1{font-size:2.1rem;font-weight:800;line-height:1.2;margin:.2em 0 .6em}
.prose h2{font-size:1.4rem;font-weight:700;margin:1.8em 0 .5em}
.prose article p{margin:1em 0;color:#374151}
.prose article ul,.prose article ol{color:#374151;padding-left:1.3em}.prose article li{margin:.4em 0}
.prose article strong{color:var(--ink)}
.prose article a{color:var(--brand-d);font-weight:600}
.prose hr{border:none;border-top:1px solid #eee;margin:2em 0}
.date{color:var(--muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:0}
.back{display:inline-block;color:var(--muted);text-decoration:none;font-size:.9rem;margin-bottom:1.5em}
.back:hover{color:var(--brand-d)}
.cta{background:linear-gradient(135deg,#fff1f5,#ffe4ec);border:1px solid #fecdd8;border-radius:20px;padding:28px;margin:3em 0 0;text-align:center}
.cta h3{margin:.2em 0;font-size:1.3rem}.cta p{color:#4b5563;margin:.4em 0 1.2em}
.blog-index{max-width:820px;margin:0 auto;padding:16px 24px 64px}
.index-hero{text-align:center;padding:24px 0 40px}
.index-hero h1{font-size:2.4rem;font-weight:800;margin:.2em 0}
.index-hero p{color:var(--muted);font-size:1.1rem;max-width:520px;margin:0 auto}
.cards{display:grid;gap:18px}
.card{display:block;text-decoration:none;border:1px solid #eef0f2;border-radius:18px;padding:24px;transition:box-shadow .2s,border-color .2s;background:#fff}
.card:hover{box-shadow:0 10px 30px rgba(0,0,0,.06);border-color:#fecdd8}
.card h2{margin:.3em 0;font-size:1.35rem}.card .excerpt{color:#4b5563;margin:.4em 0 1em}
.card .more{color:var(--brand-d);font-weight:600;font-size:.92rem}
.site-footer{border-top:1px solid #f0f0f0;padding:28px 24px;text-align:center;color:var(--muted);font-size:.9rem}
.site-footer nav{display:flex;gap:18px;justify-content:center;margin-bottom:10px;flex-wrap:wrap}
.site-footer nav a{text-decoration:none;color:var(--muted)}.site-footer nav a:hover{color:var(--brand-d)}