#lrFluidsPanel{min-width:0}.lfIntro{max-width:950px}.lfIntro p,.lfBasis,.lfHint{color:#b8cfdd;font-size:14px;line-height:1.6}.lfControls{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:14px;margin:18px 0}.lfContacts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:18px;background:#102c3e;border:1px solid #34576c;border-radius:6px}.lfContacts output{font-size:20px;color:#8edfff;font-variant-numeric:tabular-nums}.lfContacts input[type=range]{width:100%;accent-color:#58c6ed;height:26px;margin:0;cursor:pointer}.lfToolbar{display:flex;gap:14px;align-items:end;justify-content:space-between;flex-wrap:wrap;margin:18px 0 12px}.lfToolbar>div{display:flex;align-items:center;gap:5px}.lfToolbar output{width:55px;text-align:center;font-size:14px}#loggingResponseApp .lfCheck{display:flex;align-items:center;gap:8px;min-height:42px}.lfLegend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#d0e5f1;padding:10px 0}.lfLegend>span{display:flex;gap:6px;align-items:center}.lfLegend i{width:14px;height:14px;border-radius:2px}.lfAmber{background:#edb843}.lfPlotScroll{width:100%;overflow:auto;max-height:650px;background:#fff;border:1px solid #53788e;border-radius:6px;color:#153a51;overscroll-behavior:contain;scrollbar-color:#6c8da4 #e4ecf0;touch-action:pan-x pan-y}.lfPlotScroll:focus-visible{outline:3px solid #70d6ff;outline-offset:3px}#lfPlot svg{display:block;max-width:none;font:14px Inter,Arial,sans-serif;fill:#173951}.lfContact{cursor:ns-resize;touch-action:none}.lfPlotScroll.lfPan{cursor:grab;touch-action:none}.lfPan .lfContact{cursor:grab}.lfReadout{background:#173c55;padding:12px 14px;border:1px solid #365c72;border-radius:5px;color:#d3eaff;font-size:14px;min-height:48px;font-variant-numeric:tabular-nums}.lfExplanation{padding:2px 16px;background:#0f2838;border-left:3px solid #60c0e3;margin:18px 0 26px;font-size:15px;line-height:1.65}.lfExamples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 25px}.lfExamples article{padding:18px;background:#10293b;border:1px solid #365468;border-top:4px solid var(--lf-fluid);border-radius:5px}.lfExamples h4,.lfGuide h4{font-size:17px;margin:0 0 12px;color:#e8f5fc}.lfExamples dl{font-size:13px;margin:12px 0}.lfExamples dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #29495f;padding:6px 0}.lfExamples dt{color:#aec9db}.lfExamples dd{margin:0;color:#e6f2f8;font-variant-numeric:tabular-nums}.lfExamples p,.lfGuide p{font-size:14px;line-height:1.6;color:#bdd2e0}.lfGuide{border-top:1px solid #345366;margin-top:18px}.lfGuide>summary{padding:16px 0;font-weight:600;cursor:pointer;color:#dbeffc}.lfGuideGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;padding:0 0 20px}.lfGuideGrid article{min-width:0}.lfGuide button{margin:6px 5px 0 0}.lfTableScroll{overflow:auto}.lfTableScroll table{border-collapse:collapse;min-width:650px;width:100%;font-size:14px;text-align:left}.lfTableScroll th,.lfTableScroll td{padding:12px;border:1px solid #33546b;vertical-align:top}.lfTableScroll th{background:#17384f;color:#e4f3fc}.lfTableScroll td{color:#bfd4e2;line-height:1.6}.lrCrossoverKey{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0;color:#bdd5e5;font-size:13px}#loggingResponseApp .lrCrossoverKey label{display:flex;gap:8px;align-items:center;font-size:13px}.lrCrossoverKey i{width:18px;height:13px;background:#edb843;display:inline-block;vertical-align:middle;margin-right:4px}#logging-response:is(:fullscreen,.lrExpanded) .lfPlotScroll{max-height:65vh}@media(max-width:850px){.lfControls{grid-template-columns:1fr 1fr}.lfControls>label:nth-child(2){grid-column:1/-1;grid-row:2}.lfExamples{grid-template-columns:1fr}.lfExamples article{padding:15px}.lfExamples p{max-width:750px}}@media(max-width:680px){.lfContacts{grid-template-columns:1fr;gap:16px;padding:14px}.lfContacts label{grid-template-columns:1fr auto}.lfContacts input{grid-column:1/-1}.lfGuideGrid{grid-template-columns:1fr;gap:20px}.lfToolbar{justify-content:flex-start;gap:9px}.lfToolbar>label{flex:1}.lfPlotScroll{max-height:58vh}.lfReadout{min-height:70px}.lfControls{gap:10px}}#lfPlot{width:100%;min-width:980px}#lfPlot svg{width:100%;height:auto}#lfPlot svg text{fill:#173951}#lfPlot svg text[fill=white],#lfPlot svg text[fill="#fff"]{fill:#fff}#lfPlot svg text[fill="#bf3e45"]{fill:#bf3e45}#lfPlot svg text[fill="#2164b1"]{fill:#2164b1}