/* p05.css — 휴게소철거리모델링 · 틸 · 전/후 대비 2컬럼 페어 아키타입 */
:root{
  --accent:#124E52;
  --sub:#5FBFB0;
  --bg:#F1F7F7;
  --surface:#FFFFFF;
  --line:#DCEBEA;
  --display-font:'SUIT',var(--font-fallback);
  --body-font:'SUIT',var(--font-fallback);
  --label-font:'Manrope',var(--font-fallback);
}
@font-face{
  font-family:'SUIT';
  src:local('SUIT');
  font-weight:400 800;
  font-display:swap;
}
.hero-eyebrow{font-family:var(--label-font);}

/* 전/후 대비 2컬럼 페어 */
.ba-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:0 auto 32px;}
.ba-pair-card{border-radius:14px;padding:24px;border:1px solid var(--line);background:var(--bg);}
.ba-pair-card.is-after{background:var(--surface);border-color:var(--accent);}
.ba-pair-tag{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:4px 12px;border-radius:20px;margin-bottom:12px;color:#fff;background:var(--sub);}
.ba-pair-card.is-after .ba-pair-tag{background:var(--accent);}
.ba-pair-card h3{font-size:1.02rem;font-weight:700;color:#1f2328;margin-bottom:8px;}
.ba-pair-card p{font-size:.9rem;color:#5a626b;margin:0;}
@media (max-width:640px){ .ba-pair{grid-template-columns:1fr;} }