.content-page { padding: 2.5rem 0 4rem; }
.content-page-inner { max-width: 860px; margin: 0 auto; }
.breadcrumbs { margin-bottom: 1.25rem; color: var(--text-tertiary); font-size: 0.9rem; }
.breadcrumbs a { color: var(--primary-color); text-decoration: none; }
.article-header { margin-bottom: 2rem; }
.article-header h1 { margin-bottom: 0.75rem; font-size: 2.25rem; line-height: 1.25; }
.article-lead { color: var(--text-secondary); font-size: 1.1rem; line-height: 1.8; }
.article-meta { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1rem; color: var(--text-tertiary); font-size: 0.88rem; }
.article-body { color: var(--text-secondary); line-height: 1.85; }
.article-body h2 { margin: 2.25rem 0 0.8rem; color: var(--text-primary); font-size: 1.55rem; }
.article-body h3 { margin: 1.5rem 0 0.6rem; color: var(--text-primary); font-size: 1.15rem; }
.article-body p, .article-body ul, .article-body ol { margin-bottom: 1rem; }
.article-body ul, .article-body ol, .legal-list { padding-left: 1.4rem; }
.article-image { width: 100%; height: auto; margin: 1.5rem 0; border: 1px solid var(--border-color); border-radius: 8px; box-shadow: var(--card-shadow); }
.answer-box, .note-box { margin: 1.25rem 0; padding: 1rem 1.15rem; border-left: 4px solid var(--primary-color); background: var(--bg-secondary); }
.guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.guide-card { display: block; padding: 1.25rem; border: 1px solid var(--border-color); border-radius: 8px; background: var(--card-bg); color: inherit; text-decoration: none; }
.guide-card:hover { border-color: var(--primary-color); box-shadow: var(--card-shadow-hover); }
.guide-card h2, .guide-card h3 { margin: 0 0 0.5rem; color: var(--text-primary); font-size: 1.15rem; }
.guide-card p { margin: 0; color: var(--text-secondary); }
.article-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 2.5rem; }
.article-nav a { padding: 1rem; border: 1px solid var(--border-color); border-radius: 8px; color: var(--text-primary); text-decoration: none; }
@media (max-width: 640px) {
    .content-page { padding-top: 1.5rem; }
    .article-header h1 { font-size: 1.75rem; }
    .guide-grid, .article-nav { grid-template-columns: 1fr; }
}
