/* 공개 페이지 공통 다듬기(2026-11-03, 디자인 점검 40건 후속). <head> 맨 마지막에 읽는다.
   페이지 기본 스타일 뒤의 공용 제목·간격·부품 규칙. 페이지 기본 CSS는 css/pages/에서 관리한다.
   제품 화면·홈 숫자 크기는 각 컴포넌트 CSS에서 관리한다. */

/* ── 1. 제목은 500 하나 (600 초과 금지) ── */
body :is(h1, h2, h3, h4),
body :is(.sec-title, .hero-h1, .job-hero-title, .job-card h2, .p-band h2, .prob-head h2, .sec-head h2, .page-head h1,
  .hww-card h3, .wj-card h3, .bn-card h3, .pool-card-header h3, .wwd-left h2, .hww-header h2, .gf-intro h2, .wj-top h2,
  .bn-header h2, .jobs-cta-left h2, .pool-left h2, .process-step h4, .cta-section h2, .pool-note h3, .sec-name, .sec-num) {
  font-weight: var(--fw-medium);
}

/* ── 2. 섹션 위아래 여백은 96(모바일 64) 하나 ── */
:root { --section-space: var(--space-9); --section-space-mobile: var(--space-8); }
body.company-site main > section,
body.public-site main > section,
body.x-site main > section,
.home-landing > section,
.co-section,
.v6-marketing main > section,
.mk-band--paper,
.band-canvas,
#problem {
  padding-block: var(--space-9);
}
/* AX 페이지는 인라인 section{padding-block:var(--section-space)} 과 페이지 변수가 48 을 고정하므로 선택자로 다시 준다 */
body main.v6-marketing > section { padding-block: var(--space-9); }
/* 첫 화면은 위 96 · 아래 64 — 제목 위아래로 빈 판이 남지 않게 min-height 를 두지 않는다 */
.home-landing > .home-hero { min-height: 0; padding-block: var(--space-9) var(--space-8); }
.hero.mk-band--paper, .v6-marketing .hero, body main.v6-marketing > section.hero { padding-block: var(--space-9) var(--space-8); }
@media (max-width: 767px) {
  body.company-site main > section,
  body.public-site main > section,
  body.x-site main > section,
  .home-landing > section,
  .co-section,
  .v6-marketing main > section,
  .mk-band--paper,
  .band-canvas,
  #problem, body main.v6-marketing > section { padding-block: var(--space-8); }
  .home-landing > .home-hero, .hero.mk-band--paper, .v6-marketing .hero, body main.v6-marketing > section.hero { padding-block: var(--space-8) var(--space-7); }
}

/* ── 3. 버튼은 DS .btn 두 크기(38 · 44) ── */
header.xk-company-nav a.xk-gnav-cta { height: var(--btn-h-md); min-height: var(--btn-h-md); font-size: 14px; font-weight: var(--fw-medium); }
body.public-site .co-product .co-product-links a.btn,
body.public-site .program-card .program-actions a.btn,
.ax-card-actions .btn, .ax-contact.btn { min-height: var(--btn-h-md); padding: 0 18px; }
/* 컨시어지 자가진단 선택지는 칩(36px 알약) */
.opts button { min-height: 36px; padding: 0 var(--space-4); border-radius: var(--radius-pill); font-size: 13px; }

/* ── 4. 선 굵기는 1.5px 하나 (연결선·화살촉·아이콘) ── */
body svg:not(.radar) :is(path, line, polyline, circle, rect, polygon, ellipse) { stroke-width: 1.5px; }

/* ── 5. 아이브로우(제목 위 작은 라벨)는 DS .eyebrow 한 모양 — 한글 12/550/.02em, 라틴 대문자 11/550/.18em ── */
.eyebrow, .ax-eyebrow, .ax-card-eyebrow, .sec-label, .page-eyebrow, .lg-eyebrow, .card-eyebrow, .co-eyebrow, .quiz-lead, .service-kind, .line-kicker,
.guide-kicker, .docs-v6-eyebrow, .kick, .rh, .tl-label, .co-brand-prefix,
.ax-kicker, .job-hero-eyebrow .t, .hero-eyebrow .eyebrow-text, .job-group-title, .wj-ey, .bn-ey,
body.x-site #why-join .wj-ey, body.x-site #benefits .bn-ey, body.x-site .hero-eyebrow .eyebrow-text {
  font-size: 12px; font-weight: 550; letter-spacing: .02em; line-height: 1.5; text-transform: none; color: var(--muted);
}
.sec-name.mono, .eyebrow:lang(en), .co-person-full .co-meta, .ax-member-role, .team-eyebrow {
  font-family: var(--font); font-size: 11px; font-weight: 550; letter-spacing: .18em; line-height: 1.5; text-transform: uppercase; color: var(--muted);
}

/* ── 6. 유리는 뜬 면에만 — 정보 카드·말풍선·퀴즈·결과는 .panel 재질, 겹친 유리 없음 ── */
.voice, .finder .quiz.glass, .finder .result, .p-prob .glass, .p-card.glass, .trust-card.glass, .pr-plan.glass {
  background: var(--glass-light), var(--panel-fill); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: var(--panel-shadow);
}
.voice::before, .voice::after { display: none; }
.voice.r { text-align: left; }

/* ── 7. 푸터는 공통 .co-footer 하나 (문서 허브도 같은 마크업). 모서리·대비는 public-footer.css ── */

/* ── 8. 문의 폼은 /contact/ 와 같은 한 열 ── */
.ax-form .ax-form-row { grid-template-columns: minmax(0, 1fr); }

/* ── 9. AX 하위 페이지 CTA 띠는 홈 .frame-band 와 같은 카드(모서리 16 · 카드 그림자) ── */
.cta-section { border-radius: var(--radius-panel); background: var(--surface-raised); box-shadow: var(--panel-shadow); }

/* ── 10. 글자 크기는 DS 단계(64·40·28·20·17·15·13·12)로 ── */
.v6-marketing .sec-head h2, .prob-head h2, .p-band h2 { font-size: var(--fs-h1); }
.advisor-head h2, .advisor h2 { font-size: var(--fs-h2); }

/* ── 11. 헤더 한 줄의 모서리는 알약 하나, 포커스 링은 DS 2px/2px ── */
.xk-company-nav .xk-gnav-link, .xk-company-nav .xk-lang-toggle { border-radius: var(--radius-pill); }
.company-site :focus-visible, body.public-site :focus-visible { outline-width: 2px; outline-offset: 2px; }