/*
Theme Name: Spototeca Child
Template: generatepress
Description: 계산기 중심 유틸리티 사이트 — 미니멀 단일 페이지형 디자인
Version: 0.2.0
*/

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/woff2/Pretendard-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/woff2/Pretendard-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/woff2/Pretendard-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/woff2/Pretendard-Black.woff2') format('woff2');
  font-weight: 900;
  font-display: swap;
}

:root {
  --ink: #14181f;
  --ink-soft: #5b6472;
  --paper: #ffffff;
  --surface: #f5f7fa;
  --border: #e3e7ee;
  --accent: #2454e8;
  --accent-hover: #1c3fc0;
  --font-main: 'Pretendard', -apple-system, 'Malgun Gothic', 'Segoe UI', sans-serif;
}

body,
button,
input,
select {
  font-family: var(--font-main);
}

body {
  background: var(--paper);
  color: var(--ink);
  font-size: 16px;
}

/* ---- 상단: 사이트명만 작게, 헤더 여백 최소화 ---- */
.site-header {
  border-bottom: 1px solid var(--border);
  padding: 18px 0;
}
.main-title,
.main-title a {
  font-size: 18px !important;
  font-weight: 700;
  color: var(--ink) !important;
  letter-spacing: -0.01em;
}
.site-description { display: none; }

/* GeneratePress 기본 내비/사이드바 정리 — 지금은 메뉴 안 씀 */
.main-navigation,
#sidebar,
.inside-right-sidebar { display: none !important; }
.site-content .content-area { width: 100% !important; float: none !important; }

/* ---- 히어로 ---- */
.spt-hero {
  max-width: 900px;
  margin: 0 auto;
  padding: 56px 20px 8px;
  text-align: center;
}
.spt-hero h1 {
  font-size: clamp(30px, 5vw, 44px);
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 14px;
}
.spt-hero p {
  color: var(--ink-soft);
  font-size: 18px;
  margin: 0;
}

/* ---- 계산기 위젯 컨테이너 ---- */
.spt-tool-wrap {
  max-width: 900px;
  margin: 32px auto 0;
  padding: 0 20px;
}

/* ---- 광고 자리 (승인 전 빈 박스로 레이아웃만 확보) ---- */
.spt-ad-slot {
  max-width: 900px;
  margin: 32px auto;
  padding: 0 20px;
}
.spt-ad-slot .spt-ad-inner {
  min-height: 100px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ink-soft);
  font-size: 12px;
}

/* ---- 설명 콘텐츠 (SEO + 사용법) ---- */
.spt-explainer {
  max-width: 820px;
  margin: 8px auto 48px;
  padding: 0 20px;
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.85;
}
.spt-explainer h2 {
  color: var(--ink);
  font-size: 22px;
  font-weight: 700;
  margin: 36px 0 14px;
}
.spt-explainer h2:first-child { margin-top: 0; }

/* ---- 푸터: 필수 페이지 링크만 작게 ---- */
.spt-footer-links {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  border-top: 1px solid var(--border);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
.spt-footer-links a {
  font-size: 12px;
  color: var(--ink-soft);
  text-decoration: none;
}
.spt-footer-links a:hover { color: var(--accent); }
.spt-footer-copy {
  text-align: center;
  font-size: 11px;
  color: var(--ink-soft);
  padding: 0 20px 24px;
}

.site-footer,
.site-footer .inside-site-info,
#site-footer,
footer.site-info { display: none !important; }