.scintro-quicklinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 20px 16px;
  background: #f3f8f5;
}
.scintro-quicklinks a,
.scintro-case-detail {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid #9ab6a5;
  border-radius: 8px;
  color: #20513a;
  background: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.scintro-case-detail { margin-top: 16px; }
.scintro-quicklinks a:focus-visible,
.scintro-case-detail:focus-visible,
.sampo-growth-article a:focus-visible { outline: 3px solid #20513a; outline-offset: 4px; }
.sampo-growth-article {
  margin: 32px 0;
  padding: clamp(20px, 4vw, 32px);
  border: 1px solid #b7cbbf;
  border-left: 5px solid #397d53;
  border-radius: 8px;
  background: #f3f8f5;
  color: #243e31;
}
.sampo-growth-article h2 { margin: 0 0 12px; padding: 0; border: 0; background: none; color: inherit; font-size: 20px; line-height: 1.6; }
.sampo-growth-article h2::before,
.sampo-growth-article h2::after { display: none; }
.sampo-growth-article p { margin: 0 0 16px; }
.sampo-growth-article a { display: inline-block; padding: 10px 0; color: #20513a; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 480px) {
  .scintro-quicklinks { gap: 8px; }
  .scintro-quicklinks a { flex: 1 1 100%; }
  .scintro-case-detail { width: 100%; box-sizing: border-box; }
}