.learning-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.learning-meta span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--accent) 7%,var(--paper));color:var(--muted);font-size:12px;font-weight:750}.learning-card-v2{display:flex;flex-direction:column}.learning-card-v2>span:last-child{margin-top:auto;padding-top:18px}.learning-outcome{display:block;margin-top:12px;line-height:1.45;color:var(--text)!important}.learning-detail-head{align-items:flex-start}.learning-progress-card{width:min(310px,100%);padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.learning-progress-card small{display:block;color:var(--muted);line-height:1.35}.learning-progress-card b{display:block;font-size:30px;margin:9px 0}.learning-progress-card>div{height:7px;border-radius:10px;background:var(--soft);overflow:hidden}.learning-progress-card i{display:block;width:0;height:100%;background:var(--accent);transition:width .22s ease}.learning-progress-card button{border:0;background:none;color:var(--muted);padding:10px 0 0;cursor:pointer}.learning-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 22px}.learning-intro-grid article{padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.learning-intro-grid span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.learning-intro-grid p{margin:8px 0 0;line-height:1.6}.learning-prerequisites{margin:0 0 24px}.learning-prerequisites h2{font-size:20px}.learning-prerequisites>div{display:flex;flex-wrap:wrap;gap:8px}.learning-prerequisites a{padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:var(--paper);text-decoration:none}.route-steps-v2{max-width:1000px}.route-steps-v2 li{grid-template-columns:52px minmax(0,1fr);position:relative}.route-step-check{width:44px;height:44px;border:0;border-radius:50%;background:#18202d;color:#fff;display:grid;place-items:center;font-weight:800;cursor:pointer}.route-step-check i{display:none}.route-steps-v2 li.completed .route-step-check{background:var(--accent)}.route-steps-v2 li.completed .route-step-check span{display:none}.route-steps-v2 li.completed .route-step-check i{display:block}.route-steps-v2 li.completed a{opacity:.72}.route-step-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.route-step-title em{font-style:normal;font-size:11px;padding:4px 8px;border-radius:999px;background:var(--soft);color:var(--muted)}.route-steps-v2 li.optional .route-step-check{background:color-mix(in srgb,var(--accent) 35%,#18202d)}.route-steps-v2 a p{margin:10px 0 0;color:var(--text);font-size:13px}.completion-hint{margin-top:10px;padding-top:9px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted)}.collection-v2-entry{position:relative}.collection-v2-entry.featured{border-left:3px solid var(--accent)}.collection-entry-badge{display:inline-block;margin:10px 14px 0;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--paper));font-size:11px;font-weight:800;color:var(--accent)}.collection-entry-note{margin:-4px 18px 14px;padding:10px 12px;border-left:2px solid var(--line);color:var(--muted);font-size:13px}.learning-content-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.learning-content-kpis>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.learning-content-kpis span{display:block;color:var(--muted);font-size:12px}.learning-content-kpis b{font-size:25px}.learning-content-layout{grid-template-columns:minmax(230px,310px) minmax(0,1fr)}.learning-content-form fieldset{margin-bottom:16px}.learning-builder{border:1px solid var(--line);border-radius:15px;padding:14px;background:color-mix(in srgb,var(--paper) 94%,var(--accent) 6%)}.learning-builder-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.learning-builder-head small{display:block;color:var(--muted);margin-top:3px}.learning-builder-head>span{min-width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:white;font-weight:800}.learning-builder-search{margin-top:12px}.learning-builder-results{display:grid;gap:6px;margin:8px 0 12px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--paper);max-height:260px;overflow:auto}.learning-builder-results button{display:flex;flex-direction:column;align-items:flex-start;padding:10px;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.learning-builder-results button:hover{background:var(--soft)}.learning-builder-results small{color:var(--muted)}.learning-builder-list{display:grid;gap:9px;margin-top:12px}.learning-builder-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.learning-builder-order{display:grid;grid-template-columns:repeat(2,26px);gap:3px}.learning-builder-order button{border:1px solid var(--line);background:var(--paper);border-radius:7px;cursor:pointer}.learning-builder-order span{grid-column:1/-1;text-align:center;color:var(--muted);font-size:11px}.learning-builder-main code{display:block;margin:2px 0 8px;color:var(--muted);font-size:11px}.learning-builder-fields{display:grid;grid-template-columns:170px minmax(0,1fr);gap:8px}.learning-builder-fields label{margin:0}.learning-builder-note{grid-column:1/-1}.danger-button.compact{padding:8px 10px;font-size:12px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none;background:var(--paper)} html[data-theme="dark"] :is(.learning-progress-card,.learning-intro-grid article,.learning-prerequisites a,.learning-content-kpis>div,.learning-builder,.learning-builder-row,.learning-builder-results){background:var(--paper);border-color:var(--line)} @media(max-width:900px){.learning-content-kpis{grid-template-columns:repeat(2,1fr)}.learning-content-layout{grid-template-columns:1fr}.learning-intro-grid{grid-template-columns:1fr}.learning-builder-fields{grid-template-columns:1fr}.learning-builder-note{grid-column:auto}} @media(max-width:620px){.learning-content-kpis{grid-template-columns:1fr 1fr}.learning-builder-row{grid-template-columns:auto minmax(0,1fr)}.learning-builder-row>.danger-button{grid-column:1/-1;width:100%}.route-step-title{align-items:flex-start;flex-direction:column}.learning-progress-card{width:100%}}