/* Clear, comfortable return controls on every learning screen. */
body a.back-control,body button.back-control{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 20px;border:2px solid #b6ceb1;border-bottom:4px solid #98b68e;border-radius:14px;background:#f9fff2;color:#28563b;font-size:16px!important;font-weight:750;line-height:1.4;text-decoration:none;text-align:center;max-width:100%;white-space:normal;box-sizing:border-box;cursor:pointer}
body a.back-control:hover,body button.back-control:hover{background:#eaf5e1;border-color:#6e9c67;color:#214a32}
body a.back-control:focus-visible,body button.back-control:focus-visible{outline:3px solid #167961;outline-offset:4px}
body .topbar:has(.back-control){height:auto;min-height:88px;gap:16px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
body .math-home.back-control{max-width:none;flex:0 1 auto}
.math-breadcrumb:has(.back-control){gap:10px}.math-breadcrumb .back-control{margin:0}
.progress-card .math-pause.back-control{background:#f7f2d6;color:#395131;border-color:#c1ce9d;margin-top:20px;width:100%}
.test-pause.back-control{margin:20px 0}.realm-back.back-control,.back-link.back-control{margin-bottom:24px}
@media(max-width:600px){body a.back-control,body button.back-control{min-height:54px;padding:13px 16px}.hub-header{align-items:center;flex-wrap:wrap;gap:15px}.hub-header .header-home.back-control{flex:1 1 180px}.topbar .math-home.back-control{flex:1 1 220px}.math-breadcrumb{row-gap:12px}.math-breadcrumb .back-control{padding:11px 14px}.collection-nav a{min-height:50px;display:inline-flex;align-items:center}.realm-back.back-control{width:100%}}