/* ── pages.css ─────────────────────────────────────────────────────────────
   Shared stylesheet for root-level content pages:
   faq.html, privacy.html, contact.html, terms.html, green-card-guide.html

   Design tokens match the site-wide palette (warm amber / dark ink):
     --ink:    #1a1410   dark text / backgrounds
     --ink-2:  #6b5c4a   muted text
     --amber:  #b85c08   accent
     --paper:  #f9f7f2   page background
     --border: #e8dfd0   warm border

   Edit here to restyle nav / header / dropdown site-wide across these pages.
   ─────────────────────────────────────────────────────────────────────────── */

/* ── Reset ── */
*{box-sizing:border-box;margin:0;padding:0}
html{background:#1a1410}
body{font-family:"DM Sans",sans-serif;background:#f9f7f2;color:#1a1410;-webkit-font-smoothing:antialiased;overflow-y:scroll}

/* ── Nav ── */
nav{background:white;border-bottom:1px solid #e8dfd0;position:sticky;top:0;z-index:200;}
/* Footer nav must not inherit the header nav's white bg */
.site-footer nav,.site-footer-nav{background:transparent;border:none;box-shadow:none;position:static;}
.nav-inner{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px;}
.nav-brand{font-size:14px;font-weight:800;color:#1a1410;text-decoration:none;letter-spacing:-0.3px;}
.nav-links{display:flex;gap:2px;align-items:center;}
.nav-links a{font-size:13px;font-weight:500;color:#6b5c4a;text-decoration:none;padding:6px 10px;border-radius:8px;}
.nav-links a:hover{color:#1a1410;background:#f4f0ea;}
.nav-links a.active{color:#1a1410;font-weight:600;}
.ham-bar{display:block;width:22px;height:2px;background:#1a1410;border-radius:2px;}
@media(max-width:600px){#navDesktop{display:none!important}#navHam{display:flex!important}.nav-logo{height:38px!important}}

/* ── Mobile nav ── */
#navMobile{display:none}
#navMobile a{display:block;font-size:14px;font-weight:500;color:#1a1410;text-decoration:none;padding:10px 12px;border-radius:8px;}
#navMobile a:hover{background:#f4f0ea;}
#navMobile a.active{color:#b85c08;font-weight:600;}
#navMobile .nav-track{color:#b85c08;font-weight:600;border:1px solid rgba(184,92,8,.35);border-radius:8px;margin-top:4px;}

/* ── Resources dropdown ── */
.nav-dropdown{position:relative;display:inline-flex;align-items:center;}
.nav-dropdown-trigger{display:flex;align-items:center;gap:3px;font-size:13px;font-weight:500;color:#6b5c4a;text-decoration:none;padding:6px 10px;border-radius:8px;background:none;border:none;cursor:pointer;font-family:inherit;}
.nav-dropdown-trigger:hover{color:#1a1410;background:#f4f0ea;}
.nav-dropdown-trigger.active{color:#1a1410;font-weight:600;}
.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;background:white;border:1px solid #e8dfd0;border-radius:10px;box-shadow:0 4px 24px rgba(26,20,16,.10);min-width:192px;padding:6px;z-index:300;}
.nav-dropdown:hover .nav-dropdown-menu{display:block;}
.nav-dropdown-menu a{display:block;font-size:13px;font-weight:500;color:#1a1410;padding:8px 12px;border-radius:6px;text-decoration:none;white-space:nowrap;}
.nav-dropdown-menu a:hover{background:#f4f0ea;}
.nav-dropdown-menu .ddivider{height:1px;background:#e8dfd0;margin:4px 2px;}

/* ── Page header band ── */
.header{background:#1a1410;border-bottom:3px solid #b85c08;padding:32px 24px 28px;text-align:center;}
.header h1{font-size:24px;font-weight:800;color:#f9f7f2;margin-bottom:6px;}
.header p{font-size:13px;color:rgba(249,247,242,.65);}

/* ── Animation (referenced by injected footer) ── */
@keyframes siteFooterPulse{0%,100%{opacity:1}50%{opacity:.35}}