/* ============================================
   Article Decoration — 에디토리얼 요소
   재사용 가능한 글/문서 장식 컴포넌트
   ============================================ */

/* ----- Lead Paragraph (첫 문단 강조) -----
   본문보다 살짝 크고 진한 톤으로, 도입부를 분명히 한다. */
.article-content .lead,
.article-content > p.lead:first-of-type {
    font-size: 19px;
    line-height: 1.85;
    color: var(--ink);
    font-weight: 500;
    padding-bottom: 8px;
}

/* ----- Pull Quote (인용/강조 문장) -----
   카드 없이 좌측 얇은 라인 + 큰 텍스트로 무게감 부여 */
.pullquote {
    margin: 48px 0 !important;
    padding: 4px 0 4px 28px;
    border-left: 2px solid var(--brass);
    font-family: var(--font-display);
    font-size: 22px;
    line-height: 1.55;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--ink);
}
.pullquote cite {
    display: block;
    margin-top: 14px;
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    color: var(--muted);
    letter-spacing: 0.04em;
}

/* ----- Inline Rule (얇은 가로 구분선) ----- */
.rule {
    width: 48px;
    height: 1px;
    background: var(--ink);
    border: 0;
    margin: 0 auto;
    opacity: 0.6;
}
.rule.rule-brass { background: var(--brass); opacity: 1; }
.rule.rule-wide  { width: 100%; opacity: 0.15; }

/* ----- Aside / Note (보충 메모) ----- */
.article-content .note {
    display: block;
    margin: 32px 0 !important;
    padding: 18px 22px;
    background: rgba(176,138,74,0.06);
    border-left: 2px solid var(--brass);
    font-size: 14.5px;
    line-height: 1.75;
    color: var(--ink-soft);
}
.article-content .note .note-label {
    display: block;
    font-family: var(--font-display);
    font-size: 11px;
    letter-spacing: 0.25em;
    color: var(--brass);
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: uppercase;
}

/* ----- Figure with caption ----- */
.article-content figure {
    margin: 40px 0;
}
.article-content figure img { margin: 0; }
.article-content figure figcaption {
    margin-top: 12px;
    font-size: 13px;
    color: var(--muted);
    text-align: center;
    letter-spacing: 0.02em;
}

/* ----- Reusable utilities (이전 자산 유지) -----
   다른 페이지에서도 조합해 쓸 수 있도록 남겨둠 */
.surface-paper {
    background: var(--paper) !important;
    border-color: var(--paper-line) !important;
    box-shadow: var(--shadow-paper) !important;
}
.has-side-bar { border-left: 3px solid var(--brass) !important; }