/* 바로문서 — 홈 밖 페이지의 새 머리 줄·바닥글 보정(레인 P · LP-001 · 2026-10-22). `BARO_HOME_V5` 켜짐에서만 불린다.
   새 홈 css(home.css)는 고치지도 복사하지도 않는다 — 조각(_v5_header.html)이 그것을 층 `v5` 로 그대로 부르고,
   이 파일이 둘을 막는다:
     ① 옛 페이지 <style>(층 없음)이 새 머리 줄·바닥글에 닿지 않게 — 머리·바닥 안은 `revert-layer` 로 home.css 값만.
     ② home.css 가 페이지 본문에 닿지 않게 — 본문은 층 `v5guard` 에서 `revert` → 옛 페이지 css + 브라우저 기본값만(꺼짐과 같음).
   그림 속성(width·height·fill·align·border·cellpadding 등)을 쓰는 요소는 ①② 둘 다에서 뺀다(revert 가 그 속성을 지우므로).
   표 칸(td 등)은 막는다 — 단 표가 border·cellpadding 같은 속성으로 칸 모양을 정하면 그 표 안은 뺀다.
   층 순서: v5(home.css) < v5fix(이 파일의 보정) < v5guard(본문 막기) < 층 없는 옛 페이지 css.
   단 home.css 의 `!important` 는 층에 있어도 옛 페이지 css 를 이긴다 → 본문에 닿는 것만 맨 앞 층 v5guardi 에서
   옛 값으로 못 박는다(하니스 「본문 모양 같음」이 찾아낸 것만 · H 쪽에서 `.hv5` 아래로 묶이면 필요 없어짐 — 바꿈 제안). */
@layer v5guardi, v5, v5fix, v5guard;

/* ① 머리 줄·펼침 판·☰·바닥글·아래 고정 바 — 옛 페이지 규칙(.logo · .menu · .btn · a · h5 …)을 ID 무게로 이기고 층 값으로 되돌림 */
#v5top, #v5top :not(svg, svg *), #v5bot, #v5bot :not(svg, svg *) { all: revert-layer; }

@layer v5fix {
  .v5x { display: block; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif; color: #0E193C; word-break: keep-all; overflow-wrap: anywhere; -webkit-text-size-adjust: 100%; text-align: left; line-height: normal; }
  #v5top { flex: none; }
  #v5bot { flex: none; margin-top: auto; }          /* 옛 바닥글처럼 짧은 쪽에서도 맨 아래 */
  .v5sp { height: 69px; }                             /* 머리 줄이 떠 있으므로(fixed) 그 높이만큼 자리 */
  .v5crumb { background: #F8FAFE; border-bottom: 1px solid #E3E8F2; font-size: 13.5px; padding: 10px 0; }
  .v5crumb a { color: #2F5FD0; font-weight: 600; text-decoration: none; }
  .v5bar { display: none; }
  @media (max-width: 860px) {
    .v5sp { height: 63px; }
    .v5bar { display: flex; position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 70; align-items: center; justify-content: center; min-height: 50px; border-radius: 12px; background: #2F5FD0; color: #FFFFFF; font-size: 16px; font-weight: 700; text-decoration: none; box-shadow: 0 10px 24px rgba(47, 95, 208, 0.32); }
  }
}

/* ② 본문 막기 — 옛 페이지 css(층 없음)는 그대로 이기고, 나머지는 브라우저 기본값으로 = 꺼짐일 때와 같은 모양 */
@layer v5guard {
  /* html·body 는 `all` 로 되돌리지 않는다 — <html lang> 같은 속성 값(글꼴 언어)까지 지워짐(LP-002 하니스가 찾음). home.css 가 거기 닿는 것만 */
  html { scroll-padding-top: revert; box-sizing: revert; }
  body { box-sizing: revert; }
  :where(body > :not(.v5x)):where(:not(svg, img, video, iframe, canvas, object, embed, table, input, select, textarea, hr, font, [align], [width], [height], [bgcolor], [border], [valign], [color], [size], [face], [hidden], [lang])),
  :where(body > :not(.v5x)) :where(:not(svg, svg *, img, video, iframe, canvas, object, embed, input, select, textarea, hr, font, [align], [width], [height], [bgcolor], [border], [valign], [color], [size], [face], [hidden], [lang], [nowrap], [cellpadding], [cellspacing], [rules], [frame], :is(table[border], table[cellpadding], table[cellspacing], table[rules], table[frame]) *)),
  :where(body > :not(.v5x)) :where(*)::before, :where(body > :not(.v5x)) :where(*)::after { all: revert; }
}

/* ③ home.css 의 !important 가 본문에 닿는 것 — 옛 페이지 값 그대로(맨 앞 층의 !important 가 이김).
   .lead: home.css `.lead { margin-top: 18px !important }`(폰 12px) — 옛 페이지(business · support · hub)는 `main p { margin: 8px 0 }` 의 8px. */
@layer v5guardi {
  :where(body > :not(.v5x)) p.lead { margin-top: 8px !important; }
  /* .faq p: home.css `.faq p { margin-top: 8px !important }` — 옛 기능별 랜딩(landing.html)의 `.faq p { margin-top: 9px }` (LP-002) */
  :where(body > :not(.v5x)) .faq p { margin-top: 9px !important; }
}