.tps-article { max-width: 1080px; margin: 0 auto; padding: 24px 18px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; line-height: 1.68; }
    .tps-article * { box-sizing: border-box; }
    .tps-article p { margin: 0 0 16px; }
    .tps-article a { color: #0b6bcb; text-decoration: none; }
    .tps-article a:hover { text-decoration: underline; }
    .tps-article h2 { margin: 38px 0 14px; font-size: 28px; line-height: 1.25; color: #12344d; }
    .tps-article h3 { margin: 24px 0 10px; font-size: 21px; line-height: 1.3; color: #1b4b6f; }
    .tps-article ul, .tps-article ol { margin: 0 0 18px 22px; padding: 0; }
    .tps-article li { margin: 6px 0; }
    .tps-intro { padding: 22px; border: 1px solid #d8e2ea; border-left: 5px solid #1f7a4d; background: #f7fbf8; border-radius: 12px; margin-bottom: 24px; }
    .tps-note { padding: 16px 18px; border: 1px solid #d9e6f2; background: #f7fbff; border-radius: 10px; margin: 18px 0; }
    .tps-cta { padding: 22px; border-radius: 14px; background: #12344d; color: #fff; margin: 28px 0; }
    .tps-cta a { color: #fff; font-weight: 700; text-decoration: underline; }
    .tps-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 18px 0; }
    .tps-card { border: 1px solid #d8e2ea; border-radius: 12px; padding: 16px; background: #fff; }
    .tps-card strong { color: #12344d; }
    .tps-table-wrap { overflow-x: auto; margin: 18px 0; }
    .tps-table { width: 100%; border-collapse: collapse; min-width: 720px; }
    .tps-table th, .tps-table td { border: 1px solid #d8e2ea; padding: 11px 12px; text-align: left; vertical-align: top; }
    .tps-table th { background: #eef5fb; color: #12344d; }
    .tps-svg-block { margin: 28px 0; border: 1px solid #d8e2ea; border-radius: 14px; background: #fff; overflow: hidden; }
    .tps-svg-block svg { display: block; width: 100%; height: auto; }
    .tps-svg-block figcaption { padding: 12px 16px; font-size: 14px; color: #52616f; background: #f7f9fb; }
    .tps-toc { border: 1px solid #d8e2ea; background: #fbfdff; border-radius: 12px; padding: 18px 20px; margin: 22px 0 30px; }
    .tps-toc strong { display: block; margin-bottom: 10px; color: #12344d; }
    .tps-toc ol { margin-bottom: 0; }
    .tps-faq { border-top: 1px solid #d8e2ea; padding-top: 8px; }
    @media (max-width: 720px) { .tps-grid { grid-template-columns: 1fr; } .tps-article h2 { font-size: 24px; } .tps-article h3 { font-size: 19px; } }