/* 초등 프로그램 개별 페이지 공통 (2026-11-03) — /programs/elementary/<slug>
   머리말 바탕·고래는 academy-v2.css(.pg-hero[data-whale])가 맡는다. 섹션 모양은 초등 프로그램 페이지(.sub-detail)와 같다 */
.pg-hero{padding:36px 0 28px;text-align:left;position:relative}
.pg-hero .breadcrumb{font-size:.78rem;font-weight:700;margin-bottom:10px}
.pg-hero .breadcrumb .sep{margin:0 8px}
.pg-hero .badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.74rem;font-weight:900;letter-spacing:.06em;margin:0 0 10px}
.pg-hero h1{display:block;margin:0;font-weight:900;letter-spacing:-.02em;line-height:1.3}

.pg-jump{background:#fff;border-bottom:1px solid var(--line);padding:14px 0;position:sticky;top:0;z-index:20}
.pg-jump .container{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.pg-jump a{padding:9px 16px;border:1px solid var(--line);border-radius:999px;color:var(--navy2);font-weight:800;font-size:.88rem;letter-spacing:-.01em;transition:all .15s}
.pg-jump a:hover{border-color:var(--gold);background:#fcfbf8;color:var(--gold)}
.pg-jump a[aria-current="page"]{background:var(--v2-navy,#0c1840);border-color:var(--v2-navy,#0c1840);color:#fff}
@media(max-width:600px){
  .pg-jump .container{position:relative;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .pg-jump .container::-webkit-scrollbar{display:none}
  .pg-jump a{flex-shrink:0;padding:8px 13px;font-size:.84rem}
}

.sub-detail{padding:64px 0 48px}
.sd-head{display:flex;gap:24px;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap}
.sd-icon{font-size:3.4rem;line-height:1;flex-shrink:0}
.sd-titles{flex:1;min-width:260px}
.sd-tag{display:inline-block;background:#fff1eb;color:var(--v2-orange-ink,#C2410C);padding:4px 12px;border-radius:999px;font-size:.76rem;font-weight:900;letter-spacing:.06em;margin-bottom:10px}
.sd-titles h2{margin:0 0 10px;color:var(--v2-navy,#0c1840);font-size:clamp(1.4rem,2.6vw,1.85rem);font-weight:900;letter-spacing:-.02em}
.sd-titles p{margin:0;color:var(--soft);font-size:.98rem;line-height:1.7;max-width:720px}
.sd-features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
@media(max-width:900px){.sd-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.sd-features{grid-template-columns:1fr}}
.sd-feat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 16px}
.sd-feat strong{display:block;color:var(--navy2);font-size:.94rem;font-weight:900;margin-bottom:6px}
.sd-feat span{color:var(--soft);font-size:.84rem;line-height:1.55}
.sd-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
@media(max-width:600px){.sd-strip{grid-template-columns:1fr}}
.sd-row{background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:14px 18px}
.sd-row strong{display:block;color:var(--navy2);font-size:.74rem;font-weight:900;letter-spacing:.08em;margin-bottom:4px}
.sd-row span{color:var(--ink);font-size:.92rem;line-height:1.55}
.sd-cta{display:flex;gap:10px;flex-wrap:wrap}
.sd-cta .btn{margin:0}

.pd-more{padding:0 0 72px}