.fl-learning-dialog{width:min(1240px,calc(100vw - 24px));height:min(900px,calc(100dvh - 24px));max-height:none}.fl-learning-dialog>div{display:flex;flex-direction:column;height:100%}.fl-learning-dialog header{flex:0 0 auto}.fl-learning-content{min-height:0;flex:1;overflow:auto;padding:18px}.fl-learning-center,.fl-learning-detail{display:grid;gap:16px}.fl-learning-hero{display:flex;align-items:center;justify-content:space-between;padding:20px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--fl-primary) 16%,var(--fl-panel)),color-mix(in srgb,#2563eb 10%,var(--fl-panel)));border:1px solid var(--fl-border)}.fl-learning-hero span,.fl-learning-detail-head>div>span,.fl-learning-guide header span{font-size:9px;letter-spacing:.16em;color:var(--fl-primary);font-weight:800}.fl-learning-hero h3,.fl-learning-detail-head h3{margin:3px 0 5px;font-size:22px}.fl-learning-hero p,.fl-learning-detail-head p{margin:0;color:var(--fl-muted)}.fl-learning-hero>i{font-size:44px;color:var(--fl-primary)}.fl-learning-filters{display:flex;align-items:center;gap:10px}.fl-learning-filters label{display:flex;align-items:center;gap:8px;min-width:240px;flex:1;border:1px solid var(--fl-border);border-radius:9px;padding:8px 11px;color:var(--fl-muted);background:var(--fl-panel)}.fl-learning-filters input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--fl-text)}.fl-learning-filters select{border:1px solid var(--fl-border);border-radius:9px;padding:8px;background:var(--fl-panel);color:var(--fl-text)}.fl-learning-login-note{display:flex;align-items:center;gap:6px;color:#b45309;font-size:11px}.fl-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fl-learning-card{display:grid;gap:10px;padding:15px;border:1px solid var(--fl-border);border-radius:13px;background:var(--fl-panel);box-shadow:0 6px 18px rgba(15,23,42,.04)}.fl-learning-card.is-locked{background:color-mix(in srgb,var(--fl-panel) 88%,var(--fl-bg));opacity:.88}.fl-learning-card header,.fl-learning-card footer{display:flex;padding:0;border:0;align-items:center;gap:10px}.fl-learning-card header{justify-content:space-between}.fl-learning-card header>span:first-child{font-size:9px;letter-spacing:.14em;color:var(--fl-primary);font-weight:800}.fl-learning-card h4{font-size:15px;margin:0}.fl-learning-card p{margin:0;color:var(--fl-muted);font-size:11px}.fl-learning-topics{display:flex;flex-wrap:wrap;gap:5px}.fl-learning-topics span{padding:3px 7px;border-radius:20px;background:var(--fl-bg);color:var(--fl-muted);font-size:9px}.fl-learning-card footer{margin-top:auto;flex-wrap:wrap;color:var(--fl-muted);font-size:9px}.fl-learning-card footer>span{display:flex;gap:4px}.fl-learning-card footer button,.fl-learning-start,.fl-learning-quiz-result button{margin-left:auto;border:0;border-radius:8px;background:var(--fl-primary);color:#fff;padding:7px 10px;font-size:10px}.fl-learning-status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;background:var(--fl-bg);color:var(--fl-muted);font-size:9px;font-weight:700}.fl-learning-status.is-in_progress{background:rgba(245,158,11,.14);color:#b45309}.fl-learning-status.is-completed{background:rgba(34,197,94,.14);color:#15803d}.fl-learning-status.is-locked{background:rgba(100,116,139,.14)}.fl-learning-detail-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start}.fl-learning-detail-head>button{border:1px solid var(--fl-border);border-radius:8px;background:var(--fl-bg);color:var(--fl-text);padding:7px 9px;font-size:10px}.fl-learning-capability{display:flex;gap:8px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--fl-primary) 30%,var(--fl-border));border-radius:9px;background:color-mix(in srgb,var(--fl-primary) 7%,var(--fl-panel));color:var(--fl-muted);font-size:10px}.fl-learning-tabs{display:flex;gap:3px;overflow:auto;border-bottom:1px solid var(--fl-border)}.fl-learning-tabs button{flex:0 0 auto;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--fl-muted);padding:9px;font-size:10px}.fl-learning-tabs button.active{border-color:var(--fl-primary);color:var(--fl-primary);font-weight:750}.fl-learning-section{max-width:930px;width:100%;margin:auto;padding:8px 0 28px}.fl-learning-section h4{font-size:17px;margin:0 0 13px}.fl-learning-section li{margin-bottom:8px}.fl-learning-theory{display:grid;gap:10px}.fl-learning-theory article{padding:14px;border:1px solid var(--fl-border);border-radius:10px;background:var(--fl-bg)}.fl-learning-theory h5{font-size:12px;margin:0 0 6px}.fl-learning-theory p{margin:0;color:var(--fl-muted);font-size:11px;line-height:1.65}.fl-learning-topology{display:flex;align-items:center;gap:12px;padding:20px;border:1px dashed var(--fl-primary);border-radius:12px;background:var(--fl-bg)}.fl-learning-topology i{font-size:28px;color:var(--fl-primary)}.fl-learning-observations{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fl-learning-observations label{display:grid;gap:5px;color:var(--fl-muted);font-size:10px}.fl-learning-observations textarea{resize:vertical;border:1px solid var(--fl-border);border-radius:8px;background:var(--fl-bg);color:var(--fl-text);padding:9px}.fl-learning-hint,.fl-learning-completion{padding:10px;border-radius:8px;background:var(--fl-bg);color:var(--fl-muted);font-size:10px}.fl-learning-quiz{display:grid;gap:10px}.fl-learning-quiz fieldset{display:grid;gap:5px;margin:0;padding:12px;border:1px solid var(--fl-border);border-radius:9px}.fl-learning-quiz legend{float:none;width:auto;margin:0;font-size:11px;font-weight:700}.fl-learning-quiz label{font-size:10px}.fl-learning-quiz-result{display:flex;align-items:center;gap:12px;margin-top:12px}.fl-learning-quiz-result button{margin:0}.fl-learning-start{display:inline-flex;align-items:center;gap:5px;margin:0 0 15px;padding:9px 13px}.fl-learning-evidence{border:1px solid var(--fl-border);border-radius:11px;overflow:hidden}.fl-learning-evidence header{display:flex;justify-content:space-between;padding:12px;border:0}.fl-learning-evidence header span{font-size:9px;letter-spacing:.12em;color:var(--fl-primary);font-weight:800}.fl-learning-progress{height:6px;background:var(--fl-bg)}.fl-learning-progress span{display:block;height:100%;background:var(--fl-primary)}.fl-learning-evidence ol{list-style:none;margin:0;padding:8px}.fl-learning-evidence li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin:0;padding:8px;border-bottom:1px solid var(--fl-border)}.fl-learning-evidence li:last-child{border:0}.fl-learning-evidence li>i{color:var(--fl-muted)}.fl-learning-evidence li.is-complete>i{color:#22c55e}.fl-learning-evidence li div{display:grid}.fl-learning-evidence li small{color:var(--fl-muted);font-size:9px}.fl-learning-evidence li button,.fl-learning-next button{border:1px solid var(--fl-border);border-radius:6px;background:var(--fl-bg);color:var(--fl-primary);padding:5px 7px;font-size:9px}.fl-learning-guide{position:absolute;z-index:14;top:14px;right:14px;width:min(310px,calc(100% - 28px));border:1px solid var(--fl-border);border-radius:12px;background:var(--fl-panel);box-shadow:var(--fl-shadow);overflow:hidden}.fl-learning-guide[hidden]{display:none}.fl-learning-guide header{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border:0}.fl-learning-guide header>div{display:grid;min-width:0}.fl-learning-guide header b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.fl-learning-guide header button{border:0;background:transparent;color:var(--fl-primary)}.fl-learning-guide-progress{display:flex;justify-content:space-between;padding:7px 11px;background:var(--fl-bg);font-size:9px}.fl-learning-next{display:grid;gap:4px;padding:10px 11px}.fl-learning-next small{font-size:8px;letter-spacing:.12em;color:var(--fl-primary)}.fl-learning-next span{color:var(--fl-muted);font-size:9px}.fl-learning-next button{justify-self:start;margin-top:4px}.fl-learning-next.is-complete{background:rgba(34,197,94,.08)}
@media(max-width:1024px){.fl-learning-grid{grid-template-columns:1fr}.fl-learning-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.fl-learning-detail-head{grid-template-columns:1fr}.fl-learning-detail-head>button{justify-self:start}.fl-learning-observations{grid-template-columns:1fr}}
@media(max-width:780px){.fl-learning-content{padding:10px}.fl-learning-hero{padding:14px}.fl-learning-hero h3{font-size:18px}.fl-learning-filters{align-items:stretch;flex-direction:column}.fl-learning-filters label{min-width:0}.fl-learning-card footer button{width:100%;justify-content:center}.fl-learning-guide{top:54px;right:8px;width:calc(100% - 16px)}.fl-learning-tabs{margin:0 -10px;padding:0 10px}}