.learning-connect{display:flex;justify-content:space-between;align-items:center;gap:24px}.learning-connect h2{margin-top:8px}.learning-connect small{display:block;margin-top:8px}.learning-state{font-weight:700}.learning-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line,#deded5)}.learning-row:last-child{border-bottom:0}.learning-row p{margin:5px 0}.learning-row small{color:var(--muted,#64675c)}.learning-pager{display:flex;gap:16px;align-items:center;justify-content:center;padding-top:20px}#learning-catalogue{display:grid;gap:6px;margin-top:10px}#learning-catalogue button{text-align:left}.learning-progress{width:100%;height:10px;margin:16px 0;accent-color:var(--orange,#e4572e)}.learning-code{display:grid;gap:12px;max-width:440px}.learning-code input{font-size:24px;letter-spacing:.15em}.learning-code label{display:grid;gap:8px}.learning-code input{width:100%;padding:12px;border:1px solid #a7aa9e;border-radius:6px}.learning-code p{margin:0}.learning-open-error{color:#9a3b24}@media(max-width:640px){.learning-connect,.learning-row{align-items:flex-start;flex-direction:column}.learning-row button,.learning-connect>button{width:100%}}

.learning-actions{display:flex;flex-wrap:wrap;gap:10px;min-width:210px}.learning-actions .button{white-space:nowrap}@media(max-width:640px){.learning-actions{width:100%}.learning-actions>*{width:100%}}