.nglearn{--learn-accent:#cef58b;--learn-muted:#b8c0ca;--learn-line:#37404c;color:#eef1f5;background:#0d1116;border:1px solid var(--learn-line);border-radius:18px;padding:clamp(16px,3vw,30px);margin:26px 0 40px;overflow-wrap:anywhere;min-width:0}
.nglearn *{box-sizing:border-box}.nglearn [hidden]{display:none!important}.nglearn-heading{max-width:780px}.nglearn .nglearn-kicker{font-size:12px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--learn-accent);margin:0 0 12px}.nglearn h2{font-size:clamp(24px,3vw,36px);line-height:1.18;margin:0 0 18px}.nglearn h3{font-size:21px;line-height:1.28;color:#f3f5f8;margin:14px 0}.nglearn p{font-size:15px;line-height:1.65;color:var(--learn-muted)}.nglearn a{color:var(--learn-accent);text-decoration:underline;text-underline-offset:3px}.nglearn a:hover{color:#e7ffbb}.nglearn a:focus-visible,.nglearn button:focus-visible,.nglearn summary:focus-visible,.nglearn input:focus-visible,.nglearn select:focus-visible{outline:3px solid #d0b5ff;outline-offset:4px}
.nglearn-controls{display:grid;grid-template-columns:minmax(170px,2fr) minmax(130px,1fr) minmax(155px,1fr) auto;gap:12px;align-items:end;margin:28px 0 10px}.nglearn-controls label{font-size:12px;font-weight:700;display:grid;gap:8px;min-width:0}.nglearn input,.nglearn select{width:100%;max-width:100%;min-width:0;background:#151d26;border:1px solid #667180;border-radius:7px;color:#f2f4f7;font:inherit;font-size:15px;padding:10px;min-height:44px}.nglearn input::placeholder{color:#adb7c3}.nglearn button{font:inherit;cursor:pointer;border:1px solid #677950;border-radius:7px;min-height:44px;padding:10px 14px;background:#24321b;color:#e2ffc0;white-space:normal}.nglearn button:hover{background:#334727}.nglearn .nglearn-count{font-size:13px;margin:15px 0}.nglearn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.nglearn-card{min-width:0;padding:22px;background:linear-gradient(150deg,#171f29,#11171e);border:1px solid var(--learn-line);border-radius:12px;display:flex;flex-direction:column;align-items:stretch;scroll-margin-top:105px}.nglearn-card-top{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;color:#c1b1ed;font-size:11px;font-weight:700;letter-spacing:.02em}.nglearn-card>p{margin:0 0 14px}.nglearn-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:5px 0 20px;padding:14px 0;border-top:1px solid #303e4b;border-bottom:1px solid #303e4b}.nglearn-flow span{font-size:12px;line-height:1.4;color:#d8e0e9}.nglearn-flow b{display:flex;width:23px;height:23px;border-radius:50%;align-items:center;justify-content:center;background:#364929;color:#e1ffc5;margin-bottom:7px}.nglearn .nglearn-byline,.nglearn .nglearn-small{font-size:12px;line-height:1.6;color:#bdc7d2}.nglearn .nglearn-video-name{font-size:13px;color:#e8edf5;font-weight:600}.nglearn-player{margin:0 0 12px}.nglearn-load{width:100%;text-align:left}.nglearn-player iframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000}.nglearn-player [data-nglearn-close]{margin-top:10px}.nglearn-chapters{padding-left:20px;margin:0 0 18px;font-size:13px}.nglearn-chapters a{display:inline-block;padding:7px 0}.nglearn-links,.nglearn-next{display:flex;flex-wrap:wrap;gap:6px 18px}.nglearn-links a,.nglearn-next a{display:inline-flex;align-items:center;min-height:40px;font-size:13px}.nglearn-practice{border:1px solid #3e4c5d;border-radius:8px;margin:6px 0 14px;padding:0 12px}.nglearn summary{cursor:pointer;padding:13px 0;min-height:44px;color:#e7edf5;font-weight:650;font-size:14px}.nglearn-practice p{font-size:14px}.nglearn .nglearn-next{margin-top:auto;margin-bottom:0}.nglearn-workbook{border-left:3px solid var(--learn-accent);background:#151f17;padding:12px 22px;margin:25px 0 20px}.nglearn-workbook h3{font-size:19px}.nglearn-workbook a{display:inline-block;min-height:40px;font-size:14px}.nglearn-selection p{font-size:13px}.nglearn-inline .nglearn-grid{grid-template-columns:1fr}.nglearn-inline .nglearn-card{padding:18px}
@media(max-width:900px){.nglearn-controls{grid-template-columns:1fr 1fr}.nglearn-controls label:first-child{grid-column:1/-1}.nglearn-controls button{grid-column:1/-1}}
@media(max-width:620px){.nglearn-grid{grid-template-columns:1fr}.nglearn-card{padding:17px}.nglearn-controls{grid-template-columns:1fr}.nglearn-controls label:first-child,.nglearn-controls button{grid-column:auto}.nglearn-workbook{padding:10px 16px}.nglearn-card-top{font-size:11px}.nglearn h3{font-size:20px}}