* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background: #fff; color: #1a1a1a; font-size: 15px; line-height: 1.7; padding: 40px; max-width: 800px; margin: 0 auto; }
h1 { font-size: 28px; color: #e8821e; margin-bottom: 8px; border-bottom: 3px solid #e8821e; padding-bottom: 8px; }
h2 { font-size: 22px; color: #1a3a5c; margin: 32px 0 12px; }
h3 { font-size: 18px; color: #1a3a5c; margin: 20px 0 8px; }
p { margin: 10px 0; }
ul, ol { margin: 10px 0 10px 24px; }
li { margin: 6px 0; }
table { width: 100%; border-collapse: collapse; margin: 16px 0; }
th { background: #e8821e; color: white; padding: 10px 12px; text-align: left; font-size: 13px; }
td { padding: 10px 12px; border-bottom: 1px solid #e2e8f0; font-size: 14px; }
tr:hover td { background: #fff8f0; }
hr { border: none; border-top: 2px solid #e8821e; margin: 48px 0; }
a { color: #e8821e; }
em { color: #718096; }
strong { color: #1a3a5c; }
.article-header { background: #1a3a5c; color: white; padding: 20px 24px; border-radius: 10px; margin-bottom: 24px; }
.article-header .num { font-size: 14px; color: #e8821e; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.article-header .title { font-size: 24px; font-weight: 800; margin: 8px 0 4px; }
.article-header .meta { font-size: 13px; color: #8A9BB5; }
.footer { text-align: center; margin-top: 48px; padding: 24px; background: #f7f8fa; border-radius: 10px; font-size: 13px; color: #718096; }
@media print {
  body { padding: 20px; }
  .article-header { background: #1a3a5c !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  hr { page-break-before: always; }
}