:root {
      --tps-blue:#075b9a;
      --tps-dark:#1f2937;
      --tps-light:#f3f7fb;
      --tps-border:#d9e2ec;
      --tps-accent:#0f766e;
    }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--tps-dark);
      line-height: 1.65;
      background: #ffffff;
    }
    .tps-article {
      max-width: 1080px;
      margin: 0 auto;
      padding: 32px 18px 56px;
    }
    .eyebrow {
      color: var(--tps-blue);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .06em;
      font-size: 14px;
      margin-bottom: 10px;
    }
    .intro-box, .cta-box, .note-box {
      border: 1px solid var(--tps-border);
      background: var(--tps-light);
      border-radius: 14px;
      padding: 20px 22px;
      margin: 24px 0;
    }
    .cta-box {
      background: #eef7ff;
      border-left: 5px solid var(--tps-blue);
    }
    .note-box {
      background: #fffdf3;
      border-left: 5px solid #d97706;
    }
    h2 {
      margin-top: 42px;
      color: var(--tps-blue);
      font-size: 28px;
      line-height: 1.25;
    }
    h3 {
      margin-top: 28px;
      color: #0f3f66;
      font-size: 21px;
      line-height: 1.3;
    }
    a {
      color: var(--tps-blue);
      text-decoration: underline;
      text-underline-offset: 3px;
    }
    .toc {
      border: 1px solid var(--tps-border);
      border-radius: 14px;
      padding: 20px 24px;
      background: #ffffff;
      margin: 26px 0 34px;
    }
    .toc strong {
      display: block;
      margin-bottom: 10px;
      color: var(--tps-blue);
      font-size: 18px;
    }
    .toc ol {
      margin: 0;
      padding-left: 22px;
    }
    .spec-table, .role-table {
      width: 100%;
      border-collapse: collapse;
      margin: 22px 0;
      font-size: 15px;
    }
    .spec-table th, .spec-table td, .role-table th, .role-table td {
      border: 1px solid var(--tps-border);
      padding: 10px 12px;
      vertical-align: top;
    }
    .spec-table th, .role-table th {
      background: #edf5fb;
      text-align: left;
      color: #0f3f66;
    }
    .article-figure {
      margin: 34px 0;
      padding: 18px;
      border: 1px solid var(--tps-border);
      border-radius: 14px;
      background: #fbfdff;
    }
    .article-figure svg {
      width: 100%;
      height: auto;
      display: block;
    }
    .article-figure figcaption {
      margin-top: 10px;
      color: #526070;
      font-size: 14px;
    }
    .checklist li {
      margin-bottom: 8px;
    }
    .faq-item {
      border-top: 1px solid var(--tps-border);
      padding-top: 18px;
      margin-top: 18px;
    }
    .button-link {
      display: inline-block;
      background: var(--tps-blue);
      color: #ffffff;
      padding: 10px 16px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: 700;
      margin-top: 8px;
    }