/* 광고 안내·문의 (/advertise.php) — 2026-08-06 */

.adq-done {
  margin: 0 0 var(--space-6);
  padding: var(--space-5) var(--space-6);
  background: var(--ink-50);
  border: 1px solid var(--dot-health);
  border-radius: var(--radius-md);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--ink-900);
}
.adq-done p { margin: 0 0 var(--space-2); }
.adq-done p:last-child { margin-bottom: 0; }
.adq-done__title { font-family: var(--font-heading); font-weight: 700; }

.adq-hint {
  font-size: var(--fs-meta);
  line-height: var(--lh-body);
  color: var(--ink-500);
}

/* 지면 표 — 좁은 화면에서는 부모가 가로 스크롤(.post-body table) */
.adq-slots th { white-space: nowrap; }

.adq-rate {
  padding: var(--space-5) var(--space-6);
  background: var(--ink-50);
  border: 1px solid var(--ink-200);
  border-radius: var(--radius-md);
  font-size: var(--fs-body);
  line-height: var(--lh-loose);
  color: var(--ink-900);
}

/* ── 문의 폼 ── */
.adq-form {
  margin: var(--space-5) 0 var(--space-6);
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--ink-200);
  border-radius: var(--radius-md);
}
.adq-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.adq-field { margin: 0 0 var(--space-4); min-width: 0; }
.adq-field label {
  display: block;
  font-family: var(--font-heading);
  font-size: var(--fs-meta);
  font-weight: 600;
  color: var(--ink-700);
  margin: 0 0 var(--space-2);
}
.adq-req { font-weight: 500; color: var(--ink-500); }
.adq-field input,
.adq-field select,
.adq-field textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px var(--space-4);
  border: 1px solid var(--ink-300);
  border-radius: var(--radius-sm);
  background: var(--surface);
  font-family: var(--font-body);
  font-size: var(--fs-nozoom);           /* iOS 자동 확대 차단 */
  line-height: var(--lh-snug);
  color: var(--ink-900);
}
.adq-field textarea { resize: vertical; min-height: 120px; }
.adq-field input:focus,
.adq-field select:focus,
.adq-field textarea:focus { outline: 2px solid var(--dot-health); outline-offset: 1px; border-color: var(--dot-health); }

/* 허니팟 — 봇에게만 보인다. display:none 은 일부 봇이 건너뛰므로 화면 밖으로 밀어낸다. */
.adq-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.adq-privacy { margin: 0 0 var(--space-4); font-size: var(--fs-caption); color: var(--ink-500); line-height: var(--lh-body); }
.adq-submit { min-height: 44px; padding-inline: var(--space-6); }

@media (max-width: 640px) {
  .adq-row { grid-template-columns: 1fr; gap: 0; }
  .adq-form { padding: var(--space-5) var(--space-4); }
}

/* ── 지면 배치도 (2026-08-06) ──────────────────────────────────
   표만으로는 '홈 사이드바' 가 어디인지 광고주에게 그려지지 않는다.
   실제 화면을 단순화한 선화에 그 자리를 채워 번호로 잇는다. */
.admap {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: var(--space-5); margin: var(--space-5) 0 var(--space-6);
}
.admap-item { margin: 0; }
.admap-svg {
  display: block; width: 100%; height: auto;
  border: 1px solid var(--ink-200); border-radius: var(--radius-md); background: var(--surface);
}
.admap-page  { fill: var(--surface); }
.admap-bar   { fill: var(--ink-200); }
.admap-rule  { stroke: var(--ink-200); stroke-width: 1; }
.admap-block { fill: var(--ink-100); }
.admap-block.is-soft { fill: var(--ink-50); }
.admap-block.is-chip { fill: var(--ink-100); }
.admap-ad {
  fill: var(--accent); fill-opacity: .28;
  stroke: var(--accent-700); stroke-width: 1.2; stroke-dasharray: 3 2;
}
.admap-no  { fill: var(--accent-700); }
/* ⚠ SVG 안 글씨는 뷰포트가 아니라 viewBox 단위다 — 화면 눈금과 뜻이 달라 그대로 둔다. */
.admap-nol { fill: var(--ink-0); font-family: var(--font-heading); font-size: 9px; font-weight: 700; }
.admap-item figcaption {
  margin-top: var(--space-2);
  font-family: var(--font-heading); font-size: var(--fs-caption);
  color: var(--ink-500); line-height: var(--lh-body);
}
.admap-item figcaption strong { color: var(--ink-900); font-weight: 700; }

/* 표의 번호 — 그림의 원과 같은 모양으로 맞춘다 */
.adq-no {
  display: inline-grid; place-items: center; width: 20px; height: 20px;
  border-radius: var(--radius-pill); background: var(--accent-700); color: var(--ink-0);
  font-family: var(--font-heading); font-size: var(--fs-tiny); font-weight: 700;
}
.adq-slots td:first-child, .adq-slots th:first-child { width: 28px; padding-right: 0; }

@media (max-width: 640px) {
  .admap { grid-template-columns: 1fr; gap: var(--space-4); }
}