* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", sans-serif; background: #FAFAF8; color: #1A1A1A; line-height: 1.8; }
.article-header { background: linear-gradient(135deg, #F5F0EB 0%, #EDE8E3 100%); padding: 60px 20px 40px; text-align: center; }
.article-back { display: inline-flex; align-items: center; gap: 6px; color: #6B6E6A; text-decoration: none; font-size: 14px; margin-bottom: 24px; transition: color 0.2s; }
.article-back:hover { color: #4A8580; }
.article-category { display: inline-block; padding: 4px 16px; border-radius: 20px; font-size: 12px; font-weight: 500; color: white; margin-bottom: 16px; }
.article-number { font-size: 13px; color: #9B9E9A; margin-bottom: 8px; letter-spacing: 2px; }
.article-title { font-size: 24px; font-weight: 600; color: #1A1A1A; max-width: 680px; margin: 0 auto; line-height: 1.5; }
.article-content { max-width: 720px; margin: 0 auto; padding: 40px 20px 60px; }
.article-summary { background: white; border-radius: 12px; padding: 32px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); margin-bottom: 32px; }
.article-summary h3 { font-size: 16px; color: #4A8580; margin-bottom: 16px; font-weight: 600; }
.article-summary p { font-size: 15px; color: #4A4A4A; line-height: 1.9; }
.article-nav { text-align: center; margin-top: 40px; }
.article-nav a { display: inline-flex; align-items: center; gap: 8px; padding: 12px 28px; background: #4A8580; color: white; text-decoration: none; border-radius: 8px; font-size: 14px; transition: background 0.2s; }
.article-nav a:hover { background: #3D706B; }
.article-list-link { text-align: center; margin-top: 16px; }
.article-list-link a { color: #6B6E6A; text-decoration: none; font-size: 13px; }
.article-list-link a:hover { color: #4A8580; }
.site-footer { background: #F0EDE8; padding: 24px 20px; text-align: center; font-size: 12px; color: #9B9E9A; }
@media (max-width: 640px) { .article-title { font-size: 20px; } .article-header { padding: 40px 16px 24px; } }