/* Agent Area Links component — Semple Property Group
   Option A: bordered box, Didot heading, 4-col responsive suburb-link grid.
   Scoped to .comp_agent_area_links. */
.comp_agent_area_links{padding:48px 0}
.comp_agent_area_links .aal-box{flex:1 1 100%;width:100%;background:#fff;border:1px solid var(--color1,#0a0000);border-radius:14px;padding:34px 38px}
.comp_agent_area_links .aal-box .headline__text{font-family:var(--font2,"aw-conqueror-didot",Georgia,"Times New Roman",serif);font-size:clamp(24px,2.4vw,32px);line-height:1.15;margin:0 0 24px;color:var(--color1,#0a0000);font-weight:700}
.comp_agent_area_links .aal-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px 28px}
.comp_agent_area_links .aal-item{margin:0}
.comp_agent_area_links .aal-item a{display:inline-block;color:var(--color1,#0a0000);font-family:var(--font1,Helvetica,Arial,sans-serif);font-size:16px;font-weight:500;text-decoration:none;transition:color .15s ease}
.comp_agent_area_links .aal-item a:hover{color:var(--color2,#b7151b);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
@media(max-width:860px){
  .comp_agent_area_links{padding:36px 0}
  .comp_agent_area_links .aal-box{padding:26px 24px}
  .comp_agent_area_links .aal-grid{grid-template-columns:repeat(2,1fr);gap:16px 20px}
}
@media(max-width:480px){
  .comp_agent_area_links .aal-grid{grid-template-columns:1fr;gap:14px}
}