.ratio-wrapper{margin:2rem 0 2.5rem}.ratio-row{margin-bottom:10px}.ratio-row:last-child{margin-bottom:0}.ratio-label{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.05em;color:rgba(var(--color-text-base),.65);margin-bottom:.4rem}.ratio-visual{display:flex;gap:0;border-radius:.5rem;overflow:hidden;height:56px}.ratio-old-work{width:20%;background:#d3d1c7;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;color:#444441}.ratio-old-result{width:80%;background:#888780;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;color:#f1efe8}.ratio-new-work{width:5%;flex-shrink:0;background:#5dcaa5}.ratio-new-result{width:95%;background:#1d9e75;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;color:#e1f5ee}main:where(.astro-VJ4TPSPI){margin-left:auto;margin-right:auto;width:100%;max-width:48rem;padding-left:1rem;padding-right:1rem;padding-bottom:3rem}.post-title:where(.astro-VJ4TPSPI){font-size:1.5rem;line-height:2rem;font-weight:600;--tw-text-opacity: 1;color:rgba(var(--color-accent),var(--tw-text-opacity))}.tags-container:where(.astro-VJ4TPSPI){margin-top:2rem;margin-bottom:2rem}