/* base.css — 잡초제거 서비스상세 20페이지 공통 리셋 + 유틸 */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; color: var(--ink, #1a1a1a); background: var(--bg, #fff); line-height: 1.7; }
img { max-width: 100%; display: block; }
a { color: inherit; }
h1, h2, h3, p, ul, ol, dl, figure { margin: 0 0 1em; }
ul, ol { padding-left: 1.2em; }
.wrap { max-width: var(--maxw, 1080px); margin: 0 auto; padding: 0 20px; }

.site-footer { background: #14201a; color: #cfd8d2; padding: 40px 20px 28px; font-size: 0.85rem; }
.footer-inner { max-width: 1080px; margin: 0 auto; }
.footer-brand { font-weight: 700; margin-bottom: 12px; color: #fff; }
.footer-biz { display: grid; grid-template-columns: max-content 1fr; gap: 4px 14px; margin: 0 0 14px; }
.footer-biz dt { color: #8a978f; }
.footer-biz dd { margin: 0; }
.footer-biz a { text-decoration: none; }
.footer-biz a:hover { text-decoration: underline; }
.footer-copy { color: #7d8a83; margin: 0; }

.cta-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 26px; text-decoration: none; font-weight: 700; border-radius: var(--radius, 14px); color: #fff; }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}