/* Base styles */
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; max-width: 960px; margin: 0 auto; padding: 20px; }
h1 { font-size: 1.8rem; color: #1a1a1a; margin-bottom: 1rem; border-bottom: 2px solid #e63e00; padding-bottom: 0.5rem; }
h2 { font-size: 1.4rem; color: #2c3e50; margin: 1.5rem 0 0.8rem; }
h3 { font-size: 1.1rem; color: #34495e; }
section { margin-bottom: 2rem; padding: 1.2rem; background: #fafafa; border-radius: 8px; }
table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
table th, table td { padding: 10px 12px; border: 1px solid #e0e0e0; text-align: left; }
table th { background: #f5f5f5; font-weight: 600; }
.breadcrumb { font-size: 0.85rem; color: #888; margin-bottom: 1rem; }
.breadcrumb a { color: #e63e00; text-decoration: none; }
.cta { background: linear-gradient(135deg, #e63e00, #ff6b35); color: white; text-align: center; padding: 2rem; border-radius: 12px; }
.cta a { color: white; font-size: 1.2rem; font-weight: bold; }

/* Article Hero Image */
.article-hero {
    margin: 1.5rem 0;
    text-align: center;
    background: none;
    padding: 0;
}
.article-hero img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    display: inline-block;
}
.article-hero figcaption {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #888;
    font-style: italic;
}

/* Cross links */
.cross-links a { display: inline-block; margin: 4px 6px; padding: 4px 10px; background: #f0f0f0; border-radius: 4px; color: #e63e00; text-decoration: none; font-size: 0.9rem; }
.cross-links a:hover { background: #e63e00; color: white; }

/* Expert section */
.expert { display: flex; align-items: center; gap: 1rem; background: #f9f9f9; padding: 1rem; border-radius: 8px; }

/* FAQ */
.faq details { margin-bottom: 0.8rem; background: #fff; padding: 0.8rem 1rem; border-radius: 6px; border: 1px solid #eee; }
.faq summary { font-weight: 600; cursor: pointer; color: #2c3e50; }
.faq details[open] summary { color: #e63e00; }