.learning-home{grid-column:1/-1;direction:rtl;background:#102638;border:1px solid #536072;border-radius:16px;padding:16px;min-width:0;color:#f5f7fa;align-self:start}.learning-home h2{color:#f3cd78;margin:0 0 10px;font-size:1.2rem}.learning-home .learning-stats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.learning-home .learning-stats>div{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0b1b2d;border-radius:8px;font-size:.85rem}.learning-home .learning-stats strong{color:#f3cd78;font-size:1rem}.learning-home .learning-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.learning-home .learning-list-heading h3{margin:0;font-size:.95rem}.learning-home .learning-recent{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;align-items:start}.learning-home .learning-compact-card{position:relative;min-width:0;height:174px;box-sizing:border-box;background:#0b1b2d;border:1px solid #35495d;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}.learning-home .learning-compact-card h4{font-size:.95rem;line-height:1.4;min-height:2.8em;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.learning-home .learning-context{margin:0;font-size:.78rem;color:#b6c7d7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.learning-home .learning-compact-meter{display:flex;gap:6px;align-items:center;min-height:20px;font-size:.78rem;color:#f3cd78}.learning-home .learning-compact-meter progress{min-width:0;flex:1;width:100%;height:6px;accent-color:#dfb34e}.learning-home .learning-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.learning-home button,.learning-home summary{box-sizing:border-box;min-height:32px;margin:0;padding:5px 10px;border:1px solid #526378;border-radius:7px;background:#172e43;color:#fff;font:inherit;font-size:.82rem;line-height:1.4;cursor:pointer;white-space:normal}.learning-home .learning-actions>button{background:#dfb34e;color:#102638;border-color:#dfb34e}.learning-home button:focus-visible,.learning-home summary:focus-visible{outline:3px solid #f3cd78;outline-offset:2px}.learning-home .learning-details>summary{list-style:none}.learning-home .learning-details>summary::-webkit-details-marker{display:none}.learning-home .learning-detail-panel{position:absolute;inset-inline:0;top:100%;z-index:20;background:#142a40;border:1px solid #b99b5b;border-radius:10px;padding:12px;box-shadow:0 8px 24px #0008;max-height:280px;overflow:auto;font-size:.85rem;overflow-wrap:anywhere}.learning-home .learning-detail-panel p{margin:8px 0;font-size:inherit}.learning-home .learning-detail-panel button{margin:4px}.learning-home .learning-detail-panel strong{display:block}.learning-home .learning-full{min-width:0}.learning-home.learning-full .learning-recent{grid-template-columns:1fr}.learning-home.learning-full .learning-compact-card{height:auto;min-height:150px}.learning-home.learning-full .learning-compact-card h4{display:block;min-height:0;overflow:visible}.learning-home.learning-full .learning-context{white-space:normal}.learning-home [hidden]{display:none!important}.learning-progress-state{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-block:12px;direction:rtl}.learning-progress-state small{flex-basis:100%;color:#b6c7d7}.learning-badge{font-size:.9rem;color:#f3cd78}.learning-progress-state progress{width:min(160px,100%);height:10px;accent-color:#dfb34e}@media(max-width:480px){.learning-home{padding:12px}.learning-home .learning-recent{grid-template-columns:1fr}.learning-home .learning-compact-card{height:170px}.learning-home .learning-stats{gap:4px}.learning-home .learning-stats>div{padding:5px 7px;font-size:.75rem}.learning-home button,.learning-home summary{min-height:36px}}
.learning-home.learning-full .learning-actions{align-items:start;flex-wrap:wrap}.learning-home.learning-full .learning-details{flex:1 1 100%}.learning-home.learning-full .learning-detail-panel{position:static;max-height:none;box-shadow:none;margin-top:8px}@media(min-width:481px) and (max-width:800px){.learning-home .learning-recent{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.learning-home.learning-full .learning-recent{grid-template-columns:1fr}}