/* Hub page — shared with style.css, adds the card grid */
.hub-page{ background:var(--cream); min-height:100vh; }
.hub-hero{ text-align:center; padding:70px 0 20px; }
.hub-hero h1{ font-size:32px; margin-bottom:12px; }
.hub-hero p{ font-size:16px; color:#555; max-width:520px; margin:0 auto; }

.card-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:22px; max-width:820px; margin:40px auto 80px; padding:0 24px;
}
.lm-card{
  background:var(--white); border-radius:16px; padding:28px; border:1px solid var(--line);
  display:flex; flex-direction:column; box-shadow:0 10px 30px rgba(43,43,43,.05);
}
.lm-card .lm-kicker{
  display:inline-block; font-size:9.5px; font-weight:800; letter-spacing:.5px; text-transform:uppercase;
  color:var(--dark); background:var(--yellow); padding:5px 12px; border-radius:999px; margin-bottom:14px; align-self:flex-start;
}
.lm-card h2{ font-size:18px; margin-bottom:10px; line-height:1.25; }
.lm-card p{ font-size:13.5px; color:#555; line-height:1.55; margin-bottom:18px; flex:1; }
.lm-card .btn{ font-size:14px; padding:12px 22px; text-align:center; }

@media (max-width:640px){
  .card-grid{ grid-template-columns:1fr; }
  .hub-hero h1{ font-size:26px; }
}