.search-context {
  width: min(1120px, calc(100% - 40px));
  margin: 36px auto;
  padding: clamp(22px, 4vw, 36px);
  border: 1px solid #dce5ef;
  border-radius: 24px;
  background: #f5f8fc;
  color: #19283d;
  box-sizing: border-box;
}
.search-context h2 { margin: 0 0 20px; font-size: clamp(21px, 3vw, 26px); line-height: 1.3; }
.search-context ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.search-context li { margin: 0; padding: 0; }
.search-context a { display: flex; justify-content: space-between; gap: 16px; height: 100%; padding: 16px 18px; border: 1px solid #e1e7ef; border-radius: 14px; background: #fff; color: #174ea6; text-decoration: none; font-size: 16px; font-weight: 600; line-height: 1.5; box-sizing: border-box; overflow-wrap: anywhere; }
.search-context a:hover { border-color: #9db9e3; background: #eef4ff; }
.search-context a:focus-visible { outline: 3px solid #1769d1; outline-offset: 3px; }
.search-context a span { flex: 0 0 auto; }
.academy-article .search-context, .article-body .search-context { width: 100%; }
.search-answer { margin: 0 0 28px; padding: 22px 26px; border-left: 4px solid #2469c8; border-radius: 0 16px 16px 0; background: #eef5ff; color: #1c3557; }
.search-answer strong { font-size: 15px; color: #1b55a5; }
.search-answer p { margin: 10px 0 0; font-size: 18px; line-height: 1.7; }
.search-editorial-meta { margin: 18px 0 28px; color: #52637a; font-size: 14px; line-height: 1.6; }
@media (max-width: 640px) { .search-context ul { grid-template-columns: 1fr; } .search-context { width: calc(100% - 32px); margin: 28px auto; border-radius: 18px; } .search-answer { padding: 18px 20px; } }