/* Simple readable article styles for direct paste into CMS */
    body { font-family: system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; color: #111; line-height: 1.65; margin: 0; background: #fff; padding: 24px 12px; }
    .container { max-width: 920px; margin: 0 auto; padding: 0 16px; }
    header { margin-bottom: 18px; }
    h1 { font-size: 28px; margin: 6px 0 12px; line-height: 1.15; }
    .byline { color: #666; font-size: 14px; margin-bottom: 18px; }
    h2 { font-size: 20px; margin: 20px 0 10px; }
    h3 { font-size: 16px; margin: 14px 0 8px; }
    p { margin: 10px 0; font-size: 15px; }
    ul { margin: 8px 0 12px 20px; }
    ol { margin: 8px 0 12px 20px; }
    table { width: 100%; border-collapse: collapse; margin: 12px 0; }
    th, td { padding: 8px 10px; border: 1px solid #e6e6e6; text-align: left; font-size: 14px; }
    .note { color: #666; font-size: 13px; margin-top: 6px; }
    .callout { background: #f8f9fb; border-left: 4px solid #0d6efd; padding: 12px 14px; border-radius: 4px; margin: 12px 0; }
    footer { margin-top: 30px; font-size: 13px; color: #666; border-top: 1px dashed #eee; padding-top: 12px; }
    a { color: #0d6efd; text-decoration: none; }
    @media (max-width:600px){ h1{font-size:22px} h2{font-size:18px} }