.data-lesson .rl-hero-layout {grid-template-columns:1.25fr .9fr;}
.dl-hero-card {background:linear-gradient(135deg,#17243d,#28204b);color:#fff;padding:24px;border-radius:18px;max-width:430px;width:100%;justify-self:end;box-shadow:0 18px 40px -24px #17243d99;}
.dl-kicker {font-size:10px;font-weight:800;letter-spacing:.1em;color:#c7d2fe;}
.dl-hero-equation {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0;}
.dl-hero-equation strong {font-size:clamp(27px,3vw,35px);line-height:1.1;letter-spacing:-.04em;}
.dl-hero-equation small {display:block;font-size:13px;color:#c7d2fe;letter-spacing:0;margin-top:8px;}
.dl-hero-equation>span {color:#c4b5fd;font-weight:800;}
.dl-hero-lane {display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:12px 0;border-block:1px solid #ffffff26;}
.dl-hero-lane span {height:9px;border-radius:3px;background:linear-gradient(100deg,#60a5fa,#a78bfa);}
.dl-hero-card p {font-size:13px;line-height:1.8;color:#c7d2e8;margin:14px 0;}
.dl-hero-card p strong {color:#fff;}
.dl-card-foot {display:block;font-size:10px;color:#bdc8dc;line-height:1.7;}
.dl-lab {padding:24px;border:1px solid var(--rl-line);border-radius:16px;background:var(--rl-paper);margin:24px 0;scroll-margin-top:110px;}
.dl-lab h3 {margin:8px 0 12px;font-weight:800;font-size:19px;line-height:1.5;}
.dl-lab p {font-size:13px;color:var(--rl-muted);line-height:1.9;margin:12px 0;}
.dl-byte {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:22px 0;}
.dl-byte button {border:1px solid var(--rl-line);border-radius:10px;background:var(--rl-bg);padding:10px 0;color:var(--rl-muted);min-width:0;}
.dl-byte button[aria-pressed=true] {background:var(--rl-soft);color:var(--rl-accent);border-color:var(--rl-accent);box-shadow:inset 0 -3px var(--rl-accent);}
.dl-byte button span {display:block;font-size:10px;}
.dl-byte button strong {display:block;font:800 23px/1.8 ui-monospace,monospace;}
.dl-byte-result {text-align:center;padding:15px;border-radius:12px;background:var(--rl-bg);}
.dl-byte-result code {font:700 20px/1.8 ui-monospace,monospace;letter-spacing:3px;}
.dl-byte-result>strong {display:block;color:var(--rl-accent);font-size:21px;}
.dl-byte-result p {margin:5px 0;}
.dl-presets {display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.dl-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;}
.dl-fields-two {grid-template-columns:repeat(2,minmax(0,1fr));}
.dl-fields label {display:grid;align-content:start;gap:8px;font-size:12px;font-weight:750;}
.data-lesson input:not([type=range]):not([type=checkbox]):not([type=radio]),.data-lesson select {border:1px solid var(--rl-line);border-radius:10px;padding:11px 12px;background:var(--rl-bg);color:var(--rl-text);font-family:inherit;font-size:15px;line-height:1.5;font-weight:500;width:100%;min-width:0;}
.data-lesson input[aria-invalid=true] {border-color:#dc2626;}
.dl-slider-label {display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;font-weight:750;margin:18px 0 8px;}
.dl-slider-label output {color:var(--rl-accent);white-space:nowrap;}
.data-lesson input[type=range] {width:100%;accent-color:var(--rl-accent);height:28px;cursor:pointer;}
.dl-result {background:var(--rl-soft);border-radius:12px;padding:16px;font-size:14px;color:var(--rl-accent);margin:18px 0;overflow-wrap:anywhere;}
.dl-result strong {display:block;font-size:21px;line-height:1.6;}
.dl-result p {margin:8px 0 0;}
.dl-results {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;}
.dl-results>div {border:1px solid var(--rl-line);border-radius:10px;padding:13px;background:var(--rl-bg);}
.dl-results dt {font-size:11px;color:var(--rl-muted);}
.dl-results dd {font-size:19px;font-weight:800;line-height:1.5;letter-spacing:-.02em;margin:6px 0 0;overflow-wrap:anywhere;}
.dl-transfer-path {display:flex;align-items:center;gap:15px;font-size:11px;font-weight:700;color:var(--rl-muted);}
.dl-packet-track {flex:1;min-width:0;height:32px;border-block:1px dashed var(--rl-line);position:relative;overflow:hidden;}
.dl-packet-track i {position:absolute;width:18px;height:10px;top:10px;left:-20px;border-radius:3px;background:linear-gradient(90deg,#1447e6,#7008e7);opacity:0;animation:dl-packet 2s linear infinite;animation-play-state:paused;}
.dl-packet-track i:nth-child(2) {animation-delay:.6s;}.dl-packet-track i:nth-child(3) {animation-delay:1.2s;}
.dl-running .dl-packet-track i {animation-play-state:running;}
@keyframes dl-packet {0%{left:-20px;opacity:1}100%{left:100%;opacity:1}}
#dl-transfer-progress {width:100%;height:10px;margin-top:18px;accent-color:#1447e6;}
.dl-disk-bar {height:18px;background:var(--rl-soft);border:1px solid var(--rl-line);border-radius:6px;overflow:hidden;}
.dl-disk-bar span {display:block;height:100%;background:linear-gradient(90deg,#1447e6,#7008e7);transition:width .25s;}
.dl-examples {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;}
.dl-examples>div {border:1px solid var(--rl-line);border-radius:12px;background:var(--rl-paper);padding:18px;}
.dl-examples span {display:block;font-size:11px;color:var(--rl-muted);margin-bottom:6px;}
.dl-examples strong {font-size:15px;line-height:1.6;}
.dl-examples p {color:var(--rl-muted);font-size:12px;line-height:1.8;margin:10px 0 0;}
.dl-table-wrap {overflow-x:auto;border:1px solid var(--rl-line);border-radius:12px;margin:24px 0;}
.dl-table {width:100%;min-width:620px;border-collapse:collapse;font-size:12px;background:var(--rl-paper);text-align:left;}
.dl-table caption {padding:14px;color:var(--rl-muted);font-size:12px;text-align:left;}
.dl-table th,.dl-table td {padding:12px;border-top:1px solid var(--rl-line);white-space:nowrap;}
.dl-table thead {color:var(--rl-muted);}
.data-lesson .rl-question-equation {font-size:22px;line-height:1.6;letter-spacing:-.02em;}
.data-lesson .rl-player-equation {font-size:16px;}
.data-lesson .rl-player-expression {overflow-wrap:anywhere;font-size:22px;}
.data-lesson .rl-player-result strong {font-size:18px;}
.dl-practice .rl-trainer-top strong {display:block;font-size:14px;margin-top:7px;}
#dl-task-options {border:0;padding:0;margin:20px 0;display:grid;gap:10px;min-width:0;}
.dl-task-option {display:flex;align-items:center;gap:12px;border:1px solid var(--rl-line);border-radius:10px;padding:14px;background:var(--rl-bg);cursor:pointer;}
.dl-task-option:has(input:checked) {border-color:var(--rl-accent);background:var(--rl-soft);}
.dl-task-option input {width:18px;height:18px;accent-color:var(--rl-accent);flex-shrink:0;}
.dl-task-option span {flex:1;min-width:0;font-size:13px;font-weight:700;}
.dl-task-option small {display:block;font-weight:400;color:var(--rl-muted);font-size:11px;}
.dl-task-option strong {font-size:13px;white-space:nowrap;}
.dl-sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media(max-width:900px){.data-lesson .rl-hero-layout{grid-template-columns:1fr 1fr;gap:24px}.dl-examples{grid-template-columns:1fr}.dl-examples>div{padding:16px}.dl-hero-equation strong{font-size:29px}}
@media(max-width:680px){.data-lesson .rl-hero-layout{grid-template-columns:1fr}.dl-hero-card{justify-self:center;max-width:390px}.dl-lab{padding:18px}.dl-fields,.dl-fields-two{grid-template-columns:1fr}.dl-byte{gap:4px}.dl-byte button span{font-size:9px}.dl-byte button strong{font-size:19px}.dl-slider-label{align-items:flex-start;font-size:12px}.dl-results{grid-template-columns:1fr}.dl-task-option{padding:12px;gap:8px}.dl-task-option strong{font-size:12px}.data-lesson .rl-question-equation{font-size:18px}.data-lesson .rl-player-expression{font-size:18px}.dl-transfer-path{gap:8px}.dl-presets button{max-width:100%}}
@media(prefers-reduced-motion:reduce){.dl-packet-track i{animation:none}.dl-disk-bar span{transition:none}}