/* BB Auto main-page content styles only. Shared header/floating styles are in ../shared/shared.css. */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

/* Phase 3.2: let x-dc participate in normal document flow so native sections can follow it.
   dc-runtime injects height:100%; !important intentionally overrides that rule. */
#dc-root, #dc-root > .sc-host { height: auto !important; min-height: 0 !important; }

body { font-family: 'Noto Sans KR', 'Archivo', system-ui, sans-serif; -webkit-font-smoothing: antialiased; background: #ffffff; }
a { color: #1F4E9C; text-decoration: none; }
a:hover { color: #143665; }
img { display: block; }
.hero-badge { white-space: nowrap; }
section[id] { scroll-margin-top: calc(var(--bb-header-height, 118px) + var(--bb-admin-offset, 0px) + 8px); }
@media (max-width: 860px) {
  .hero-badge { white-space: normal; }
  .hero-h1 { font-size: 38px !important; }
  .hero-badge { font-size: 11px !important; padding: 6px 12px !important; }
  .hero-sub { font-size: 15px !important; }
  .hero-desc { font-size: 16px !important; }
  .sec-pad { padding-left: 20px !important; padding-right: 20px !important; padding-top: 14px !important; }
  .grid-3 { grid-template-columns: repeat(2, 1fr) !important; }
  .grid-4 { grid-template-columns: repeat(2, 1fr) !important; }
  .grid-5 { grid-template-columns: repeat(2, 1fr) !important; }
  .about-split { grid-template-columns: 1fr !important; }
  .contact-split { grid-template-columns: 1fr !important; }
  .container-info { flex-direction: column !important; }
  .steps-grid { grid-template-columns: 1fr !important; }
  .h2-title { font-size: 28px !important; }
}