/* Self-paced courses and prompt editions. Sits after the course styles. */
.learner{font-family:var(--sans);min-width:0}
.learner h1,.learner h2,.learner h3,.learner h4{font-family:var(--display)}
.learner p{margin:0 0 .8em}
.learner .note,.learner label.f small,.learner .cap{margin-bottom:0}
.learner .btn,.learner .pb,.learner .q button,.learner summary,.learner .side a,.learner .academy-nav a,.learner .mod{min-height:44px}
.learner .side a,.learner .academy-nav a{align-items:center}
.learner .q button,.learner .pb,.learner summary{display:flex;align-items:center}
.learner .q button{width:100%}
.learner summary{min-height:44px}
.learner .tw,.learner .shell,.learner .wrap,.learner main{min-width:0;max-width:100%}
.learner .tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.learner img{max-width:100%;height:auto}
.learner video{max-width:100%}
.learner .crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:15px;color:var(--muted);padding:20px 16px 0;max-width:1100px;margin:0 auto}
.site-header .brand{min-height:44px}
.learner .crumbs a{color:var(--muted);text-decoration:none;min-height:44px;min-width:44px;display:inline-flex;align-items:center}
.learner .crumbs a:hover{color:var(--ink)}
.learner .crumbs span[aria-hidden]{opacity:.6}
@media (max-width:640px){
  .learner .hero,.learner .card,.learner .case,.learner blockquote{padding-left:16px;padding-right:16px}
  .learner h1{overflow-wrap:anywhere}
}