/* Loaded only by the two bilingual sample-test guides. */
.test-highlight-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 24px 0; }
.test-highlight { display: flex; flex-direction: column; gap: 10px; padding: 24px; border: 1px solid #d7dfe2; border-radius: 12px; background: #fff; min-width: 0; }
.test-highlight strong { font-size: clamp(24px, 2.8vw, 36px); font-weight: 750; letter-spacing: -.6px; line-height: 1.2; color: #17384c; }
.test-highlight > span { color: #304c5d; font-weight: 650; line-height: 1.6; }
.test-highlight small { color: #61717b; font-size: 13px; line-height: 1.6; }
.test-benefit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 26px 0 0; }
.test-benefit-grid > article { border-top: 2px solid #c6823f; padding-top: 18px; min-width: 0; }
.test-benefit-grid h3 { margin: 0 0 10px; font-family: inherit; font-size: 18px; line-height: 1.4; color: #1c3b4e; }
.test-value-article .test-scope-note { padding: 14px 18px; background: #f4f1eb; border-radius: 8px; font-size: 14px; line-height: 1.7; color: #68747c; }
@media (max-width: 700px) {
  .test-highlight-grid, .test-benefit-grid { grid-template-columns: 1fr; gap: 14px; }
  .test-highlight { padding: 20px; }
  .test-highlight strong { font-size: 30px; }
  .article-main .article-table { min-width: 0; table-layout: fixed; }
  .article-main .article-table th,
  .article-main .article-table td { padding: 9px 5px; font-size: 12.5px; line-height: 1.6; overflow-wrap: anywhere; }
  .article-main .article-table th:first-child,
  .article-main .article-table td:first-child { min-width: 0; width: 34%; }
}