@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Work+Sans:wght@400;500;600&display=swap');
:root {
  --primary: #4a4a4a; --accent: #d4a574; --bg: #f5f3f0; --text: #2a2a2a; --muted: #888;
  --container: 1140px; --font-head: 'Playfair Display', serif; --font-body: 'Work Sans', sans-serif;
  --radius: 12px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font-body);line-height:1.6;color:var(--text);background:var(--bg);font-size:1rem}
a{color:var(--primary)}
img,svg{max-width:100%;display:block}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}

.site-header{text-align:center;padding:24px 0;border-bottom:1px solid #ddd}
.logo{font-family:var(--font-head);font-size:2rem;letter-spacing:2px}
.nav-underline{display:flex;justify-content:center;gap:24px;margin-top:12px}
.nav-underline a{text-decoration:none;color:var(--muted);padding-bottom:4px;border-bottom:2px solid transparent}
.nav-underline a:hover,.nav-underline a.active{border-color:var(--accent);color:var(--text)}
.hero-full{position:relative;margin:0 -20px 32px;max-width:calc(100% + 40px)}
.hero-full img{width:100%;max-height:500px;object-fit:cover}
.hero-text{position:absolute;bottom:0;left:0;right:0;padding:40px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff}
.hero-text h1{font-family:var(--font-head);font-size:2.2rem}
.tag-bracket{font-size:0.75rem;letter-spacing:1px}
.tag-bracket::before{content:'['}.tag-bracket::after{content:']'}
.mag-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0}
.mag-cols .item img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius)}
.article-layout{display:grid;grid-template-columns:1fr 260px;gap:32px;margin:32px 0}
.toc-sticky{position:sticky;top:20px;font-size:0.9rem}
.toc-sticky h4{margin-bottom:8px;font-family:var(--font-head)}
.author-sidebar{background:#fff;padding:16px;border-radius:var(--radius);border:1px solid #e0e0e0;margin-top:20px}
.btn-ghost{border:1px solid var(--muted);padding:8px 16px;border-radius:var(--radius);background:transparent;color:var(--text);text-decoration:none;display:inline-block}
.masthead-footer{background:var(--text);color:#ccc;padding:40px 0;margin-top:48px;text-align:center}
.masthead-footer .logo-foot{font-family:var(--font-head);font-size:1.5rem;color:#fff;margin-bottom:8px}
.cookie-popup{position:fixed;bottom:20px;right:20px;background:#fff;border:1px solid #ddd;padding:16px;border-radius:var(--radius);display:none;z-index:99;max-width:300px}
.cookie-popup.show{display:block}
@media(max-width:800px){.mag-cols{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}}