.learning-quality { margin-block: 2rem; }
.learning-quality-intro { max-width: 72ch; }
#engineering-comparison-intro { color: #15324d; scroll-margin-top: 7rem; }
.learning-quality-routes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; list-style: none; padding: 0; }
.learning-quality-routes li { padding: 1rem; border: 1px solid #cbd5e1; border-left: 4px solid #e87424; border-radius: .6rem; background: #fff; }
.learning-quality-routes strong { display: block; color: #15324d; margin-bottom: .55rem; }
.learning-quality-links { display: flex; flex-wrap: wrap; gap: .35rem 1rem; }
.learning-quality a { overflow-wrap: anywhere; }
.learning-quality-links a { padding-block: .45rem; }
.learning-quality-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; align-items: start; }
.learning-quality-card { padding: 1rem; border: 1px solid #cbd5e1; border-radius: .7rem; background: #f8fafc; min-width: 0; }
.learning-quality-card summary { font-weight: 700; color: #15324d; cursor: pointer; padding-block: .35rem; }
.learning-quality-card p { margin-block: .8rem; overflow-wrap: anywhere; }
.learning-quality-card button { display: inline-block; font: inherit; padding: .65rem .8rem; border: 1px solid #15324d; color: #15324d; background: #fff; border-radius: .4rem; cursor: pointer; max-width: 100%; }
.learning-quality-card button:hover { background: #e9f0f6; }
.learning-quality :focus-visible { outline: 3px solid #e87424; outline-offset: 3px; }
.learning-quality [hidden] { display: none !important; }
[id^="learning-quality-"], [id^="foundation-"], [id^="model-scope-"], [id^="case-"] { scroll-margin-top: 7rem; }
@media (max-width: 700px) {
  .learning-quality-routes, .learning-quality-cards { grid-template-columns: minmax(0,1fr); }
  .learning-quality-links { column-gap: .8rem; }
}