.blog-article-content .uv-note,
.blog-article-content .uv-commercial { box-sizing: border-box; }
.blog-article-content .uv-toc { margin: 30px 0 38px; padding: 22px 26px; background: #fff; border: 1px solid #e1e7ee; border-radius: 8px; }
.blog-article-content .uv-toc > strong { display: block; margin-bottom: 12px; color: #10263d; font-size: 19px; }
.blog-article-content .uv-toc ol { margin: 0; padding-left: 24px; }
.blog-article-content .uv-toc li { margin: 6px 0; padding-left: 3px; }
.blog-article-content .uv-toc a { color: #245d92; text-decoration: underline; text-decoration-color: #c2d1e0; text-underline-offset: 3px; }
.blog-article-content .uv-toc a:hover { color: #10263d; text-decoration-color: currentColor; }
.blog-article-content .uv-note { margin: 24px 0; padding: 18px 22px; border-left: 4px solid #526a82; border-radius: 0 8px 8px 0; background: #eef3f8; }
.blog-article-content .uv-note--definition { border-left-color: #245d92; background: #edf4fb; }
.blog-article-content .uv-note--important { border-left-color: #bb8336; background: #fff7eb; }
.blog-article-content .uv-flow { display: flex; align-items: stretch; gap: 8px; margin: 28px 0; }
.blog-article-content .uv-flow__item { display: flex; flex: 1 1 0; min-width: 0; align-items: center; justify-content: center; padding: 14px 10px; border: 1px solid #dce5ee; border-radius: 8px; background: #fff; color: #10263d; text-align: center; font-size: 15px; font-weight: 700; line-height: 1.4; }
.blog-article-content .uv-flow__arrow { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; color: #526a82; font-size: 21px; }
.blog-article-content .uv-table { display: block; width: 100%; margin: 26px 0; border: 1px solid #e1e7ee; border-radius: 8px; border-spacing: 0; border-collapse: separate; overflow-x: auto; background: #fff; font-size: 15px; line-height: 1.5; }
.blog-article-content .uv-table th,
.blog-article-content .uv-table td { padding: 13px 14px; min-width: 150px; text-align: left; vertical-align: top; border-right: 1px solid #e1e7ee; border-bottom: 1px solid #e1e7ee; }
.blog-article-content .uv-table th { background: #eef3f8; color: #10263d; font-weight: 700; }
.blog-article-content .uv-table tr > :last-child { border-right: 0; }
.blog-article-content .uv-table tbody tr:last-child td { border-bottom: 0; }
.blog-article-content .uv-commercial { margin: 34px 0; padding: 26px 28px; border: 1px solid #d5e0eb; border-radius: 8px; background: #eef3f8; }
.blog-article-content .uv-commercial > strong { display: block; color: #10263d; font-size: 22px; line-height: 1.35; }
.blog-article-content .uv-commercial p { margin: 12px 0; }
.blog-article-content .uv-commercial p:last-child { margin-bottom: 0; }
.blog-article-content .uv-commercial a { display: inline-block; padding: 12px 20px; border-radius: 7px; background: #122d4a; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.blog-article-content .uv-commercial a:hover { background: #245d92; }
@media (max-width: 620px) {
  .blog-article-content .uv-toc { padding: 18px; }
  .blog-article-content .uv-note { padding: 16px 18px; }
  .blog-article-content .uv-flow { flex-direction: column; }
  .blog-article-content .uv-flow__arrow { transform: rotate(90deg); height: 22px; }
  .blog-article-content .uv-commercial { padding: 20px; }
  .blog-article-content .uv-commercial > strong { font-size: 19px; }
  .blog-article-content .uv-commercial a { display: block; text-align: center; }
}