/* ═══════════════════════════════════════════
   HUB — kategori sayfaları (citizenship.html,
   residency.html, legal-services.html).
   base.css + layout.css + page.css'ten sonra gelir.
   ═══════════════════════════════════════════ */

.hub-hero-sub{
  color:rgba(255,255,255,.72);
  font-size:.95rem;
  max-width:640px;
  margin-top:1rem;
  line-height:1.75;
}

.hub-intro{max-width:820px;margin:0 0 3.5rem;}
.hub-intro p{font-size:1.02rem;color:#012346;line-height:1.9;margin-bottom:1.25rem;}
.hub-intro p:last-child{margin-bottom:0;}

.hub-region{margin-bottom:3.5rem;}
.hub-region:last-child{margin-bottom:0;}
.hub-region-title{
  font-family:var(--font-d);font-size:1.5rem;font-weight:400;
  color:var(--navy);margin-bottom:1.5rem;
  padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.08);
}

.hub-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(270px,1fr));
  gap:1.5rem;
}

.hub-card{
  display:flex;flex-direction:column;
  background:var(--white);
  border:1px solid rgba(0,0,0,.08);border-radius:8px;
  overflow:visible;transition:var(--ease);
  text-decoration:none;
}
.hub-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(0,0,0,.15);}

.hub-card-img{position:relative;height:148px;border-radius:8px 8px 0 0;overflow:hidden;}
.hub-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s;}
.hub-card:hover .hub-card-img img{transform:scale(1.05);}

.hub-badge{
  position:absolute;top:.75rem;left:.75rem;
  font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;
  padding:.32rem .65rem;border-radius:3px;color:#fff;
}
.hub-badge-active{background:#1a7a4c;}
.hub-badge-closed{background:#5a5a5a;}
.hub-badge-caution{background:#b5720a;}

.hub-card-body{padding:1.25rem 1.35rem 1.5rem;display:flex;flex-direction:column;flex:1;}
.hub-card-body h3{font-family:var(--font-d);font-size:1.2rem;font-weight:500;color:var(--navy);margin-bottom:.55rem;}
.hub-card-desc{font-size:.85rem;color:var(--muted);line-height:1.7;margin-bottom:1rem;flex:1;}
.hub-card-meta{font-size:.73rem;color:var(--navy);font-weight:600;letter-spacing:.02em;margin-bottom:.9rem;}
.hub-card-link{
  font-size:.73rem;color:var(--red);font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:.4rem;transition:var(--ease);
}
.hub-card:hover .hub-card-link{gap:.65rem;}

@media(max-width:600px){
  .hub-grid{grid-template-columns:1fr;}
  .hub-region-title{font-size:1.3rem;}
}