/* 검토 전 초안 배너 — autopage.py 로 만든 페이지에만 실린다.
   approve 하면 이 파일도 같이 빠지므로 공개본 전송량에는 영향이 0이다.

   ⚠ 화면 «위» 가 아니라 «아래» 에 붙인다.
   .gd-header 가 `position:fixed; inset:0 0 auto` 라 상단을 이미 차지하고 있어,
   위에 붙이면 배너가 로고와 햄버거를 통째로 덮는다(2026-08-28 실측).
   헤더를 밀어내려면 배너 높이를 알아야 하는데 글이 줄바꿈되면 높이가 변한다 —
   아래에 붙이면 그 계산이 통째로 사라지고, 페이지가 길어도(평균 8,000px)
   스크롤 내내 «이건 초안» 이 보이는 목적은 그대로 달성된다. */
.gd-draftbar{
  position:fixed;left:0;right:0;bottom:0;z-index:2147483000;
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  padding:11px clamp(16px,3vw,40px);
  background:#2b2117;color:#f4e7d2;
  font-size:13px;line-height:1.6;
  box-shadow:0 -2px 14px rgba(0,0,0,.28);
}
.gd-draftbar b{
  flex:none;padding:3px 10px;border-radius:999px;
  background:#c8a15e;color:#241a10;font-size:12px;letter-spacing:.02em;
}
.gd-draftbar span{opacity:.92;word-break:keep-all;overflow-wrap:break-word}
.gd-draftbar code{
  background:rgba(255,255,255,.12);padding:1px 6px;border-radius:5px;font-size:12px;
}
/* 「맨 위로」 버튼이 배너에 가리지 않게 띄운다 (버튼은 bottom:24px 고정) */
.gd-top{bottom:calc(24px + 52px)}
/* 마지막 밴드 글이 배너 밑에 깔리지 않게 본문 아래 여백을 준다 */
.gd-footer{padding-bottom:64px}
/* 2026-09-16 — 모바일에서 배너가 하단 퀵바(.gd-qb)를 통째로 덮던 것을 고쳤다.
   이 파일은 2026-08-28 에 쓰였고 퀵바는 2026-09-08 에 들어왔다 — 그래서 위쪽
   `.gd-top` 만 비켜 주고 퀵바는 고려하지 못했다. 실측(390x844, Playwright):
   퀵바는 position:fixed · inset-block-end:0 · 높이 57px 인데 배너가 bottom:0 에
   101px 로 서서, 퀵바 중앙을 히트테스트하면 배너 요소가 잡혔다(= 카카오톡·전화·
   상담문의·오시는 길·TOP 다섯 칸이 전부 눌리지 않는다). 검토용 초안일수록
   병원이 휴대폰으로 열어 보므로 1차 전환 동선이 막히면 안 된다.
   데스크톱은 손대지 않는다 — 거기서 .gd-qb 는 우측 세로 레일(79x329, bottom:121px)
   이라 전폭 배너와 겹치지 않는다(실측).
   main.css 1411행의 퀵바 모바일 분기와 같은 중단점(768px)을 쓴다. */
@media (max-width:768px){
  .gd-draftbar{bottom:57px}                    /* 퀵바 높이만큼 올린다 */
  .gd-top{bottom:calc(57px + 101px + 12px)}    /* 퀵바 + 배너 + 숨틈 */
  .gd-footer{padding-bottom:calc(57px + 101px)}
}

@media print{.gd-draftbar{display:none}}
