.blog-index{max-width:1180px;margin:0 auto;padding:clamp(50px,8vw,90px) clamp(20px,5vw,64px) 80px}
.blog-index h1{font:300 clamp(36px,5vw,60px)/1.05 var(--display);letter-spacing:-.03em;margin-bottom:40px}.blog-index h1 em{font-style:italic;font-weight:500;color:var(--violet)}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.post-card{background:var(--paper);border-radius:24px;overflow:hidden;border:1px solid var(--line);transition:transform .15s,box-shadow .15s}.post-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px -30px rgba(42,27,94,.35)}
.post-card img,.post-cover{width:100%;height:170px;object-fit:cover;display:block;background:linear-gradient(135deg,#2A1B5E,#7A5BFF 60%,#FF6B5B)}
.pc-body{padding:20px}.pc-meta{font-size:12px;color:var(--ink3);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.pc-body h2{font:600 22px/1.2 var(--display);margin:8px 0}.pc-body p{margin:0;color:var(--ink2);font-size:15px}
.blog-post{max-width:720px;margin:0 auto;padding:clamp(50px,8vw,90px) clamp(20px,5vw,64px) 80px}
.blog-post h1{font:300 clamp(36px,5vw,58px)/1.06 var(--display);letter-spacing:-.03em}.post-meta{color:var(--ink3);font-size:14px;margin:14px 0 30px}
.post-hero{width:100%;border-radius:24px;margin-bottom:30px}
.prose{font-size:18px;line-height:1.75;color:var(--ink2)}.prose h2{font:600 30px/1.2 var(--display);color:var(--ink);margin:38px 0 12px}.prose h3{font:600 22px var(--display);color:var(--ink);margin:28px 0 8px}.prose p{margin:0 0 18px}.prose a{color:var(--violet);font-weight:600}.prose blockquote{border-left:3px solid var(--gold);margin:24px 0;padding:4px 20px;font:italic 300 24px/1.4 var(--display);color:var(--ink)}.prose ul,.prose ol{padding-left:22px}.prose li{margin-bottom:6px}.prose code{background:var(--line);padding:2px 6px;border-radius:6px;font-size:.9em}.prose pre{background:var(--ink);color:#EDE9FF;padding:18px;border-radius:16px;overflow:auto}.prose strong{color:var(--ink)}
.post-faq{margin-top:40px}.post-faq h2{font:600 26px var(--display);margin-bottom:10px}
.post-cta{margin-top:50px;background:linear-gradient(150deg,#2A1B5E,#7A5BFF);color:#fff;border-radius:26px;padding:30px;text-align:center}.post-cta h3{font:600 26px var(--display)}.post-cta p{color:#D9D2FF;margin:8px 0 18px}.post-cta .cta{background:#fff;color:var(--plum)}