.area-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--hairline); border:1px solid var(--hairline); margin-top:20px;}
  .area-cell{background:var(--cream); padding:16px 18px; font-size:13.5px;}
  .area-cell a{color:var(--ink-soft); font-weight:500;}
  .area-cell a:hover{color:var(--navy);}
  .area-cell.featured{background:var(--cream-alt);}
  .area-cell.featured a{color:var(--navy); font-weight:600;}
  @media(max-width:900px){ .area-grid{grid-template-columns:1fr 1fr;} }