*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;line-height:1.65}body{background:#FDFBF7;color:#2D3A2E;font-family:'Inter',sans-serif}
.container{max-width:960px;margin:0 auto;padding:0 24px}
.site-header{background:#2D3A2E;padding:32px 0;text-align:center}
.logo{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:700;color:#C4943A}
.tagline{font-family:'Space Mono',monospace;font-size:0.8rem;color:#F5F0E8;margin-top:8px;opacity:0.8}
.search-section{padding:24px 0}
.search-input{width:100%;padding:12px 20px;border:2px solid #F5F0E8;border-radius:8px;font-family:'Inter',sans-serif;font-size:0.9rem;color:#2D3A2E;background:#F5F0E8;outline:none;transition:border-color 200ms}
.search-input:focus{border-color:#3A8C7A}
.section-title{font-family:'Cormorant Garamond',serif;font-size:1.6rem;color:#2D3A2E;margin-bottom:20px}
.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:48px}
.article-card{background:#F5F0E8;border-radius:8px;padding:20px;opacity:0;transform:translateY(16px);transition:all 400ms ease-out}
.article-card.visible{opacity:1;transform:translateY(0)}
.article-card:hover{box-shadow:0 4px 16px rgba(45,58,46,0.08)}
.article-cat{font-family:'Space Mono',monospace;font-size:0.65rem;color:#3A8C7A;text-transform:uppercase;letter-spacing:0.08em}
.article-card h3{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:#2D3A2E;margin:8px 0}
.article-card p{font-size:0.8rem;color:#2D3A2E;opacity:0.8;margin-bottom:8px}
.article-meta{font-size:0.7rem;color:#C4943A}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:48px}
.cat-card{background:#F5F0E8;border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:all 200ms}
.cat-card:hover{background:#2D3A2E;color:#F5F0E8}
.cat-card:hover svg *{stroke:#C4943A}
.cat-card span{display:block;margin-top:8px;font-size:0.85rem;font-weight:600}
.site-footer{padding:32px;text-align:center;color:#C4943A;font-size:0.8rem;border-top:1px solid #F5F0E8}
@media(max-width:600px){.article-grid{grid-template-columns:1fr}}