/* ═══ ADVICE HUB (mobile-first) ═══ */

.advice-intro{max-width:800px;margin:0 auto 44px;}

.direct-answer-block{
  font-size:1.06em;line-height:1.75;color:var(--text);
  background:#fff;border:1px solid var(--border);border-left:3px solid var(--gold);
  border-radius:10px;padding:24px 22px;margin:0 0 12px;
}

.advice-updated{
  font-size:12.5px;color:var(--text-light);
  letter-spacing:0.02em;margin:0;
}

/* ─── Guide cards ─── */
.advice-grid{display:grid;gap:18px;}

.advice-card{
  display:block;background:#fff;border:1px solid var(--border);
  border-radius:12px;padding:26px 22px;
  transition:border-color .2s,transform .2s,box-shadow .2s;
}

.advice-card:hover{
  border-color:var(--gold);transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(9,47,62,0.09);
}

.advice-card-step{
  font-size:10.5px;font-weight:600;text-transform:uppercase;
  letter-spacing:0.13em;color:var(--gold);margin-bottom:12px;
}

.advice-card h2{
  font-size:clamp(19px,2vw,23px);line-height:1.3;
  color:var(--green);margin:0 0 12px;
}

.advice-card p{
  font-size:14.5px;line-height:1.7;color:var(--text-light);margin:0 0 16px;
}

.advice-card-go{
  font-size:13px;font-weight:600;color:var(--gold);
  letter-spacing:0.02em;
}

.advice-card--lead{
  border-left:3px solid var(--gold);
  background:linear-gradient(180deg,rgba(196,150,74,0.05),#fff 60%);
}

/* ─── Which side are you on ─── */
.advice-who{background:var(--linen);}
.advice-who h2{margin:14px 0 16px;}
.advice-who > .container > div > p{color:var(--text-light);margin-bottom:14px;}

.advice-who-links{display:grid;gap:16px;margin-top:30px;}

.advice-who-card{
  display:block;background:#fff;border:1px solid var(--border);
  border-radius:10px;padding:22px 20px;transition:border-color .2s;
}

.advice-who-card:hover{border-color:var(--gold);}

.advice-who-card h3{
  font-size:17px;color:var(--green);margin:0 0 8px;
}

.advice-who-card p{
  font-size:14px;line-height:1.65;color:var(--text-light);margin:0 0 12px;
}

/* ─── Desktop ─── */
@media (min-width:768px){
  .direct-answer-block{padding:30px 30px;}
  .advice-grid{grid-template-columns:repeat(2,1fr);gap:22px;}
  .advice-card--lead{grid-column:1 / -1;}
  .advice-who-links{grid-template-columns:repeat(2,1fr);}
}

@media (min-width:1100px){
  .advice-card{padding:30px 28px;}
}

/* The closing band had no background rule (every other page sets one), so it fell through to cream and its white text vanished. */
.cta-band{background:var(--green);padding:clamp(56px,7vw,80px) 0;}

/* These sections had no vertical padding, so the intro card touched the hero and the last block touched the cards above it. */
.advice-main{padding:clamp(48px,6vw,80px) 0 clamp(52px,6vw,84px);}
.advice-who{padding:clamp(52px,6vw,88px) 0;}