.fp4-lesson{scroll-margin-top:125px}.fp4-lede{font-size:20px!important}.fp4-step{margin:38px 0;padding:26px;border:1px solid #384e68;border-radius:15px;background:#141e2c;min-width:0}.fp4-step>span{font-size:10px;letter-spacing:1.3px;color:#9fc8ed}.fp4-step h3{margin:12px 0 20px}.fp4-step p{color:#bac9db}.fp4-packing{display:grid;gap:24px;margin:24px 0}.fp4-byte-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:10px 0}.fp4-byte-row i{font:12px/36px ui-monospace,monospace;text-align:center;background:#263953;border:1px solid #6584ac;border-radius:5px;font-style:normal}.fp4-packed i{background:#204337;border-color:#6ea996}.fp4-packed .fp4-scale-byte{background:#49381e;border-color:#c5a767;grid-column:span 2}.fp4-packing small{font-size:12px;color:#9eb4ce}.fp4-flow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0}.fp4-flow>div{flex:1;min-width:95px;padding:15px;border:1px solid #465f79;border-radius:9px}.fp4-flow small,.fp4-demo-results small{display:block;font-size:9px;letter-spacing:.7px;color:#9dbbdb}.fp4-flow strong{font-size:28px}.fp4-equation{padding:18px;background:#0e1824;border-left:3px solid #8cdfbf;font:16px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.fp4-interactive{margin-top:25px;padding:22px;background:#0e1927;border:1px solid #668dae;border-radius:12px;scroll-margin-top:125px}.fp4-interactive label{display:block;margin:14px 0 9px;font-size:14px}.fp4-interactive output{float:right}.fp4-interactive select{width:100%;padding:12px;color:#d5e8fa;background:#192b40;border:1px solid #537295;border-radius:7px;font:inherit;font-size:14px}.fp4-demo-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.fp4-demo-results>div{padding:12px;background:#1d3044;border-radius:8px}.fp4-demo-results strong{font:24px/1.8 ui-monospace,monospace;color:#ace7cf}.fp4-numberline{position:relative;margin:36px 10px 26px;height:30px;border-bottom:2px solid #59738f}.fp4-numberline i{position:absolute;height:12px;width:2px;background:#9cbcf3;bottom:-5px}.fp4-numberline i.selected{height:28px;background:#8dffce;width:4px}.fp4-numberline>span{position:absolute;width:12px;height:12px;background:#edc776;bottom:26px;transform:translateX(-4px) rotate(45deg)}.fp4-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fp4-facts>div{padding:18px;background:#0f1a28;border-radius:10px;border:1px solid #3e5674}.fp4-facts p{font-size:15px;margin-bottom:0}.fp4-lesson .micro{font-size:12px!important;color:#94aac4}.fp4-lesson .source{font-size:12px}@media(max-width:650px){.fp4-step{padding:20px}.fp4-interactive{padding:16px}.fp4-facts,.fp4-demo-results{grid-template-columns:1fr}.fp4-byte-row{grid-template-columns:repeat(4,minmax(0,1fr))}.fp4-flow{gap:8px}.fp4-flow>div{min-width:75px}.fp4-flow small{font-size:8px}.fp4-equation{font-size:13px}}