/* FlexOffice 페이지 전용 — 라운드 13 (간결·임팩트). 공통 컴포넌트는 style.css, 여기는 페이지 배치만. 새 색 금지(토큰만). */

/* 히어로: 대상·받는 것·범위·시작가·주 CTA를 첫 두 화면 안에 */
.page-hero .answer { margin-bottom: 14px; }
.page-hero .hero-facts { font-size: 15px; color: var(--text); margin: 0 0 24px; word-break: keep-all; }
.page-hero .hero-facts b { color: var(--accent-ink); }
.page-hero .hero-note { margin-top: 12px; font-size: 14px; color: var(--caption); }
.page-hero .quick-links { margin-top: 22px; }

/* 적합 여부 */
.fx-fit .ref-col { padding: 18px 22px; }
.fx-fit .ref-col p { font-size: 14px; line-height: 1.65; }
.fx-unfit { margin: 14px 0 0; font-size: 14px; line-height: 1.7; color: var(--text); word-break: keep-all; }
.fx-unfit b { color: var(--ink); }
#why .block-title { margin-top: 48px; }
.fx-lead { max-width: 820px; margin: 0 0 24px; font-size: 15px; line-height: 1.8; color: var(--text); word-break: keep-all; }
.fx-lead b { color: var(--ink); }

/* 도입가능 공간 — 참고 이미지 표기, 데스크톱 사진 높이 축소 */
.fx-ref-caption { margin: 12px 0 0; font-size: 13px; color: var(--caption); }
@media (min-width: 1025px) {
  #scope .amenity-space-media { aspect-ratio: 2 / 1; }
  #scope .amenity-space-body { padding: 16px 18px 18px; }
  #scope .amenity-space-card p { margin-bottom: 10px; }
}

/* 공공 자문 실적 — 6건 노출 + 8건 펼침(14건 모두 페이지에 유지) */
.fx-more { margin-top: 10px; }
.fx-more > summary { cursor: pointer; display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 700; color: var(--accent-ink); }
.fx-more > summary:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; border-radius: 4px; }
.fx-more[open] > summary { margin-bottom: 10px; }

/* 가격·비교·절차 */
.fx-pill { display: inline-block; margin: 8px 0 2px; padding: 5px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 700; color: var(--accent-ink); background: var(--accent-soft); word-break: keep-all; }
.fx-price-sum { max-width: 760px; margin: 16px auto 0; text-align: center; font-size: 13.5px; color: var(--caption); word-break: keep-all; }
.fx-price-sum b { color: var(--accent-ink); }
#pricing #compare { margin-top: 40px; margin-bottom: 14px; }
#pricing .compare-wrap + .note { margin-top: 18px; }
.fx-steps-title { margin: 40px 0 16px; text-align: center; }

/* FAQ 섹션 앞 결합 오퍼(페이지 유일 feature) */
.fx-smart { margin-bottom: 40px; }
.fx-kicker { margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: .04em; color: var(--accent-ink); }
.fx-smart .block-title { margin: 0 0 8px; }
.fx-smart > p { font-size: 15px; line-height: 1.8; color: var(--text); margin-bottom: 16px; }
.fx-smart-foot { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: space-between; }
.fx-smart-price { font-family: var(--font-num); font-weight: 800; font-size: 24px; color: var(--ink); letter-spacing: -0.02em; }
.fx-smart-price small { font-size: 14px; font-weight: 600; color: var(--caption); }
.fx-smart-note { margin-top: 2px; font-size: 12.5px; color: var(--caption); }

/* 아직 상담 단계가 아니라면 */
.fx-notready { margin-top: 28px; }
.fx-notready > p { margin: 6px 0 14px; font-size: 14px; line-height: 1.8; color: var(--caption); }

@media (max-width: 720px) {
  .page-hero .hero-facts { font-size: 14px; margin-bottom: 18px; }
  #why .block-title { margin-top: 36px; }
  .fx-steps-title { margin-top: 32px; }
}