:root{--accent:#732d91;--ink:#333;--muted:#fafafa;--brand:#95918a}
*{box-sizing:border-box}
body{font-family:'Open Sans',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;margin:0;color:var(--ink);background:#fff}
header,footer{background:var(--brand);color:#fff;text-align:center;padding:20px}
h1,h2{font-family:'Playfair Display',serif;margin:0 0 10px}
.container{max-width:1000px;margin:32px auto;padding:0 20px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.grid{grid-template-columns:1fr}}
.card{background:var(--muted);border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.08);overflow:hidden;transition:transform .25s ease}
.card:hover{transform:translateY(-4px)}
.card img{width:100%;height:220px;object-fit:cover}
.card .p{padding:16px}
.card h3{font-family:'Playfair Display',serif;color:var(--accent);margin:0 0 8px}
a.read{color:var(--accent);font-weight:700;text-decoration:none}
a.read:hover{text-decoration:underline}
.meta{font-size:13px;opacity:.8;margin-bottom:8px}
.post{max-width:800px;margin:32px auto;padding:0 20px}
.post img{width:100%;border-radius:12px;margin:16px 0}
.post .breadcrumbs{font-size:14px;margin-bottom:8px}
.post .breadcrumbs a{color:#fff}
.tag{display:inline-block;background:var(--accent);color:#fff;border-radius:20px;padding:4px 10px;font-size:12px;margin-right:6px}
.nav{display:flex;gap:16px;justify-content:center;margin-top:8px}
.nav a{text-decoration:none;font-weight:700;color:#fff}
.search{margin:0 auto 20px;max-width:520px;display:flex;gap:10px}
.search input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid #e2e2e2}
.search button{padding:10px 14px;border-radius:10px;border:0;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}
footer p{margin:0}
.pagination{display:flex;gap:8px;justify-content:center;margin:24px 0}
.pagination a{padding:8px 12px;border:1px solid #eaeaea;border-radius:8px;text-decoration:none;color:#333}
.pagination a.active{background:var(--accent);color:#fff;border-color:transparent}