.learning-session { position:relative; z-index:40; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.5rem 1rem; padding:.55rem 1rem; background:#e8f5ef; color:#153f32; font:600 .88rem/1.5 system-ui,sans-serif; border-bottom:1px solid #aacdbe; }
.learning-session[hidden] { display:none; }
.learning-session a,.learning-session button { font:inherit; color:inherit; text-decoration:underline; background:transparent; border:0; padding:.3rem; cursor:pointer; }
.learning-session button:focus-visible,.learning-session a:focus-visible { outline:3px solid #087e67; outline-offset:3px; }
.learning-session[data-error="true"] { color:#72230e; background:#fff0df; border-color:#daa98a; }
.learning-session-status { flex-basis:100%; text-align:center; }
@media print { .learning-session { display:none; } }