:root{
  --ink:#241d16; --paper:#f4ede1; --barn:#7a2e2e; --barn-dark:#5a2020;
  --pine:#2f4a3d; --gold:#c98a2c; --tan:#e8ddc7; --muted:#6b6152;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Iowan Old Style',Palatino,serif;line-height:1.65}
header{background:var(--ink);color:var(--tan);padding:20px 28px;position:relative;overflow:hidden}
header a{color:var(--tan);text-decoration:none;font-weight:bold;font-size:1.25em;letter-spacing:.02em;position:relative;transition:color .25s ease}
header a:hover{color:var(--gold)}
nav{background:var(--pine);padding:12px 28px;display:flex;gap:4px}
nav a{color:var(--tan);text-decoration:none;font-family:system-ui,sans-serif;font-size:.92em;padding:6px 12px;border-radius:3px;transition:background .2s ease,color .2s ease}
nav a:hover{background:var(--gold);color:var(--ink)}
main{max-width:780px;margin:0 auto;padding:40px 24px}

.hero{background:linear-gradient(135deg,var(--barn) 0%,var(--barn-dark) 100%);color:var(--tan);padding:48px 32px;border-radius:8px;margin-bottom:32px;animation:heroIn .6s ease-out}
.hero h1{color:#fff;margin:0 0 10px;font-size:2.2em}
.hero p{margin:0;font-family:system-ui,sans-serif;font-size:1.05em;color:var(--tan);opacity:.92}
@keyframes heroIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.hero{animation:none}}

h1{color:var(--barn-dark);font-size:1.9em;margin-bottom:.2em}
h2{color:var(--pine);font-size:1.3em;margin-top:1.7em;border-bottom:2px solid var(--gold);padding-bottom:.25em;display:inline-block}

.answer-box{background:#fff;border-left:4px solid var(--pine);padding:16px 20px;margin:20px 0;font-family:system-ui,sans-serif;font-size:.95em}

.book-box{background:#fff;border:1px solid #ddd0b8;border-radius:6px;padding:18px;margin:32px 0;font-family:system-ui,sans-serif;transition:box-shadow .25s ease,transform .25s ease}
.book-box:hover{box-shadow:0 8px 20px rgba(122,46,46,.15);transform:translateY(-2px)}
.book-box a.buy{display:inline-block;background:var(--barn);color:#fff;padding:9px 16px;border-radius:4px;text-decoration:none;font-size:.9em;margin-top:8px;transition:background .2s ease}
.book-box a.buy:hover{background:var(--gold);color:var(--ink)}

.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-family:system-ui,sans-serif}
.hub-card{background:#fff;border:1px solid #ddd0b8;border-left:4px solid var(--pine);padding:18px;border-radius:4px;transition:transform .22s ease,border-left-color .22s ease,box-shadow .22s ease}
.hub-card:hover{transform:translateY(-3px);border-left-color:var(--gold);box-shadow:0 10px 24px rgba(47,74,61,.15)}
.hub-card a{color:var(--barn-dark);font-weight:bold;text-decoration:none;font-size:1.05em}
.hub-card p{color:var(--muted);margin:.4em 0 0}

footer{font-family:system-ui,sans-serif;font-size:.85em;color:var(--muted);text-align:center;padding:30px 24px;border-top:1px solid #ddd0b8;margin-top:40px}
.meta{font-family:system-ui,sans-serif;font-size:.85em;color:var(--muted)}
@media(max-width:600px){.hub-grid{grid-template-columns:1fr}}
