/* Site footer styles - shared by base.html AND base_blog.html (paired with
   templates/_footer.html). Canonical TEAL palette; blog.css carried a stale
   PURPLE v5 copy that drifted and made blog/research footers look old
   (fixed 2026-08-25). One source now - cannot drift again. */

.gr-foot{background:#fff;border-top:1.5px solid #E4E6EA}
.gr-foot-tag{color:#565A63;font-size:13.5px;line-height:1.55}
.gr-foot-mail{color:#0E827A;font-weight:700;transition:color .15s}
.gr-foot-mail:hover{color:#282C33}
.gr-foot-h{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:#282C33}
.gr-foot-l{color:#565A63;font-size:13.5px;font-weight:400;line-height:1.4;transition:color .15s}
.gr-foot-l:hover{color:#0E827A}
.gr-foot-soc{color:#8A8D95;transition:color .16s ease}
.gr-foot-soc:hover{color:#0E827A}
.gr-foot-bot{border-top:1px solid #E4E6EA;color:#8A8D95}
.gr-foot-bot a{color:#565A63;transition:color .15s}
.gr-foot-bot a:hover{color:#0E827A}

/* Mobile-first refinements: roomier thumb targets, more vertical breathing
   between the stacked link groups, and a bottom bar that stacks left-aligned
   instead of the disclaimer floating to an awkward spot via ml-auto. */
@media (max-width: 767px){
  .gr-foot .grid{row-gap:2.25rem}
  .gr-foot-tag{font-size:14px}
  .gr-foot-l{font-size:14.5px;line-height:1.5;padding:4px 0}
  /* Bottom bar: copyright + the 3 legal links flow in a wrapped row (~2 rows);
     the long disclaimer drops to its own full-width line below. Reads as two
     tidy groups instead of 5 items stacked full-height. */
  .gr-foot-bot > div{align-items:center;gap:6px 16px}
  .gr-foot-bot > div > p:last-child{flex-basis:100%;margin-left:0;margin-top:4px;line-height:1.5}
}