/* Linglobe article additions — v1.0 / 2026-10-26
   Load after style.css, header.css and footer.css.
   Add class="article-enhanced" to the body of pages using these components.
   Article names, facts and language belong in HTML, not in this stylesheet.
   Component examples and usage: ARTICLE_PAGE_GUIDE.md.
*/
body.article-enhanced .article-hero { min-height: 340px; }
body.article-enhanced .article-hero h1 { font-size: clamp(2rem, 4.6vw, 3.7rem); line-height: 1.35; letter-spacing: -.02em; }
body.article-enhanced .article-hero-inner { padding-top: 48px; padding-bottom: 80px; }
body.article-enhanced .article-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; margin: 22px 0; }
body.article-enhanced .article-facts div { padding: 12px 14px; background: #f2f6f8; border-radius: 10px; min-width: 0; }
body.article-enhanced .article-facts dt { color: #506474; font-size: .85rem; font-weight: 700; }
body.article-enhanced .article-facts dd { margin: 4px 0 0; color: #142d40; line-height: 1.65; }
body.article-enhanced .article-jump { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
body.article-enhanced .article-jump a { padding: 8px 12px; border: 1px solid #bed0dc; border-radius: 8px; color: #174c70; font-size: .92rem; text-decoration: none; }
body.article-enhanced .article-jump a:hover { background: #edf5fa; }
body.article-enhanced .article-note { padding: 16px 18px; background: #f2f6f8; border-left: 3px solid #497c94; border-radius: 4px; }
body.article-enhanced .article-cite { margin-left: 3px; font-size: .72em; }
body.article-enhanced .article-cite a { text-decoration: none; }
body.article-enhanced .article-table-wrap { overflow-x: auto; margin: 20px 0; }
body.article-enhanced .article-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
body.article-enhanced .article-table caption { text-align: left; font-weight: 700; margin-bottom: 8px; }
body.article-enhanced .article-table th, body.article-enhanced .article-table td { padding: 12px; border: 1px solid #d7e1e8; text-align: left; vertical-align: top; }
body.article-enhanced .article-table thead { background: #edf3f7; }
body.article-enhanced .article-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 18px; }
body.article-enhanced .article-action { display: block; padding: 18px; border: 1px solid #b9ceda; border-radius: 12px; text-decoration: none; color: #143e58; line-height: 1.7; }
body.article-enhanced .article-action span { display: block; font-size: .9rem; color: #496270; margin-top: 6px; }
body.article-enhanced .article-action:hover { background: #f1f7fa; }
body.article-enhanced .article-actions a:focus-visible, body.article-enhanced .article-jump a:focus-visible, body.article-enhanced .article-faq summary:focus-visible { outline: 3px solid #1975b5; outline-offset: 3px; }
body.article-enhanced .article-faq details { border-bottom: 1px solid #dae4eb; padding: 16px 0; }
body.article-enhanced .article-faq summary { font-weight: 700; cursor: pointer; line-height: 1.7; }
body.article-enhanced .article-faq details p { margin-bottom: 0; }
body.article-enhanced .article-source-list { font-size: .88rem; line-height: 1.8; overflow-wrap: anywhere; }
body.article-enhanced .article-updated { color: #526572; font-size: .85rem; }
body.article-enhanced .article-language { font-family: "M PLUS Rounded 1c", sans-serif; }
@media(max-width: 640px) {
body.article-enhanced .article-hero { min-height: 300px; }
body.article-enhanced .article-hero-inner { padding: 34px 20px 72px; }
body.article-enhanced .article-facts, body.article-enhanced .article-actions { grid-template-columns: 1fr; }
body.article-enhanced .article-table th, body.article-enhanced .article-table td { padding: 10px 8px; }
body.article-enhanced .article-jump a { flex: 1 1 40%; text-align: center; }
}