/* page-level rules carried over from the mockup */
html, body { margin:0; background:#fbf6ec; }
    * { box-sizing:border-box; }
    a { color:#4a7a52; } a:hover { color:#2b2419; }
    input::placeholder { color:rgba(43,36,25,0.4); }
    @keyframes cardIn { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }

/* hover / active / focus states compiled from the mockup's inline state styles */
.ga-h1:hover { background:rgba(240,230,208,0.35) !important }
.ga-h2:hover { color:var(--ink) !important }
.ga-h3:hover { background:rgba(240,230,208,0.28) !important }
.ga-h4:hover { border-color:var(--ink) !important }
.ga-h5:hover { background:rgba(240,230,208,0.45) !important }
.ga-h6:hover { color:var(--ink) !important; background:rgba(240,230,208,0.55) !important }
.ga-h7:hover { opacity:1 !important; box-shadow:0 0 0 4px #fff, 0 8px 18px -8px rgba(43,36,25,0.6) !important; z-index:6 !important }
.ga-h8:hover { background:var(--sand) !important }
.ga-h9:hover { background:var(--ink) !important; border-color:var(--ink) !important; color:var(--cream) !important }
.ga-h10:hover { color:var(--v-climate) !important; border-color:var(--v-climate) !important }
.ga-h11:hover { border-color:rgba(43,36,25,0.5) !important; box-shadow:0 18px 36px -26px rgba(45,54,47,0.45) !important }
.ga-h12:hover { transform:translateY(-1px) !important; box-shadow:0 10px 24px rgba(43,36,25,0.22) !important; filter:brightness(1.06) !important }