/* 블로그 싱글 포스트 */

.single-head { max-width: var(--content-post); margin: 0 auto; padding: var(--sp-16) 0 var(--sp-8); display: flex; flex-direction: column; gap: var(--sp-4); }
.single-breadcrumb { display: flex; gap: var(--sp-2); font-size: var(--fs-small); color: var(--color-gray-400); }
.single-breadcrumb a:hover { color: var(--color-primary-500); }
.single-title { font-size: 26px; font-weight: 700; line-height: 1.35; letter-spacing: -0.02em; color: var(--color-ink); }
.single-meta { display: flex; align-items: center; gap: var(--sp-3); font-size: var(--fs-small); color: var(--color-gray-400); }
.single-meta strong { color: var(--color-gray-600); font-weight: 600; }
@media (min-width: 768px) { .single-title { font-size: 32px; } }

.single-thumb { max-width: var(--content-post); margin: 0 auto; }
.single-thumb img { border-radius: var(--radius-lg); width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }

/* 본문 (Bricks Post Content가 이 안에 렌더) */
.post-content { max-width: var(--content-post); margin: 0 auto; padding: var(--sp-10) 0 var(--sp-16); font-size: var(--fs-body); line-height: 1.8; color: var(--color-gray-700); }
.post-content > * + * { margin-top: 1.25em; }
.post-content h2 { font-size: 24px; font-weight: 700; color: var(--color-ink); line-height: 1.4; margin-top: 2em; letter-spacing: -0.02em; }
.post-content h3 { font-size: 20px; font-weight: 700; color: var(--color-ink); margin-top: 1.6em; }
.post-content strong { color: var(--color-ink); font-weight: 700; }
.post-content mark { background: #FFF177; padding: 0 2px; }
.post-content a { color: var(--color-primary-500); text-decoration: underline; }
.post-content img { border-radius: var(--radius-md); margin: 1.5em auto; }
.post-content ul, .post-content ol { padding-left: 1.2em; display: flex; flex-direction: column; gap: 0.5em; }
.post-content ul li { list-style: disc; }
.post-content ol li { list-style: decimal; }
.post-content blockquote {
  border-left: 3px solid var(--color-primary-300);
  padding: var(--sp-2) 0 var(--sp-2) var(--sp-5);
  color: var(--color-gray-600);
}

/* 리드(안내) 박스 */
.post-lead {
  background: var(--color-primary-25);
  border-radius: var(--radius-md);
  padding: var(--sp-6);
  font-size: var(--fs-body-sm);
  line-height: 1.75;
  color: var(--color-gray-600);
}
.post-lead strong { display: flex; align-items: center; gap: var(--sp-2); color: var(--color-primary-600); font-size: var(--fs-body-sm); margin-bottom: var(--sp-2); }

/* 본문 하단 제품 CTA 카드 */
.product-cta { max-width: var(--content-post); margin: 0 auto; padding: var(--sp-8); display: flex; flex-direction: column; gap: var(--sp-4); }
.product-cta__title { font-size: var(--fs-h3-m); font-weight: 700; color: var(--color-ink); }
.product-cta__desc { font-size: var(--fs-body-sm); line-height: 1.7; color: var(--color-gray-600); }
.product-cta__actions { display: flex; flex-direction: column; gap: var(--sp-3); margin-top: var(--sp-2); }
@media (min-width: 640px) { .product-cta__actions { flex-direction: row; } .product-cta__title { font-size: var(--fs-h3); } }

/* 작성자 */
.author-box { max-width: var(--content-post); margin: 0 auto; padding: var(--sp-6); display: flex; gap: var(--sp-5); align-items: flex-start; }
.author-box__avatar {
  flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50%;
  background: var(--color-primary-500); color: var(--color-white);
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 18px;
}
.author-box__name { font-size: var(--fs-body); font-weight: 700; color: var(--color-ink); }
.author-box__role { font-size: var(--fs-small); color: var(--color-gray-400); margin-top: 2px; }
.author-box__bio { font-size: var(--fs-small); line-height: 1.7; color: var(--color-gray-600); margin-top: var(--sp-2); }

/* 관련 글 / 가이드 */
.single-related { max-width: var(--content-post); margin: 0 auto; padding: var(--sp-10) 0; display: flex; flex-direction: column; gap: var(--sp-6); }
.single-related__title { font-size: var(--fs-h4); font-weight: 700; color: var(--color-ink); }
.related-card { display: flex; flex-direction: column; }
.related-card .card__thumb { aspect-ratio: 16 / 10; }
.related-card__body { padding: var(--sp-5); display: flex; flex-direction: column; gap: var(--sp-2); }
.related-card__title { font-size: var(--fs-body-sm); font-weight: 700; line-height: 1.5; color: var(--color-ink); }
.related-card__meta { font-size: var(--fs-small); color: var(--color-gray-400); }

.guide-links { display: flex; flex-direction: column; }
.guide-link {
  display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4);
  padding: var(--sp-5) var(--sp-2);
  border-bottom: 1px solid var(--color-gray-100);
}
.guide-link:first-child { border-top: 1px solid var(--color-gray-100); }
.guide-link__title { font-size: var(--fs-body-sm); font-weight: 700; color: var(--color-ink); }
.guide-link__desc { font-size: var(--fs-small); color: var(--color-gray-500); margin-top: 2px; }
.guide-link__arrow { flex: 0 0 auto; color: var(--color-primary-500); font-weight: 700; }
.guide-link:hover .guide-link__title { color: var(--color-primary-500); }