/* ericchowreal.com's footer, brought up to mashmancg.com's (OI-125, after Isaac's MCG footer of 2026-10-23):
   full width on desktop, Eric's links grouped into Eric, Podcast, Writing and Media beside MCG Related
   and Connect, so the footer reads across instead of down. The colours stay in ec.css (the deepest navy,
   gold titles); this file is layout only. Per site; site.css stays byte-identical across the family. */
.site-footer > .wrap{max-width:none;padding-left:clamp(20px,4vw,72px);padding-right:clamp(20px,4vw,72px);}
.footer-top.f-grouped{grid-template-columns:minmax(240px,1.35fr) repeat(6,minmax(0,1fr));gap:clamp(24px,2.6vw,48px);}
.f-grouped .f-links li{margin-bottom:10px;}
.f-grouped .f-links a{font-size:13.5px;line-height:1.45;display:inline-block;}
.f-grouped .f-links a:hover,.f-grouped .f-links a:focus-visible{color:#C9B57F;}
.f-grouped .f-title.f-sub{margin-top:30px;}
.footer-legal a:hover,.footer-legal a:focus-visible{color:#C9B57F;}
@media (max-width:1279px){
  .footer-top.f-grouped{grid-template-columns:repeat(3,minmax(0,1fr));}
  .f-grouped .footer-brand{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 48px;align-items:start;}
  .f-grouped .footer-brand > *{grid-column:1;}
  .f-grouped .footer-brand > .f-title,.f-grouped .footer-brand > .f-note,.f-grouped .footer-brand > form{grid-column:2;}
  .f-grouped .footer-brand > .f-title{grid-row:1;margin-top:0 !important;}
  .f-grouped .footer-brand > .f-note{grid-row:2;}
  .f-grouped .footer-brand > form{grid-row:3 / span 2;}
}
@media (max-width:760px){
  .footer-top.f-grouped{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px;}
  .f-grouped .footer-brand{display:block;}
  .f-grouped .footer-brand > .f-title{margin-top:26px !important;}
}