/* Shared styling for Añejo legal pages — matches the brand tokens used site-wide. */
:root{
  --black:#0D0D0D; --green:#1A3D2E; --green-dark:#0d2419; --gold:#C6A85B; --gold-dark:#8B6B3E;
  --cream:#F5F2EC; --cream-dark:#EAE5D8; --ink:#1A1A1A; --muted:#6b6b6b; --line:rgba(26,61,46,0.15);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Josefin Sans',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased}
.serif-i{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500}

nav{position:sticky;top:0;z-index:50;background:rgba(13,13,13,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(198,168,91,.2)}
.nav-inner{max-width:1000px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:11px;color:var(--gold);text-decoration:none;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:6px;font-size:22px}
.logo-emblem{height:36px;width:auto;display:block}
.nav-back{color:var(--cream);text-decoration:none;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500}
.nav-back:hover{color:var(--gold)}

.legal-hero{background:var(--black);color:var(--cream);padding:64px 24px 48px;text-align:center}
.legal-hero .eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:14px}
.legal-hero h1{font-size:clamp(30px,5vw,46px);font-weight:300;letter-spacing:.5px}
.legal-hero h1 strong{color:var(--gold);font-weight:600}
.legal-hero .updated{margin-top:16px;font-size:12px;letter-spacing:1px;color:rgba(245,242,236,.6);text-transform:uppercase}

.draft-banner{max-width:820px;margin:28px auto -10px;background:#FBF3DA;border:1px solid var(--gold);border-left:4px solid var(--gold-dark);border-radius:0 6px 6px 0;padding:14px 18px;font-size:13px;color:#5b4a26;line-height:1.55}
.draft-banner strong{color:var(--gold-dark)}

main{max-width:820px;margin:0 auto;padding:48px 24px 72px}
main h2{font-size:22px;color:var(--green);font-weight:600;letter-spacing:.3px;margin:38px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
main h3{font-size:16px;color:var(--green-dark);font-weight:600;margin:22px 0 8px}
main p{margin-bottom:14px;color:var(--ink);font-size:15px}
main ul,main ol{margin:0 0 16px 22px}
main li{margin-bottom:7px;font-size:15px}
main a{color:var(--gold-dark);text-decoration:underline}
main a:hover{color:var(--green)}
.muted{color:var(--muted);font-size:13px}
.toc{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px 24px;margin-bottom:8px}
.toc h4{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-dark);font-weight:700;margin-bottom:10px}
.toc ol{margin:0 0 0 18px}
.toc li{margin-bottom:5px;font-size:14px}
.callout{background:var(--cream-dark);border-left:4px solid var(--gold);border-radius:0 4px 4px 0;padding:16px 20px;margin:18px 0;font-size:14px;color:var(--ink)}
.callout strong{color:var(--green)}

footer{background:var(--black);color:rgba(245,242,236,.6);padding:36px 24px;text-align:center;font-size:12px;letter-spacing:.5px}
footer a{color:var(--gold);text-decoration:none;margin:0 8px}
footer a:hover{color:var(--cream)}
.legal-links{margin-bottom:12px}
@media (max-width:480px){.legal-hero{padding:48px 20px 36px}main{padding:36px 20px 56px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}