/* 베란다붙박이장수리 (#15) 전용 다크 테마 — 공통 CSS 파일에 병합하지 말 것
   대비비 확인: 배경 #0F172A 대비 텍스트 #E8EDF5 ≈ 15.8:1, 강조색 #38BDF8 ≈ 8.4:1 (WCAG AA 4.5:1 이상 충족) */
.pg-builtin{
  --pg-primary:#38BDF8;
  --pg-secondary:#334155;
  --pg-bg:#0F172A;
  --pg-text:#E8EDF5;
  --pg-accent:#38BDF8;
  --pg-radius:6px;
  --pg-maxw:1000px;
  --pg-leading:1.68;
  background:var(--pg-bg);
  color:var(--pg-text);
}
.pg-builtin h1,.pg-builtin h2,.pg-builtin h3{font-family:"Do Hyeon","Noto Sans KR",sans-serif}

.pg-cutaway{background:#0B1120;padding:36px 0;text-align:center}
.pg-cutaway svg{max-width:200px;width:100%;height:auto}

.pg-layout{padding:56px 0}
.pg-layout .container{max-width:var(--pg-maxw)}
.pg-main{counter-reset:pg-h2}
.pg-section{padding:30px 0;background:#111C33;border-radius:var(--pg-radius);padding-left:24px;padding-right:24px;margin-bottom:16px;box-shadow:inset 0 0 0 1px var(--pg-secondary)}
.pg-section h2{counter-increment:pg-h2;font-size:1.28rem;color:var(--pg-primary);margin-bottom:14px;display:flex;gap:10px;align-items:baseline}
.pg-section h2::before{content:counter(pg-h2,decimal-leading-zero);font-size:.86rem;color:#7DD3FC}
.pg-section p{line-height:var(--pg-leading);margin-bottom:12px;font-size:.97rem}

.pg-structure{display:grid;gap:10px;margin:14px 0}
.pg-structure-item{background:#0B1120;border-radius:var(--pg-radius);padding:14px 16px;box-shadow:inset 0 0 0 1px var(--pg-secondary)}
.pg-structure-item b{color:var(--pg-primary);display:block;margin-bottom:4px;font-size:.92rem}
.pg-structure-item span{font-size:.86rem;color:#CBD5E1}

.pg-case{background:#0B1120;border-radius:var(--pg-radius);padding:20px 22px;margin-top:14px;box-shadow:inset 0 0 0 1px #38BDF8}
.pg-case .tag{display:block;font-size:.74rem;font-weight:700;color:var(--pg-primary);margin-bottom:8px;letter-spacing:.05em}

.pg-ba{max-width:var(--pg-maxw);margin:20px 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}
.pg-ba-pair figcaption{position:absolute;top:12px;left:12px;background:rgba(15,23,42,.82);color:#E8EDF5;font-size:.78rem;padding:4px 12px;border-radius:999px}
.pg-ba-note{margin-top:12px;font-size:.8rem;opacity:.65;text-align:center;color:#CBD5E1}

.pg-cta-group{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.pg-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--pg-radius);font-weight:700;font-size:.9rem;text-decoration:none}
.pg-cta--call{background:var(--pg-primary);color:#0B1120}
.pg-cta--sms{background:transparent;color:var(--pg-primary);border:1.5px solid var(--pg-primary)}

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