/* 아파트베란다수리 (#3) 전용 — 공통 CSS 파일에 병합하지 말 것 */
.pg-apt{
  --pg-primary:#1D4ED8;
  --pg-secondary:#7EA9F5;
  --pg-bg:#FFFFFF;
  --pg-text:#101828;
  --pg-accent:#FACC15;
  --pg-radius:999px;
  --pg-leading:1.65;
  color:var(--pg-text);
}
.pg-apt h1,.pg-apt h2,.pg-apt h3{font-family:"Black Han Sans","Pretendard",sans-serif;font-weight:400}

.pg-typo{background:var(--pg-primary);padding:36px 0;text-align:center}
.pg-typo .num{font-family:"Black Han Sans",sans-serif;font-size:clamp(2.6rem,8vw,5rem);color:#fff;line-height:1;display:block}
.pg-typo .lbl{color:var(--pg-secondary);font-size:.95rem;margin-top:6px;display:block}

.pg-grid4{padding:0}
.pg-grid4-inner{display:grid;grid-template-columns:repeat(4,1fr)}
.pg-grid4-item{padding:26px 22px;border-right:4px solid var(--pg-primary);border-bottom:4px solid var(--pg-primary)}
.pg-grid4-item:last-child{border-right:none}

.pg-layout{padding:0}
.pg-main{max-width:1040px;margin:0 auto;padding:56px 20px}
.pg-section{padding:28px 0}
.pg-section + .pg-section{border-top:4px solid var(--pg-secondary)}
.pg-section h2{font-size:1.4rem;color:var(--pg-primary);margin-bottom:16px;text-decoration:underline;text-decoration-color:var(--pg-accent);text-decoration-thickness:4px;text-underline-offset:6px}
.pg-section p{line-height:var(--pg-leading);margin-bottom:12px;font-size:.98rem}

.pg-size-table{width:100%;border-collapse:collapse;margin:18px 0}
.pg-size-table th,.pg-size-table td{padding:14px 16px;font-size:.92rem;border:2px solid var(--pg-primary);text-align:left}
.pg-size-table th{background:var(--pg-primary);color:#fff}

.pg-steps{list-style:none;padding:0;margin:16px 0;counter-reset:pg-step;display:grid;gap:10px}
.pg-steps li{counter-increment:pg-step;padding:12px 16px 12px 46px;position:relative;background:#EFF4FF;border-radius:var(--pg-radius);font-size:.92rem}
.pg-steps li::before{content:counter(pg-step);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:999px;background:var(--pg-primary);color:#fff;font-size:.76rem;display:flex;align-items:center;justify-content:center}

.pg-ba{max-width:820px;margin:26px auto 0}
.pg-ba-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.pg-ba-pair figure{margin:0;position:relative}.pg-ba-pair img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--pg-radius);display:block;box-shadow:inset 0 0 0 6px rgba(29,78,216,.15)}
.pg-ba-pair figcaption{position:absolute;top:14px;left:14px;background:rgba(16,24,40,.72);color:#fff;font-size:.78rem;padding:4px 12px;border-radius:999px}
.pg-ba-note{margin-top:12px;font-size:.8rem;opacity:.7;text-align:center}

.pg-cta-group{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.pg-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--pg-radius);font-weight:700;font-size:.92rem;text-decoration:none}
.pg-cta--call{background:var(--pg-primary);color:#fff}
.pg-cta--sms{background:var(--pg-accent);color:var(--pg-text)}

@media (max-width:860px){
  .pg-grid4-inner{grid-template-columns:repeat(2,1fr)}
  .pg-ba-pair{gap:10px}
}
@media (max-width:560px){
  .pg-grid4-inner{grid-template-columns:1fr}
}