/* ============================================================================
   Leon Dio — Template Nội Dung / Chính Sách (page-leon-dio-content.php)
   Design system Leon Dio: Playfair Display, gold #c5a059, paper #f4f1ea.
   Tự chứa tokens — nạp inline trên template.
   ========================================================================== */
#ldc-page {
    --gold: #c5a059; --gold-dark: #a8863f; --ink: #1a1a1a; --ctext: #2c2c2c;
    --cmuted: #7a7a72; --cline: #e7e3dc; --paper: #f4f1ea; --cserif: 'Playfair Display', serif;
    background: #fff;
}
#ldc-page .container { max-width: 1080px; margin: 0 auto; padding: 0 24px; }

/* ── Hero ── */
.ldc-hero { background: var(--paper); text-align: center; padding: 58px 0 48px; border-bottom: 1px solid var(--cline); }
.ldc-eyebrow { display: inline-block; font-size: 12.5px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold-dark); font-weight: 700; }
.ldc-title { font-family: var(--cserif); font-size: 38px; line-height: 1.2; font-weight: 700; color: var(--ink); margin: 12px 0 0; text-wrap: balance; }
.ldc-hr { display: block; width: 64px; height: 3px; margin: 20px auto 0; background: linear-gradient(90deg, var(--gold), var(--gold-dark)); border-radius: 2px; }

/* ── Body ── */
.ldc-body { padding: 52px 0 72px; }
.ldc-article { max-width: 820px; margin: 0 auto; color: var(--ctext); font-size: 16px; line-height: 1.85; }
.ldc-article > p:first-child { font-size: 17px; color: #3a3a3a; }
.ldc-article p { margin: 0 0 14px; }
.ldc-article strong { color: var(--ink); font-weight: 700; }
.ldc-article a { color: var(--gold-dark); text-decoration: underline; text-underline-offset: 2px; }

/* Tiêu đề mục — gạch vàng bên trái, Playfair */
.ldc-article h2 { font-family: var(--cserif); font-size: 23px; font-weight: 700; color: var(--ink);
    line-height: 1.3; margin: 36px 0 14px; padding-left: 16px; position: relative; }
.ldc-article h2::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 4px;
    border-radius: 2px; background: linear-gradient(180deg, var(--gold), var(--gold-dark)); }
.ldc-article h3 { font-size: 17px; font-weight: 700; color: var(--ink); margin: 22px 0 10px; }

/* Danh sách — bullet vàng */
.ldc-article ul, .ldc-article ol { margin: 0 0 16px; padding-left: 4px; }
.ldc-article li { margin: 0 0 9px; }
.ldc-article ul { list-style: none; }
.ldc-article ul > li { position: relative; padding-left: 22px; }
.ldc-article ul > li::before { content: ""; position: absolute; left: 2px; top: 10px; width: 7px; height: 7px;
    border-radius: 50%; background: var(--gold-dark); }
.ldc-article ol { padding-left: 22px; }
.ldc-article ol > li { padding-left: 4px; }
.ldc-article ul ul, .ldc-article ul ol, .ldc-article ol ul { margin: 9px 0 4px; }

/* Box liên hệ cuối trang */
.ldc-article .ld-policy-contact { border: 1px solid var(--cline); border-left: 3px solid var(--gold);
    border-radius: 8px; background: var(--paper); padding: 18px 22px; margin-top: 34px; }
.ldc-article .ld-policy-contact .ld-policy-contact__h { font-weight: 800; letter-spacing: .3px; color: var(--ink);
    margin: 0 0 8px; text-transform: uppercase; font-size: 13px; }
.ldc-article .ld-policy-contact p { margin: 0; line-height: 1.95; }
.ldc-article .ld-policy-contact p::before { display: none; }

/* ── Responsive ── */
@media (max-width: 640px) {
    .ldc-hero { padding: 40px 0 32px; }
    .ldc-title { font-size: 27px; }
    .ldc-body { padding: 34px 0 50px; }
    .ldc-article { font-size: 15.5px; }
    .ldc-article h2 { font-size: 20px; margin-top: 28px; }
}