*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,sans-serif;background:#2d3436;color:#d4d0cc;line-height:1.7}
h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;color:#e8e4e0;line-height:1.3}
a{color:#e17055;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{max-width:1060px;margin:0 auto;padding:0 24px}

/* Header */
.site-header{background:#232829;border-bottom:1px solid #4a4f52;padding:18px 0}
.header-inner{display:flex;flex-direction:column;align-items:center;position:relative}
.site-brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.site-brand:hover{text-decoration:none}
.site-logo img{height:50px;width:auto}
.site-title,.site-tagline{display:none}
.nav-menu{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap;justify-content:center}
.nav-menu a{color:#d4d0cc;padding:6px 14px;border-radius:20px;font-size:.92rem;text-decoration:none;transition:background .2s}
.nav-menu a:hover{background:#4a4f52;text-decoration:none}

/* Mobile menu */
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}
.menu-toggle span{display:block;width:24px;height:2px;background:#d4d0cc;margin:5px 0;transition:all .3s}
.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
@media(max-width:768px){
  .menu-toggle{display:block;position:absolute;right:24px;top:26px}
  .nav-menu{display:none;flex-direction:column;width:100%;gap:0;background:#2d3436;padding:12px 0}
  .nav-menu.open{display:flex}
  .nav-menu a{padding:10px 0;border-bottom:1px solid #4a4f52;border-radius:0}
  .site-header{position:relative}
}

/* Hero */
.hero{text-align:center;padding:60px 0 40px}
.hero h1{font-size:2.2rem;margin-bottom:12px}
.hero p{font-size:1.1rem;color:#b0acaa;max-width:600px;margin:0 auto}

/* Post Grid */
.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-bottom:50px}
@media(max-width:640px){.post-grid{grid-template-columns:1fr}}

/* Cards */
.card{background:#363b3e;border:1px solid #4a4f52;border-radius:0;overflow:hidden;transition:border-color .2s}
.card:hover{border-color:#e17055}
.card a{text-decoration:none}
.card-image{background:#363b3e}
.card-image img{width:100%;display:block}
.card-body{padding:20px}
.card-body h3{font-size:1.15rem;margin-bottom:8px;color:#e8e4e0}
.card-meta{font-size:.82rem;color:#8a8785;margin-bottom:10px}
.card-body p{font-size:.93rem;color:#b0acaa}

/* Article */
.article-wrap{max-width:720px;margin:0 auto;padding:40px 24px 60px}
.article-wrap h1{font-size:2rem;margin-bottom:12px}
.article-meta{font-size:.88rem;color:#8a8785;margin-bottom:24px}
.article-meta a{color:#e17055}
.article-image{background:#363b3e;margin-bottom:30px}
.article-image img{width:100%;display:block}
.article-content{font-size:1.02rem;line-height:1.8}
.article-content p{margin-bottom:18px}
.article-content h2{font-size:1.45rem;margin:36px 0 14px;color:#e8e4e0}
.article-content h3{font-size:1.2rem;margin:28px 0 12px;color:#e8e4e0}
.article-content ul,.article-content ol{margin:0 0 18px 24px}
.article-content li{margin-bottom:6px}
.article-content blockquote{border-left:3px solid #e17055;padding:12px 20px;margin:20px 0;background:#363b3e;font-style:italic}

/* Related Posts */
.related-section{max-width:720px;margin:0 auto 50px;padding:0 24px}
.related-section h2{font-size:1.4rem;margin-bottom:20px;text-align:center}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:640px){.related-grid{grid-template-columns:1fr}}
.related-grid .card-body h3{font-size:1rem}

/* Category Page */
.category-header{text-align:center;padding:50px 0 30px}
.category-header h1{font-size:2rem;margin-bottom:10px}
.category-header p{color:#b0acaa}

/* About / Info Pages */
.page-wrap{max-width:720px;margin:0 auto;padding:40px 24px 60px}
.page-wrap h1{font-size:2rem;margin-bottom:20px;text-align:center}
.info-card{background:#363b3e;border:1px solid #4a4f52;padding:28px;margin-bottom:24px}
.info-card h2{font-size:1.3rem;margin-bottom:12px;color:#e17055}
.info-card p{font-size:.97rem;color:#b0acaa;margin-bottom:10px}
.page-wrap p{margin-bottom:16px;color:#b0acaa;font-size:.97rem}
.page-wrap h2{font-size:1.3rem;margin:30px 0 12px;color:#e8e4e0}
.page-wrap ul{margin:0 0 18px 24px;color:#b0acaa}
.page-wrap li{margin-bottom:6px}

/* Footer */
.site-footer{background:#232829;border-top:1px solid #4a4f52;padding:40px 0 0;margin-top:40px}
.footer-inner{display:flex;gap:40px;align-items:flex-start}
.footer-brand{flex-shrink:0}
.footer-links{display:flex;gap:60px}
.footer-links div{display:flex;flex-direction:column;gap:8px}
.footer-links h4{font-size:.95rem;color:#e8e4e0;margin-bottom:4px}
.footer-links a{color:#b0acaa;font-size:.88rem}
.footer-links a:hover{color:#e17055}
.footer-copy{text-align:center;font-size:.82rem;color:#6b6966;padding:20px 0;margin-top:30px;border-top:1px solid #4a4f52}
@media(max-width:640px){
  .footer-inner{flex-direction:column;align-items:center;text-align:center}
  .footer-links{flex-direction:column;gap:30px;align-items:center}
}