/* 2026-09-29: 既存4ページだけに適用する、小規模テスト用の追加部品。 */
.small-test-panel {
  margin: 24px 0;
  padding: clamp(20px, 4vw, 36px);
  border: 1px solid #dedce5;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(24, 35, 49, .05);
}
.small-test-panel h2 { margin: 0 0 12px; font-size: clamp(1.35rem, 3vw, 1.8rem); line-height: 1.45; }
.small-test-panel p { line-height: 1.85; }
.small-test-panel .section-kicker { color: #7f001f; font-size: .75rem; letter-spacing: .1em; }
.small-test-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 20px 0; }
.small-test-path { display: flex; flex-direction: column; gap: 8px; padding: 20px; border: 1px solid #dedce5; border-radius: 14px; background: #fcfaf9; color: #182331; text-decoration: none; overflow-wrap: anywhere; }
.small-test-path strong { font-size: 1.05rem; line-height: 1.5; }
.small-test-path span { font-size: .9rem; line-height: 1.75; color: #535863; }
.small-test-path:hover { border-color: #7f001f; background: #fff5f6; }
.small-test-path:focus-visible, .small-test-panel a:focus-visible { outline: 3px solid #1769aa; outline-offset: 4px; }
.small-test-panel .small-test-note { font-size: .9rem; color: #535863; }
.small-test-panel .action-row { flex-wrap: wrap; }
.small-test-panel .action-row a { white-space: normal; text-align: center; overflow-wrap: anywhere; }
.small-test-steps { padding-left: 1.5em; line-height: 1.85; }
.small-test-steps li + li { margin-top: 12px; }
.small-test-anchor { scroll-margin-top: 100px; }
@media (max-width: 600px) {
  .small-test-paths { grid-template-columns: 1fr; }
  .small-test-panel .action-row { display: grid; grid-template-columns: minmax(0, 1fr); }
}