/* CROSSMARK LOSS ADVISORS — article page styles, consumed by backlinks WF (Backlink-SubWF-產文) */
.article-page{max-width:100%;margin:0}

.article-header{background:var(--c-teal-dark);padding:36px 0 44px}
.article-header .inner{max-width:760px;margin:0 auto;padding:0 32px}

.breadcrumb{font-size:12.5px;color:var(--c-text-onDark-faint);margin-bottom:18px}
.breadcrumb a{color:var(--c-text-onDark-muted)}
.breadcrumb-sep{margin:0 6px;color:var(--c-text-onDark-faint)}

.card-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--c-accent);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:16px}

.article-h1{font-family:var(--f-serif);font-size:34px;line-height:1.24;color:#fff;margin:0 0 20px;font-weight:600}

.author-byline{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--c-text-onDark-muted)}
.author-name{color:#fff;font-weight:600}
.author-sep{color:var(--c-text-onDark-faint)}

.article-hero-img{width:100%;height:380px;object-fit:cover;display:block}

.article-lead{max-width:760px;margin:36px auto 0;padding:0 32px;font-size:18px;line-height:1.6;color:var(--c-text-muted)}

.article-body{max-width:760px;margin:0 auto;padding:24px 32px 48px;font-size:16px;line-height:1.8;color:var(--c-text-strong)}
.article-body h2{font-size:24px;margin:36px 0 14px}
.article-body h3{font-size:19px;margin:28px 0 12px}
.article-body p{margin:0 0 18px}
.article-body ul,.article-body ol{margin:0 0 18px;padding-left:22px}
.article-body li{margin-bottom:8px}
.article-body a{color:var(--c-teal-dark);text-decoration:underline}
.article-body blockquote{border-left:3px solid var(--c-accent);margin:24px 0;padding:4px 20px;color:var(--c-text-muted);font-style:italic}

.author-bio-card{max-width:760px;margin:40px auto;padding:24px;background:var(--c-tint);border-radius:9px;display:flex;gap:16px;align-items:flex-start}
.author-bio-avatar{width:48px;height:48px;border-radius:50%;background:var(--c-accent-soft);color:var(--c-accent-dark);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.author-bio-name{font-weight:700;font-size:14.5px;color:var(--c-text-strong);margin-bottom:2px}
.author-bio-title{font-size:12.5px;color:var(--c-text-muted);margin-bottom:8px}
.author-bio-text{font-size:13.5px;line-height:1.6;color:var(--c-text-muted)}

.faq-section{max-width:760px;margin:0 auto;padding:0 32px 56px}
.faq-section h2{font-size:24px;margin-bottom:20px}
#faq-items .faq-item{border-bottom:1px solid var(--c-border);padding:18px 0}

.cta-banner{background:var(--c-bg-dark2);padding:40px 32px;text-align:center;margin:0 0 56px}
.cta-banner h3{font-family:var(--f-serif);color:#fff;font-size:20px;margin:0 0 10px}
.cta-banner p{color:var(--c-text-onDark-muted);font-size:14px;margin:0 0 18px}

.related-section{max-width:760px;margin:0 auto;padding:0 32px 64px}
.related-section h3{font-size:19px;margin-bottom:18px}
.rel-card{display:block;padding:14px 0;border-bottom:1px solid var(--c-border)}
.rel-title{font-weight:600;font-size:14.5px;color:var(--c-text-strong)}

/* site-header / header-inner / header-logo / header-nav / nav-link
   / site-footer / footer-inner / footer-bottom already defined in style-base.css (shared, no duplication) */