.learning-controls{padding:24px;background:#eef2ec;border:1px solid #d8e2d5;border-radius:18px;margin:24px 0}.learning-chapter{margin:14px 0;background:#fffef9}.learning-routes{padding:8px 24px 24px}.learning-route{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #e1e6df}.learning-route:last-child{border:0}.learning-route h3{font-size:1.05rem;margin:0 0 8px}.learning-route p{margin:0 0 8px;color:#52645c;max-width:65ch;line-height:1.55}.learning-route small{color:#63716a}.learning-mix{padding:28px;background:#e8efec;border:1px solid #cddbd3;border-radius:20px;margin:32px 0}.learning-mix h2{margin:8px 0 12px}.learning-mix .controls{margin-top:20px}.recall-mode .question{max-width:1000px}.recall-mode .question h2{line-height:1.55}.recall-mode .options .option{line-height:1.5}.recall-mode .feedback{line-height:1.65}.learning-controls select{min-width:0}.learning-controls .controls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:680px){.learning-route{grid-template-columns:28px 1fr;gap:12px}.learning-route button{grid-column:2;justify-self:start}.learning-routes{padding:4px 16px 16px}.learning-controls,.learning-mix{padding:18px}.learning-chapter summary h2{font-size:1rem}.learning-controls .controls{display:flex;flex-direction:column}.learning-controls label{width:100%}}