/* 베란다수리업체 (#2) 전용 — 공통 CSS 파일에 병합하지 말 것 */
.pg-company{
  --pg-primary:#2D3142;
  --pg-secondary:#5C6378;
  --pg-bg:#F6F6F9;
  --pg-text:#171A26;
  --pg-accent:#EF8354;
  --pg-radius:3px;
  --pg-maxw:900px;
  --pg-leading:1.6;
  color:var(--pg-text);
}
.pg-company h1,.pg-company h2,.pg-company h3{font-family:"IBM Plex Sans KR","Noto Sans KR",sans-serif}

.pg-tabs{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #E2E2E8;overflow-x:auto}
.pg-tabs .container{max-width:var(--pg-maxw);display:flex;gap:4px;padding:0 20px}
.pg-tabs a{white-space:nowrap;padding:14px 16px;font-size:.88rem;color:var(--pg-secondary);text-decoration:none;border-bottom:2px solid transparent}
.pg-tabs a:hover{color:var(--pg-primary);border-bottom-color:var(--pg-accent)}

.pg-strip{background:var(--pg-bg);padding:22px 0}
.pg-strip .container{max-width:var(--pg-maxw);display:flex;gap:14px;flex-wrap:wrap}
.pg-strip-item{background:#fff;border-radius:var(--pg-radius);padding:12px 16px;font-size:.86rem;font-weight:700;color:var(--pg-primary);box-shadow:6px 6px 0 rgba(45,49,66,.08)}

.pg-layout{padding:56px 0}
.pg-layout .container{max-width:var(--pg-maxw)}
.pg-section{padding:26px 0;border-top:1px solid #E2E2E8}
.pg-section:first-child{border-top:none}
.pg-section h2{counter-increment:pg-h2;font-size:1.3rem;color:var(--pg-primary);margin-bottom:14px;display:flex;align-items:baseline;gap:10px}
.pg-section h2::before{content:counter(pg-h2,decimal-leading-zero);font-family:"IBM Plex Sans KR",sans-serif;font-size:.95rem;color:var(--pg-accent)}
.pg-layout .pg-main{counter-reset:pg-h2}
.pg-section p{line-height:var(--pg-leading);margin-bottom:12px;font-size:.96rem}

.pg-checklist{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}
.pg-checklist li{display:flex;gap:10px;align-items:flex-start;background:var(--pg-bg);border-radius:var(--pg-radius);padding:12px 14px;font-size:.92rem;box-shadow:6px 6px 0 rgba(45,49,66,.06)}
.pg-checklist li svg{flex:none;color:var(--pg-accent);margin-top:2px}

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

.pg-ba{max-width:660px;margin:24px auto 0}
.pg-ba-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pg-ba-pair figure{margin:0}
.pg-ba-pair figcaption{margin-bottom:8px;font-size:.8rem;text-align:center;color:var(--pg-secondary)}.pg-ba-pair img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--pg-radius);display:block}
.pg-ba-note{margin-top:10px;font-size:.8rem;opacity:.75;text-align:center}

.pg-cta-group{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.pg-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:var(--pg-radius);font-weight:700;font-size:.9rem;text-decoration:none;box-shadow:6px 6px 0 rgba(45,49,66,.15)}
.pg-cta--call{background:var(--pg-primary);color:#fff}
.pg-cta--sms{background:#fff;color:var(--pg-primary);border:1.5px solid var(--pg-primary)}

@media (max-width:700px){
  .pg-ba-pair{gap:10px}
}
