.tps-article { font-family: Arial, Helvetica, sans-serif; color: #1d2733; line-height: 1.68; max-width: 1120px; margin: 0 auto; padding: 28px 18px; }
    .tps-article * { box-sizing: border-box; }
    .tps-article h1 { font-size: 38px; line-height: 1.18; margin: 0 0 16px; color: #0b2f4f; }
    .tps-article h2 { font-size: 28px; line-height: 1.28; margin: 44px 0 14px; color: #0b2f4f; }
    .tps-article h3 { font-size: 21px; line-height: 1.35; margin: 28px 0 10px; color: #17456b; }
    .tps-article p { margin: 0 0 16px; }
    .tps-article a { color: #0b65b9; text-decoration: none; }
    .tps-article a:hover { text-decoration: underline; }
    .tps-hero { background: linear-gradient(135deg,#eaf4ff,#ffffff); border: 1px solid #d8e8f7; border-radius: 22px; padding: 30px; margin-bottom: 24px; }
    .tps-kicker { color: #0b65b9; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; font-size: 13px; margin-bottom: 10px; }
    .tps-cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
    .tps-btn { display: inline-block; padding: 11px 18px; border-radius: 999px; font-weight: 700; border: 1px solid #0b65b9; }
    .tps-btn-primary { background: #0b65b9; color: #ffffff !important; }
    .tps-btn-secondary { background: #ffffff; color: #0b65b9 !important; }
    .tps-toc { background: #f7fafc; border: 1px solid #dfe9f1; border-radius: 18px; padding: 22px; margin: 26px 0 34px; }
    .tps-toc h2 { margin-top: 0; font-size: 22px; }
    .tps-toc ol { margin: 0; padding-left: 22px; }
    .tps-toc li { margin: 8px 0; }
    .tps-note { background: #fff8ec; border-left: 4px solid #f2a33a; padding: 16px 18px; border-radius: 12px; margin: 20px 0; }
    .tps-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
    .tps-card { border: 1px solid #dfe9f1; border-radius: 16px; padding: 18px; background: #ffffff; }
    .tps-card strong { color: #0b2f4f; }
    .tps-table-wrap { overflow-x: auto; margin: 22px 0; }
    .tps-table { width: 100%; border-collapse: collapse; min-width: 760px; }
    .tps-table th, .tps-table td { border: 1px solid #dbe6ee; padding: 12px 13px; vertical-align: top; text-align: left; }
    .tps-table th { background: #eef6fd; color: #0b2f4f; }
    .tps-figure { margin: 30px 0; }
    .tps-figure svg { display: block; width: 100%; height: auto; border: 1px solid #dfe9f1; border-radius: 22px; background: #f5f8fb; }
    .tps-figure figcaption { font-size: 14px; color: #516273; margin-top: 9px; }
    .tps-checklist { padding-left: 20px; }
    .tps-checklist li { margin: 8px 0; }
    .tps-faq { border-top: 1px solid #dfe9f1; margin-top: 36px; padding-top: 18px; }
    .tps-final-cta { background: #0b2f4f; color: #ffffff; border-radius: 22px; padding: 26px; margin: 34px 0 0; }
    .tps-final-cta h2 { color: #ffffff; margin-top: 0; }
    .tps-final-cta a { color: #ffffff; text-decoration: underline; }
    @media (max-width: 760px) { .tps-grid { grid-template-columns: 1fr; } .tps-article h1 { font-size: 30px; } .tps-article h2 { font-size: 24px; } .tps-hero { padding: 22px; } }