/* lead-fix.css — 리드 결정 L3·L6 반영(10-24 · index 소유자). 다른 갈래 css 는 손대지 않고 여기서만 덮음(선택자 = 그 갈래 이름 그대로).
   L3 꽃 엔진 화단 한 줄(js/bed-strip.js) 자리: 자리 높이 = 여기 · 캔버스는 위로 넘칠 수 있음(꽃 머리가 위 판 끝에 걸침) · 글 0 · 누름 0 · 실패 판 = 크림(높이 그대로).
   L6 간격: 동결 글·DOM 그대로, 여백만 줄임. */
.bed-x { position: relative; pointer-events: none; }
.bed-x > canvas { position: absolute; left: 0; display: block; }
.bed-x > canvas.bd-h { transform-origin: 50% 50%; }

/* ① s4 먹 판 아래 끝 꽃밭(리드 L3 보기 '먹 띠 아래 끝 꽃밭'): 판 바닥 둥근 끝 위로 꽃 머리가 걸치고 크림 위로 내려앉음.
   판 안 다섯 단계 글은 바닥 32px 위에서 끝 → 걸침 26px(머리 윤곽) 안. 판이 붙어 있는 동안(sticky)은 이 자리가 판 아래(화면 밖)라 겹침 0 */
.s4x .bed4 { z-index: 2; height: 196px; margin: -62px 12px 0; }
.s4x > .bed4 + .prin { margin-top: 8px; }
@media (max-width: 767px) {
  .s4x .bed4 { height: 80px; margin: -14px 0 0; }
}

/* ② 정기관리 줄 = 해바라기 씨앗판 시계(js/illo-big.js sunclock)가 서 있는 화단(리드 L3 보기 '화단') — 시계 밑동 흙 웅덩이를 꽃이 덮어 심긴 모양 */
.biz5x .bed5 { grid-column: 1 / -1; width: min(100%, 420px); height: 120px; margin-top: -64px; z-index: 1; }
@media (max-width: 1023px) { .biz5x .biz5x-art { margin-left: calc(min(100%, 420px) * .5 - 75px); } }   /* 시계 밑동 = 화단 언덕 가운데 */
@media (min-width: 1024px) {
  .biz5x .bed5 { grid-column: 1 / 6; grid-row: 3; width: auto; height: 184px; margin-top: -106px; }
  .biz5x .biz5x-art { margin-left: calc(50% - 100px); }   /* 시계 밑동 = 화단 언덕 가운데(둘 다 1~5칸) */
}
@media (min-width: 1280px) {
  .biz5x .bed5 { height: 200px; margin-top: -118px; }
  .biz5x .biz5x-art { width: 248px; margin-left: calc(50% - 124px); }
}

/* ③ 간격(리드 L6 · 첫 화면 아래 1440 ≤ 11,000 · 화면마다 그림이 덜 비게) — 데스크톱·태블릿만(폰 값은 갈래 그대로) */
@media (min-width: 768px) {
  .lg5x { margin-top: 40px; }
  .biz5x { margin-top: 56px; padding-top: 40px; }
  .faq5x { padding-top: 72px; }
  .fq-art { margin-top: 28px; }
  .s6x { padding-top: 84px; }
}
