:root{--gold:#C9A24B;--gold-dark:#9A7420;--gold-light:#F7EFD6;--ink:#2B2416;--cream:#FFFCF5}
body{font-family:'Lato',Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.8;font-size:1.05rem}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;color:var(--ink)}
a{color:var(--gold-dark)}a:hover{color:var(--gold)}
.navbar{background:#fff;border-bottom:3px solid var(--gold)}
.navbar-brand{font-family:'Playfair Display',serif;font-weight:700;color:var(--gold-dark)!important}
.navbar-brand img{height:42px;margin-right:8px}
.hero{background:linear-gradient(135deg,var(--gold-light),#fff);padding:70px 0 50px;border-bottom:1px solid #eadcb0}
.hero h1{font-size:2.5rem;font-weight:700}
.hero .meta{color:#7a6a45;font-size:.95rem}
.badge-gold{background:var(--gold);color:#fff;font-weight:700;letter-spacing:.5px}
.toc{background:#fff;border-left:5px solid var(--gold);border-radius:6px;padding:20px 26px;box-shadow:0 2px 12px rgba(154,116,32,.1)}
.toc a{text-decoration:none}
h2{margin-top:2.6rem;margin-bottom:1rem;font-size:1.9rem;border-bottom:2px solid var(--gold);display:inline-block;padding-bottom:4px}
.card-p{background:#fff;border:1px solid #eadcb0;border-radius:10px;padding:24px;margin-bottom:22px;box-shadow:0 2px 10px rgba(154,116,32,.08)}
.card-p h3{font-size:1.4rem}
.rank{display:inline-block;width:38px;height:38px;line-height:38px;text-align:center;border-radius:50%;background:var(--gold);color:#fff;font-weight:700;margin-right:10px}
.card-p.first{border:2px solid var(--gold);background:var(--gold-light)}
.tag{display:inline-block;font-size:.8rem;background:var(--gold-light);color:var(--gold-dark);border:1px solid var(--gold);border-radius:20px;padding:1px 12px;margin:0 6px 6px 0}
.table thead{background:var(--gold);color:#fff}
.btn-gold{background:var(--gold);color:#fff;border:none;padding:10px 26px;border-radius:30px;font-weight:700}
.btn-gold:hover{background:var(--gold-dark);color:#fff}
.accordion-button:not(.collapsed){background:var(--gold-light);color:var(--ink)}
.accordion-button:focus{box-shadow:0 0 0 .2rem rgba(201,162,75,.35)}
.cta{background:var(--ink);color:#fff;border-radius:12px;padding:36px;text-align:center}
.cta h2{color:var(--gold);border:0;margin-top:0}
footer{background:var(--ink);color:#d9cfb5;padding:30px 0;margin-top:60px;font-size:.92rem}
@media(max-width:576px){.hero h1{font-size:1.8rem}}