:root{
  --wine:#6f2438;--wine-dark:#4d1726;--sand:#f4eadb;--cream:#fffaf4;
  --olive:#6f7f51;--ink:#332c28;--muted:#74685f;--gold:#c6a15b;--white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#f7f1e9;font:16px/1.65 Arial,Helvetica,sans-serif}
a{color:var(--wine);text-decoration:none}
a:hover{text-decoration:underline}
.site-header{background:linear-gradient(135deg,var(--wine-dark),var(--wine));color:#fff}
.topbar{max-width:1240px;margin:auto;padding:28px 24px 20px;display:flex;justify-content:space-between;gap:24px;align-items:end}
.brand small{display:block;letter-spacing:.18em;text-transform:uppercase;color:#e8d0b4;font-size:11px}
.brand strong{font:700 34px/1.1 Georgia,serif}
.tagline{max-width:520px;text-align:right;color:#f6e7d7;font-size:14px}
.main-nav{background:#fff;border-bottom:1px solid #dfd2c3;box-shadow:0 2px 10px rgba(50,25,18,.06)}
.main-nav .inner{max-width:1240px;margin:auto;padding:0 18px;display:flex;flex-wrap:wrap}
.main-nav a{padding:14px 11px;font-weight:700;color:#4d372e;font-size:14px}
.main-nav a:hover{background:#f5ebdf;text-decoration:none;color:var(--wine)}
.hero{background:linear-gradient(rgba(61,28,23,.52),rgba(61,28,23,.52)),linear-gradient(120deg,#98705d,#6f7f51);color:#fff}
.hero-inner{max-width:1240px;margin:auto;padding:64px 24px}
.hero h1{max-width:780px;margin:0 0 14px;font:700 48px/1.08 Georgia,serif}
.hero p{max-width:760px;font-size:19px;margin:0;color:#fff5ec}
.layout{max-width:1240px;margin:0 auto;padding:42px 24px 64px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:start}
.content-card{background:#fff;padding:30px;border-radius:14px;box-shadow:0 8px 30px rgba(72,45,30,.07);margin-bottom:24px}
.content-card h2{font:700 28px/1.2 Georgia,serif;color:var(--wine-dark);margin-top:0}
.content-card h3{font:700 21px/1.25 Georgia,serif;color:#594138}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.fact{background:#fbf5ed;border:1px solid #eadbca;border-radius:10px;padding:16px}
.fact strong{display:block;color:var(--wine);margin-bottom:4px}
.topic-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.topic-links a{display:block;padding:14px;border:1px solid #e3d2c1;border-radius:9px;background:#fff9f2;font-weight:700}
.topic-links a:hover{background:#f5e7d9;text-decoration:none}
.canonical-note{border-left:4px solid var(--olive);padding:14px 16px;background:#f3f5ec;margin:22px 0}
.blogroll{position:sticky;top:20px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 34px rgba(60,31,23,.14);border:1px solid #e2d1c0}
.blogroll-head{padding:20px;background:linear-gradient(135deg,var(--wine-dark),var(--wine));color:#fff}
.blogroll-head span{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#efd7bf}
.blogroll-head h2{font:700 26px/1.1 Georgia,serif;margin:5px 0}
.blogroll-head p{margin:0;color:#f8e8da;font-size:13px}
.blogroll ul{list-style:none;margin:0;padding:8px 16px 18px}
.blogroll li+li{border-top:1px solid #efe2d6}
.blogroll a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 6px;font-weight:700;color:#5d2434}
.blogroll a:after{content:"›";font-size:20px;color:var(--gold)}
.blogroll a:hover{padding-left:12px;text-decoration:none;background:#fff9f4}
.blogroll-edit{margin:0 16px 18px;padding:11px 12px;border-radius:8px;background:#f7f1ea;color:#78695e;font-size:12px}
footer{background:#2f2622;color:#ddcfc4}
.footer-inner{max-width:1240px;margin:auto;padding:32px 24px}
footer a{color:#fff;margin-right:14px}
.breadcrumb{font-size:13px;color:#7d6d61;margin-bottom:12px}
@media(max-width:940px){
 .layout{grid-template-columns:1fr}.blogroll{position:static}.fact-grid{grid-template-columns:1fr}
 .topic-links{grid-template-columns:1fr}.topbar{display:block}.tagline{text-align:left;margin-top:12px}.hero h1{font-size:38px}
}