.post-body .fr-callout{border-left:3px solid #86b8ff;background:#172130;padding:18px 22px;margin:28px 0;color:#d5e1ef}
.post-body .fr-callout p{margin:0}
.post-body .fr-figure{margin:32px 0;max-width:100%}
.post-body .fr-figure>img,.post-body .fr-figure video{width:100%;height:auto;display:block;background:#101923}
.post-body .fr-figure-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.post-body .fr-figure-scroll img{display:block;width:100%;min-width:680px;height:auto;max-width:none}
.post-body .fr-figure figcaption{color:#b8c9db;font-size:12px;line-height:1.8;margin-top:12px}
.post-body .fr-gif-toggle{background:transparent;border:1px solid #6e819b;color:#dce8f7;font:500 12px/1.4 'DM Sans',Arial,sans-serif;min-height:42px;padding:9px 15px;margin-top:10px;cursor:pointer}
.cdm-fps-lab{color:#edf3fa;background:#151f2b;border:1px solid #60728b;padding:24px;margin:32px 0;font:400 14px/1.6 'DM Sans',Arial,sans-serif;max-width:100%;min-width:0}
.cdm-fps-lab *{box-sizing:border-box}
.cdm-fps-lab .fr-lab-head{display:flex;gap:15px;flex-wrap:wrap;align-items:baseline;margin-bottom:20px}
.cdm-fps-lab .fr-lab-head>span{font:10px/1.6 'IBM Plex Mono',monospace;letter-spacing:.8px;color:#9fc8ff}
.cdm-fps-lab .fr-lab-head>strong{font-size:19px;font-weight:550;line-height:1.4}
.cdm-fps-lab .fr-controls{display:flex;flex-wrap:wrap;align-items:end;gap:14px 18px;margin:20px 0}
.cdm-fps-lab label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#c9d8e9;min-width:0}
.cdm-fps-lab select{background:#101923;border:1px solid #6e819b;border-radius:0;color:#edf3fa;font:inherit;font-size:16px;min-height:44px;padding:7px 30px 7px 10px;max-width:100%}
.cdm-fps-lab input[type=range]{width:145px;max-width:100%;min-height:32px;accent-color:#86b8ff;cursor:pointer}
.cdm-fps-lab .fr-checkbox{flex-direction:row;align-items:center;min-height:44px;gap:10px}
.cdm-fps-lab .fr-checkbox input{accent-color:#86b8ff;width:18px;height:18px}
.cdm-fps-lab .fr-track{margin:14px 0}
.cdm-fps-lab .fr-track>span{display:block;font-size:12px;line-height:1.7;color:#d5e2f2;margin-bottom:7px;overflow-wrap:anywhere}
.cdm-fps-lab canvas{display:block;width:100%;height:116px;max-width:100%}
.cdm-fps-lab .fr-playback{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px}
.cdm-fps-lab button{cursor:pointer;border-radius:0;font:500 12px/1.5 'DM Sans',Arial,sans-serif;min-height:44px;padding:9px 13px;border:1px solid #6e819b;background:transparent;color:#edf3fa}
.cdm-fps-lab [data-fr-pause]{background:#86b8ff;color:#101317;border-color:#86b8ff}
.cdm-fps-lab button:hover:not(:disabled){border-color:#a5ceff}
.cdm-fps-lab button:disabled{opacity:.5;cursor:default}
.cdm-fps-lab button:focus-visible,.cdm-fps-lab select:focus-visible,.cdm-fps-lab input:focus-visible,.post-body .fr-gif-toggle:focus-visible{outline:2px solid #a5ceff;outline-offset:4px}
.cdm-fps-lab output{font:11px/1.7 'IBM Plex Mono',monospace;color:#d2e0f2}
.cdm-fps-lab .fr-playback>output{margin-left:auto}
.cdm-fps-lab .fr-lab-note{margin:15px 0 0!important;font-size:11px!important;line-height:1.8!important;color:#b8c9db!important}
@media(max-width:700px){.cdm-fps-lab{padding:17px 14px}.cdm-fps-lab .fr-lab-head{gap:8px}.cdm-fps-lab .fr-lab-head>strong{font-size:18px}.cdm-fps-lab .fr-controls{gap:13px}.cdm-fps-lab label{flex:1 1 105px}.cdm-fps-lab .fr-checkbox{flex-basis:100%}.cdm-fps-lab .fr-playback>output{margin-left:0}.post-body .fr-callout{padding:17px}}
@media(prefers-reduced-motion:reduce){.cdm-fps-lab *{scroll-behavior:auto!important}}

/* Preserve the complete typography of this article cover. */
.cdm-blog:has(.cdm-fps-lab) .post-cover>img{height:auto;aspect-ratio:16/9;object-fit:contain}