.web-learning-entry {
  color: #263f35;
  border: 1px solid #d8e0d4;
  border-radius: 24px;
  padding: clamp(22px, 3.5vw, 40px);
  background: linear-gradient(135deg, #f5f8ee, #fffdf7);
  overflow-wrap: anywhere;
}
.learning-index > .web-learning-entry { margin-top: 32px; }
.web-learning-entry__kicker { margin: 0 0 10px; color: #557047; font-size: 0.8rem; font-weight: 750; letter-spacing: 0.08em; }
.web-learning-entry h2 { margin: 0; font-size: clamp(1.4rem, 2.5vw, 1.9rem); line-height: 1.3; }
.web-learning-entry__intro { max-width: 720px; margin: 12px 0 20px; color: #57665c; line-height: 1.75; }
.web-learning-entry__links { display: flex; flex-wrap: wrap; gap: 10px 24px; }
.web-learning-entry__links a { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; color: #254b39; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.web-learning-entry a:focus-visible { outline: 3px solid #80622d; outline-offset: 5px; border-radius: 4px; }
.web-learning-entry [hidden] { display: none !important; }
.web-learning-entry__recommendations { margin-top: 24px; padding-top: 22px; border-top: 1px solid #d8e0d4; }
.web-learning-entry__recommendations h3 { margin: 0 0 14px; font-size: 1rem; }
.web-learning-entry__recommendations ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; list-style: none; padding: 0; margin: 0; }
.web-learning-entry__recommendations li { min-width: 0; }
.web-learning-entry__recommendations li a { display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 18px; border: 1px solid #d8e0d4; border-radius: 14px; background: #fffefa; color: #263f35; text-decoration: none; }
.web-learning-entry__recommendations li a:hover { border-color: #759171; background: #fff; }
.web-learning-entry__recommendations strong { font-size: 1.02rem; line-height: 1.45; }
.web-learning-entry__recommendations li span { font-size: 0.9rem; color: #57665c; line-height: 1.65; }
@media (max-width: 850px) { .web-learning-entry__recommendations ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  .web-learning-entry { border-radius: 18px; }
  .web-learning-entry__recommendations ul { grid-template-columns: minmax(0, 1fr); }
  .web-learning-entry__links { flex-direction: column; gap: 4px; }
}