.learning-next {
  margin-block: 40px 56px;
  color: var(--ink);
  border-top: 1px solid var(--line);
  padding-block: 28px 0;
}
.learning-next header { max-width: 68ch; }
.learning-next h2 { margin: 8px 0 12px; font-size: clamp(24px, 3vw, 34px); line-height: 1.18; letter-spacing: -.035em; text-wrap: balance; }
.learning-next p { font-size: 15px; line-height: 1.65; color: var(--ink-soft); }
.learning-next__details { margin-block: 22px; border-block: 1px solid var(--line); }
.learning-next__details summary { padding: 16px 0; min-height: 48px; cursor: pointer; font-weight: 650; font-size: 15px; }
.learning-next__details > div { padding-bottom: 16px; max-width: 80ch; }
.learning-next__links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.learning-next__card { padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper-strong); color: var(--ink); text-decoration: none; transition: border-color .15s ease, background-color .15s ease; }
.learning-next__card strong { display: flex; justify-content: space-between; gap: 12px; font-size: 16px; line-height: 1.4; }
.learning-next__card > span { display: block; margin-top: 8px; font-size: 14px; line-height: 1.55; color: var(--ink-soft); }
.learning-next__card:hover { border-color: var(--ink-soft); background: var(--paper); }
.learning-next a:focus-visible, .learning-next summary:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }
.learning-next__examples { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.learning-next__examples h3 { font-size: 16px; margin: 6px 0 16px; }
.learning-next__words { padding: 0; list-style: none; }
.learning-next__words li { margin-bottom: 18px; }
.learning-next__words a { display: inline-flex; align-items: center; min-height: 44px; font-size: 23px; font-weight: 650; color: var(--ink); text-decoration: underline; text-underline-offset: 5px; }
.learning-next__words li > span { margin-left: 12px; color: var(--ink-soft); }
.learning-next__words p { margin: 2px 0; }
.learning-next .learning-next__note { font-size: 13px; }
body[data-exam-paper-state="active"] .learning-next { display: none; }
@media (max-width: 700px) {
  .learning-next__links, .learning-next__examples { grid-template-columns: 1fr; }
  .learning-next { margin-block: 28px 36px; }
  .learning-next__card { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) { .learning-next__card { transition: none; } }