:root{--bg:#f4efe6;--surface:#fffaf2;--text:#1d1a16;--muted:#6a6257;--accent:#b35f2a;--border:#1d1a161f;--shadow:0 24px 60px #3d2c1e1f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Verdana,"Verdana",sans-serif;line-height:1.6;color:var(--text);background:radial-gradient(circle at top left,#eadcf5,transparent 38%),linear-gradient(180deg,#fbf7f0 0%,var(--bg) 100%)}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.site-wrap{width:min(1100px,calc(100% - 2rem));margin:0 auto}
.site-header,.site-footer{padding:1.5rem 0}
.site-header{border-bottom:1px solid var(--border)}
.branding{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.site-title{margin:0;font-size:clamp(1.5rem,3vw,2.25rem)}
.site-title a{color:var(--text)}
.site-description{margin:.25rem 0 0;color:var(--muted)}
.site-main{padding:3rem 0 4rem}
.hero,.content-card,.no-posts{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}
.hero{padding:clamp(2rem,5vw,4rem);margin-bottom:2rem}
.hero h2,.content-card h2{margin-top:0}
.hero p,.content-card p,.no-posts p{color:var(--muted)}
.post-list{display:grid;gap:1.25rem}
.content-card,.no-posts{padding:1.5rem}
.entry-meta{font-size:.95rem;color:var(--muted)}
.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.95rem}
@media (max-width: 700px) {
.branding{flex-direction:column;align-items:flex-start}
.hero,.content-card,.no-posts{border-radius:18px}
}