:root{
  --black: #080808;
  --black-2: #121212;
  --white: #F6F4EF;
  --gold: #C9AF7A;
  --gold-light: #DAC99F;
  --gold-dark: #8F7547;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--black);
  color:var(--white);
  font-family:-apple-system, "Segoe UI", Inter, sans-serif;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--gold);}
.wrap{max-width:1080px; margin:0 auto; padding:0 24px;}
h1,h2,h3{color:var(--gold); line-height:1.2; margin-bottom:0.5em;}
h1{font-size:clamp(28px,4vw,44px);}
h2{font-size:clamp(22px,3vw,30px); margin-top:1.4em;}
p{margin-bottom:1em; max-width:70ch;}
.site-header{position:sticky; top:0; z-index:20; background:rgba(8,8,8,0.94); border-bottom:1px solid rgba(201,175,122,0.25); backdrop-filter:blur(6px);}
.header-inner{display:flex; justify-content:space-between; align-items:center; padding:16px 0; flex-wrap:wrap; gap:10px;}
.brand{font-size:18px; font-weight:600; color:var(--white); text-decoration:none; letter-spacing:0.02em;}
.brand span{color:var(--gold);}
.main-nav{display:flex; flex-wrap:wrap; gap:18px;}
.main-nav a{color:var(--white); text-decoration:none; font-size:13px; letter-spacing:0.03em; opacity:0.85;}
.main-nav a:hover{color:var(--gold); opacity:1;}
.main-nav .nav-disabled{color:var(--white); font-size:13px; letter-spacing:0.03em; opacity:0.35; cursor:default; user-select:none;}
.breadcrumbs{font-size:12px; color:rgba(246,244,239,0.55); padding:14px 24px;}
.breadcrumbs a{color:rgba(246,244,239,0.7); text-decoration:none;}
main{min-height:60vh;}
.hero{padding:72px 0 48px; border-bottom:1px solid rgba(201,175,122,0.2);}
.hero img.book-cover{max-width:340px; float:right; margin:0 0 20px 32px; border:1px solid rgba(201,175,122,0.3);}
.hero img.author-photo{max-width:260px; float:right; margin:0 0 20px 32px; border:1px solid rgba(201,175,122,0.3);}
.card-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(260px,1fr)); gap:24px; padding:40px 0;}
.card{border:1px solid rgba(201,175,122,0.25); background:var(--black-2); padding:20px; display:block; text-decoration:none; color:var(--white);}
.card h3{color:var(--gold); font-size:17px; margin-bottom:8px;}
.card .num{color:var(--gold-dark); font-size:12px; letter-spacing:0.08em; text-transform:uppercase;}
.card p{font-size:14px; color:rgba(246,244,239,0.75); margin-bottom:0;}
.card .author-thumb{width:100%; aspect-ratio:4/5; object-fit:cover; display:block; margin-bottom:14px; filter:grayscale(1); border:1px solid rgba(201,175,122,0.2);}
.section{padding:40px 0;}
.cta{display:inline-block; margin-top:16px; padding:12px 24px; background:var(--gold); color:var(--black); text-decoration:none; font-weight:600; border-radius:2px;}
.cta:hover{background:var(--gold-light);}
article.article-body{padding:40px 0; max-width:760px; margin:0 auto;}
article.article-body h1{margin-bottom:0.3em;}
article.article-body img.hero-img{width:100%; margin:20px 0; border:1px solid rgba(201,175,122,0.25);}
.meta-line{color:var(--gold-dark); font-size:13px; margin-bottom:24px;}
.author-box{display:flex; gap:16px; align-items:center; margin:32px 0; padding:16px; border:1px solid rgba(201,175,122,0.25);}
.author-box img{width:64px; height:64px; object-fit:cover; border-radius:50%;}
.site-footer{border-top:1px solid rgba(201,175,122,0.25); padding:40px 0; margin-top:60px; text-align:center;}
.footer-inner p{margin:0 auto 8px; max-width:60ch; color:rgba(246,244,239,0.7); font-size:13px;}
.footer-inner .principle{color:var(--gold);}
.social-links{margin:14px 0;}
.social-links a{margin:0 10px; text-decoration:none; font-size:13px;}
.copyright{font-size:11px; opacity:0.6;}
table{width:100%; border-collapse:collapse; margin:20px 0;}
td,th{border:1px solid rgba(201,175,122,0.2); padding:8px 12px; font-size:14px; text-align:left;}
@media (max-width:640px){ .hero img.book-cover, .hero img.author-photo{float:none; display:block; margin:0 auto 20px;} }