.nl-learning-dialog{width:min(1240px,calc(100vw - 32px));max-width:none;height:min(820px,calc(100dvh - 32px));padding:0;border:1px solid var(--labs-border);border-radius:18px;background:var(--labs-panel);color:var(--labs-ink);box-shadow:0 28px 80px rgba(15,35,70,.28)}
.nl-learning-dialog::backdrop{background:rgba(8,18,35,.58);backdrop-filter:blur(4px)}
.nl-learning-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--labs-border);background:color-mix(in srgb,var(--labs-panel) 94%,var(--labs-blue) 6%)}
.nl-learning-dialog-head span,.nl-learning-hero span,.nl-learning-detail-head>div>span{font-size:.68rem;font-weight:800;letter-spacing:.1em;color:var(--labs-blue)}
.nl-learning-dialog-head h2{margin:2px 0 0;font-size:1.05rem}.nl-learning-content{height:calc(100% - 66px);overflow:auto;padding:20px}
.nl-learning-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#135ed8,#4934c7)}
.nl-learning-hero h3{margin:5px 0;font-size:1.5rem}.nl-learning-hero p{margin:0;opacity:.88}.nl-learning-hero>i{font-size:3rem;opacity:.8}
.nl-learning-lock-note{display:flex;gap:9px;align-items:center;margin:14px 0;padding:10px 13px;border:1px solid color-mix(in srgb,var(--labs-blue) 30%,var(--labs-border));border-radius:10px;color:var(--labs-muted);background:color-mix(in srgb,var(--labs-blue) 7%,var(--labs-panel))}
.nl-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.nl-learning-card{display:grid;gap:10px;padding:16px;border:1px solid var(--labs-border);border-radius:14px;background:var(--labs-panel);box-shadow:0 8px 24px rgba(20,50,90,.06)}
.nl-learning-card.is-locked{background:color-mix(in srgb,var(--labs-panel) 93%,var(--labs-bg))}.nl-learning-card header,.nl-learning-card footer,.nl-learning-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.nl-learning-card header>span:first-child{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--labs-blue)}
.nl-learning-card h4{margin:0;font-size:1rem}.nl-learning-card p{margin:0;color:var(--labs-muted);font-size:.84rem}.nl-learning-tags{display:flex;flex-wrap:wrap;gap:6px}.nl-learning-tags span{padding:3px 8px;border-radius:99px;font-size:.68rem;background:color-mix(in srgb,var(--labs-blue) 9%,var(--labs-panel));color:var(--labs-blue)}
.nl-learning-card footer{flex-wrap:wrap;color:var(--labs-muted);font-size:.73rem}.nl-learning-card footer>span{display:flex;align-items:center;gap:4px}.nl-learning-card button,.nl-learning-start,.nl-learning-verify,.nl-learning-quiz-result button,.nl-learning-guide button{border:0;border-radius:8px;padding:7px 11px;font-weight:700;color:#fff;background:var(--labs-blue)}
.nl-learning-status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:99px;font-size:.69rem;font-weight:800}.nl-learning-status.is-not_started,.nl-learning-status.is-locked{color:var(--labs-muted);background:var(--labs-bg)}.nl-learning-status.is-in_progress{color:#9a6500;background:#fff1c7}.nl-learning-status.is-completed{color:#08784d;background:#d8f7e9}
[data-bs-theme="dark"] .nl-learning-status.is-in_progress{color:#ffd46f;background:#5a4308}[data-bs-theme="dark"] .nl-learning-status.is-completed{color:#75e4b8;background:#104d3c}
.nl-learning-detail{display:grid;gap:12px}.nl-learning-detail-head{align-items:flex-start}.nl-learning-detail-head>button{border:0;background:transparent;color:var(--labs-blue);font-weight:700}.nl-learning-detail-head>div{min-width:0;flex:1}.nl-learning-detail-head h3{margin:4px 0;font-size:1.35rem}.nl-learning-detail-head p{margin:0;color:var(--labs-muted)}
.nl-learning-capability{display:flex;gap:8px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--labs-blue) 28%,var(--labs-border));border-radius:10px;color:var(--labs-muted);background:color-mix(in srgb,var(--labs-blue) 6%,var(--labs-panel));font-size:.82rem}.nl-learning-tabs{display:flex;gap:6px;padding-bottom:5px;overflow-x:auto}.nl-learning-tabs button{flex:0 0 auto;border:1px solid var(--labs-border);border-radius:8px;padding:7px 10px;color:var(--labs-muted);background:var(--labs-panel);font-size:.75rem}.nl-learning-tabs button.active{border-color:var(--labs-blue);color:#fff;background:var(--labs-blue)}
.nl-learning-section{min-height:310px;padding:18px;border:1px solid var(--labs-border);border-radius:14px;background:color-mix(in srgb,var(--labs-panel) 96%,var(--labs-bg))}.nl-learning-section h4{margin:0 0 12px;font-size:1.05rem}.nl-learning-section li{margin:.38rem 0}.nl-learning-theory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nl-learning-theory article{padding:14px;border:1px solid var(--labs-border);border-radius:10px;background:var(--labs-panel)}.nl-learning-theory h5{font-size:.9rem}.nl-learning-theory p{margin:0;color:var(--labs-muted);font-size:.84rem;line-height:1.55}.nl-learning-topology{display:flex;align-items:center;gap:12px;padding:20px;border:1px dashed var(--labs-blue);border-radius:12px}.nl-learning-topology i{font-size:1.8rem;color:var(--labs-blue)}
.nl-learning-observations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nl-learning-observations label{display:grid;gap:5px;font-size:.78rem;font-weight:700}.nl-learning-observations textarea{resize:vertical;padding:9px;border:1px solid var(--labs-border);border-radius:8px;background:var(--labs-panel);color:var(--labs-ink)}
.nl-learning-quiz{display:grid;gap:10px}.nl-learning-quiz fieldset{display:grid;gap:6px;padding:12px;border:1px solid var(--labs-border);border-radius:10px}.nl-learning-quiz legend{float:none;width:auto;margin:0;font-size:.83rem;font-weight:700}.nl-learning-quiz label{font-size:.8rem}.nl-learning-quiz-result{display:flex;align-items:center;gap:12px;margin-top:12px}.nl-learning-start,.nl-learning-verify{display:inline-flex;align-items:center;gap:6px;margin:5px 0 12px}.nl-learning-evidence{margin-top:12px;padding:14px;border:1px solid var(--labs-border);border-radius:12px}.nl-learning-evidence header{display:flex;justify-content:space-between;font-size:.76rem}.nl-learning-progress{height:7px;margin:8px 0 10px;overflow:hidden;border-radius:99px;background:var(--labs-bg)}.nl-learning-progress span{display:block;height:100%;background:#20ae73}.nl-learning-evidence ol{list-style:none;padding:0}.nl-learning-evidence li{display:flex;gap:8px;align-items:center}.nl-learning-evidence li.is-complete i{color:#20ae73}.nl-learning-completion{font-size:.78rem;color:var(--labs-muted)}
.nl-learning-guide{position:absolute;z-index:24;right:16px;bottom:16px;width:min(330px,calc(100% - 32px));padding:13px;border:1px solid var(--labs-border);border-radius:14px;background:color-mix(in srgb,var(--labs-panel) 96%,transparent);box-shadow:0 14px 38px rgba(10,32,70,.2);backdrop-filter:blur(10px)}.nl-learning-guide header{display:flex;justify-content:space-between;gap:8px}.nl-learning-guide header div{display:grid}.nl-learning-guide header span,.nl-learning-guide small{font-size:.64rem;font-weight:800;letter-spacing:.08em;color:var(--labs-blue)}.nl-learning-guide header b{font-size:.82rem}.nl-learning-guide>div,.nl-learning-guide p{margin:8px 0;font-size:.76rem}.nl-learning-guide p{display:grid}.nl-canvas-section{position:relative}
@media(max-width:900px){.nl-learning-grid,.nl-learning-theory,.nl-learning-observations{grid-template-columns:1fr}.nl-learning-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.nl-learning-content{padding:12px}.nl-learning-detail-head{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:600px){.nl-learning-hero>i{display:none}.nl-learning-hero{padding:16px}.nl-learning-card footer button{width:100%}.nl-learning-guide{right:8px;bottom:8px;width:calc(100% - 16px)}}