:root { --tps-blue:#0c4f8a; --ink:#1f2933; --muted:#52606d; --line:#d9e2ec; --soft:#f5f8fb; --accent:#e7f0fb; }
    body { margin:0; font-family: Arial, Helvetica, sans-serif; color:var(--ink); background:#fff; line-height:1.68; }
    main { max-width:1120px; margin:0 auto; padding:34px 22px 70px; }
    p { margin:0 0 18px; font-size:18px; }
    a { color:var(--tps-blue); text-decoration:none; font-weight:600; }
    a:hover { text-decoration:underline; }
    .intro { border-left:6px solid var(--tps-blue); background:var(--soft); padding:22px 26px; border-radius:14px; margin-bottom:28px; }
    .toc { background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px 28px; margin:28px 0 36px; }
    .toc strong { display:block; font-size:22px; margin-bottom:10px; color:var(--tps-blue); }
    .toc ol { margin:0; padding-left:22px; columns:2; column-gap:46px; }
    .toc li { margin:8px 0; break-inside:avoid; font-size:17px; }
    h2 { margin:48px 0 18px; font-size:31px; line-height:1.25; color:#102a43; border-bottom:2px solid var(--line); padding-bottom:10px; }
    h3 { margin:30px 0 14px; font-size:23px; line-height:1.35; color:#123c69; }
    ul, ol { font-size:18px; padding-left:24px; margin:0 0 20px; }
    li { margin:8px 0; }
    .spec-table { width:100%; border-collapse:collapse; margin:22px 0 28px; font-size:16px; }
    .spec-table th { background:var(--tps-blue); color:#fff; text-align:left; padding:12px; }
    .spec-table td { border:1px solid var(--line); padding:11px 12px; vertical-align:top; }
    .spec-table tr:nth-child(even) td { background:#f8fbfe; }
    .note { background:#fff7e6; border-left:5px solid #b7791f; padding:16px 20px; border-radius:12px; margin:22px 0; font-size:17px; }
    .cta { background:#e7f0fb; border:1px solid #b6d4f2; border-radius:18px; padding:26px; margin:42px 0; }
    .cta h2 { margin-top:0; border-bottom:0; padding-bottom:0; }
    figure { margin:34px 0; padding:18px; background:#f8fafc; border:1px solid var(--line); border-radius:18px; }
    figure img { max-width:100%; display:block; margin:0 auto; height:auto; }
    figcaption { margin-top:10px; color:var(--muted); font-size:15px; text-align:center; }
    .role-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:24px 0 28px; }
    .role-card { border:1px solid var(--line); border-radius:14px; padding:16px; background:#fff; }
    .role-card strong { color:var(--tps-blue); display:block; margin-bottom:8px; }
    .faq-item { border-top:1px solid var(--line); padding-top:18px; margin-top:18px; }
    @media (max-width:760px) { .toc ol { columns:1; } .role-grid { grid-template-columns:1fr; } h2 { font-size:27px; } }