/* 베란다수리 추천 전용 — 공통 CSS 파일에 병합하지 말 것 */
.pg-recommend{
  --pg-primary:#1F3A2E;
  --pg-secondary:#C9A24B;
  --pg-bg:#F6F3EA;
  --pg-text:#1F2A22;
  --pg-accent:#8C4A24;
  --pg-radius:4px;
  --pg-maxw:1100px;
  --pg-leading:1.85;
  color:var(--pg-text);
  text-align:center;
}
.pg-recommend h1,.pg-recommend h2,.pg-recommend h3{font-family:'Noto Serif KR',"Pretendard",Georgia,serif;font-weight:700}
.pg-recommend .page-hero-content{text-align:center;align-items:center}
.pg-recommend .pg-cta-group{justify-content:center}
.pg-recommend .pg-summary{background:var(--pg-bg);padding:56px 0;border-top:1px solid var(--pg-secondary);border-bottom:1px solid var(--pg-secondary)}
.pg-recommend .pg-summary .container{max-width:var(--pg-maxw)}
.pg-recommend .pg-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}
.pg-recommend .pg-summary-card{background:#fff;border:1px solid var(--pg-secondary);border-radius:var(--pg-radius);padding:32px 24px;text-align:center}
.pg-recommend .pg-summary-card .num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--pg-secondary);color:var(--pg-secondary);font-weight:700;font-size:.92rem;margin-bottom:14px}
.pg-recommend .pg-summary-card h3{font-size:1.05rem;color:var(--pg-primary);margin-bottom:10px}
.pg-recommend .pg-summary-card p{font-size:.92rem;line-height:var(--pg-leading);color:var(--pg-text)}
.pg-recommend .pg-layout{padding:70px 0}
.pg-recommend .pg-layout .container{max-width:var(--pg-maxw);display:block}
.pg-recommend .pg-toc{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;border-top:1px solid var(--pg-secondary);border-bottom:1px solid var(--pg-secondary);padding:16px 0;margin-bottom:48px}
.pg-recommend .pg-toc a{color:var(--pg-accent);font-size:.92rem;text-decoration:none;letter-spacing:.02em}
.pg-recommend .pg-toc a:hover{color:var(--pg-primary)}
.pg-recommend .pg-section{padding:34px 0;max-width:760px;margin:0 auto;text-align:center}
.pg-recommend .pg-section h2{font-size:1.5rem;color:var(--pg-primary);margin-bottom:18px;position:relative;display:inline-block;padding-bottom:12px}
.pg-recommend .pg-section h2::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:56px;height:1px;background:var(--pg-secondary)}
.pg-recommend .pg-section p{line-height:var(--pg-leading);margin-bottom:14px;font-size:.98rem;text-align:left}
.pg-recommend .pg-case{background:var(--pg-bg);border:1px solid var(--pg-secondary);border-radius:var(--pg-radius);padding:26px 28px;margin:22px 0;text-align:left}
.pg-recommend .pg-case .tag{display:block;text-align:center;font-size:.76rem;font-weight:700;letter-spacing:.15em;color:var(--pg-accent);margin-bottom:10px}
.pg-recommend .pg-case p{margin-bottom:0}
.pg-recommend .pg-ba{max-width:760px;margin:36px auto 0}
.pg-recommend .pg-ba-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.pg-recommend .pg-ba-pair figure{margin:0}.pg-recommend .pg-ba-pair img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--pg-secondary);display:block}
.pg-recommend .pg-ba-pair figcaption{margin-top:10px;font-size:.82rem;text-align:center;color:var(--pg-accent);letter-spacing:.05em}
.pg-recommend .pg-ba-note{margin-top:14px;font-size:.8125rem;opacity:.75;text-align:center}
.pg-recommend .pg-cta-group{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;justify-content:center}
.pg-recommend .pg-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none}
.pg-recommend .pg-cta--call{background:var(--pg-primary);color:#fff}
.pg-recommend .pg-cta--sms{background:transparent;color:var(--pg-primary);border:1px solid var(--pg-secondary)}
@media (max-width:860px){
  .pg-recommend .pg-summary-grid{grid-template-columns:1fr}
  .pg-recommend .pg-toc{gap:14px 20px}
  .pg-recommend .pg-ba-pair{gap:12px}
  .pg-recommend .pg-section p{text-align:left}
}