/* =============================================
   inner.css – 내부 페이지 공통 스타일
   ============================================= */

.inner-page { padding: 4rem 0 5rem; min-height: 70vh; }

.inner-container { max-width: 820px; }

.breadcrumb {
  display: flex; align-items: center; gap: .5rem;
  font-size: .82rem; color: var(--c-text3);
  margin-bottom: 1.75rem;
}
.breadcrumb a { color: var(--c-text3); }
.breadcrumb a:hover { color: var(--c-accent); }

.inner-title {
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 3.2rem);
  font-weight: 800;
  color: var(--c-white);
  letter-spacing: -.03em;
  line-height: 1.15;
  margin-bottom: .5rem;
}

.inner-date {
  color: var(--c-text3); font-size: .85rem;
  margin-bottom: 2.5rem;
}

.inner-content { line-height: 1.8; }

.inner-content .lead {
  font-size: 1.1rem;
  color: var(--c-text2);
  margin-bottom: 2rem;
  line-height: 1.75;
}

.inner-content h2 {
  font-family: var(--font-display);
  font-size: 1.45rem; font-weight: 700;
  color: var(--c-white);
  letter-spacing: -.02em;
  margin: 2.5rem 0 .75rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--c-border);
}
.inner-content h2:first-of-type { border-top: none; padding-top: 0; }

.inner-content h3 {
  font-family: var(--font-display);
  font-size: 1.05rem; font-weight: 700;
  color: var(--c-text);
  margin: 1.5rem 0 .5rem;
}

.inner-content p { color: var(--c-text2); margin-bottom: 1rem; }
.inner-content strong { color: var(--c-white); font-weight: 600; }

.inner-content ul, .inner-content ol {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}
.inner-content li {
  color: var(--c-text2);
  margin-bottom: .4rem;
}

.inner-content a { color: var(--c-accent); }
.inner-content a:hover { color: var(--c-accent3); text-decoration: underline; }

.inner-content code {
  background: var(--c-surface);
  padding: .15rem .45rem;
  border-radius: 4px;
  font-size: .88em;
  color: var(--c-accent3);
  font-family: 'Courier New', monospace;
}

/* TOC */
.toc {
  background: var(--c-bg2);
  border: 1px solid var(--c-border);
  border-radius: var(--r-md);
  padding: 1.5rem 2rem;
  margin-bottom: 2.5rem;
}
.toc h2 {
  font-size: 1rem !important;
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: .85rem !important;
}
.toc ol { margin-bottom: 0; }
.toc li { margin-bottom: .3rem; }
.toc a { font-size: .92rem; }

/* About values */
.about-values {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.25rem;
  margin: 1.25rem 0 2rem;
}
.about-value {
  background: var(--c-bg2);
  border: 1px solid var(--c-border);
  border-radius: var(--r-md);
  padding: 1.5rem;
}
.about-value-icon { font-size: 1.75rem; display: block; margin-bottom: .6rem; }
.about-value h3 {
  font-family: var(--font-display);
  font-size: .95rem; font-weight: 700;
  color: var(--c-white); margin-bottom: .4rem;
  margin-top: 0;
}
.about-value p { font-size: .88rem; margin-bottom: 0; }

/* Guide CTA */
.guide-cta {
  margin-top: 3rem;
  text-align: center;
}
.guide-cta .btn-upload {
  font-size: 1rem;
  padding: .85rem 2.5rem;
}