.v4-diagram .avoid-break-inside{break-inside:avoid}.fraction-circle-comparison{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:.75rem 0 1rem}.fraction-circle-comparison__circles{display:flex;align-items:center;gap:2rem}.fraction-circle-comparison__item{display:flex;flex-direction:column;align-items:center}.fraction-circle-comparison__vs{font-size:1rem;font-weight:700;color:var(--text-muted)}.fraction-circle-comparison__caption{font-size:.8rem;color:var(--text-muted);font-style:italic;margin:0;text-align:center}.dtbl{margin:.8rem 0 1rem}.dtbl__caption{font-size:.82rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem}.dtbl__table{width:100%;border-collapse:collapse;font-size:.88rem}.dtbl__th{background:var(--primary);color:var(--ink-inverse);padding:.45rem .7rem;text-align:left;font-weight:600;font-size:.83rem;letter-spacing:.02em}.dtbl__td{padding:.4rem .7rem;border-bottom:1px solid var(--border);color:var(--text)}.dtbl__tr--even .dtbl__td{background:var(--primary-light)}.dtbl--grid .dtbl__table{width:auto;min-width:60%;margin:0 auto}.dtbl--grid .dtbl__th,.dtbl--grid .dtbl__td{border:1px solid var(--kraft);text-align:center;min-width:3.2rem;height:2rem}.dtbl--grid .dtbl__th:first-child,.dtbl--grid .dtbl__td:first-child{font-weight:600;text-align:left}.dtbl--grid .dtbl__tr--even .dtbl__td{background:var(--paper)}.dtbl--grid .dtbl__tr--even .dtbl__td:first-child{background:var(--kraft-wash)}.bcsvg{margin:.8rem 0 1rem}.bcsvg__caption{font-size:.82rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem}.splot{margin:.8rem 0 1rem}.splot__caption{font-size:.82rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem}.splot__note{font-size:.78rem;color:var(--text-muted);font-style:italic;text-align:center;margin:.35rem 0 0}.cgal{margin:.9rem 0 1.1rem}.cgal__caption{font-size:.82rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.cgal__grid{display:grid;gap:.7rem .8rem}.cgal__panel{border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .35rem .45rem;background:var(--paper)}.cgal__r{font-size:.86rem;font-weight:700;color:var(--primary);text-align:center;margin-top:.2rem}.cgal__r--accent{color:var(--danger)}.cgal__desc{font-size:.7rem;line-height:1.3;color:var(--text-muted);text-align:center;margin-top:.1rem}.cgal__note{font-size:.78rem;color:var(--text-muted);font-style:italic;margin:.5rem 0 0}.tad,.pld{margin:.7rem 0 .9rem}.tad__caption,.pld__caption{text-align:center;font-size:.78rem;color:var(--text-muted);margin:.3rem 0 0;font-style:italic}.cpl{margin:.6rem 0 .8rem}.cpl__caption{text-align:center;font-size:.78rem;color:var(--text-muted);margin:.3rem 0 0;font-style:italic}.lgs{margin:.7rem 0 .9rem}.lgs__caption{text-align:center;font-size:.78rem;color:var(--text-muted);margin:.3rem 0 0;font-style:italic}:root{--bg: #faf7f0;--panel: #ffffff;--paper: #f1e9db;--ink: #2b2822;--ink-2: #6e685d;--hl: #ffd960;--kraft: #c9b99a;--line: #e4dbcb;--success: #3e7c4f;--alert: #a3492b;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--shadow: 0 10px 30px rgba(43, 40, 34, .08);--maxw: 1140px;color-scheme:light}.v4-diagram{--paper: #ffffff;--paper-warm: var(--bg);--ink-soft: var(--ink-2);--ink-inverse: var(--bg);--highlighter: var(--hl);--highlighter-deep: #e8b93b;--charcoal: var(--ink);--kraft-wash: #efe9dd;--kraft-line: #ddd3c1;--kraft-deep: #7d6a48;--success-wash: #e4eee6;--alert-wash: #f4e4dd;--highlighter-wash: #fff3c4;--ink-wash: #e6e3dd;--primary: var(--ink);--primary-light: #efe9dd;--accent: var(--alert);--text: var(--ink);--text-muted: var(--ink-2);--border: #ddd3c1;--warning: #7d6a48;--danger: var(--alert);--tint-blue: #efe9dd;--tint-orange: #f4e4dd;--tint-green: #e4eee6;--tint-amber: #fff3c4;--tint-violet: #e6e3dd;--tint-red: #ebd3c8;--radius: 6px;--radius-lg: 8px;font-family:"Source Sans 3",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Source Sans 3",system-ui,sans-serif;font-size:18px;line-height:1.6}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;line-height:1.15;margin:0}a{color:var(--ink)}button{font-family:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.hl{display:inline-block;background:var(--hl);padding:1px 8px;transform:rotate(-1.2deg)}.caveat{font-family:Caveat,cursive;font-weight:700}@keyframes intro-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes intro-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-out{to{opacity:0;transform:translateY(-12px)}}.intro-mark{animation:intro-rise .5s ease-out .2s both}.intro-l1{animation:intro-rise .6s cubic-bezier(.2,.7,.2,1) .55s both}.intro-l2{animation:intro-rise .6s cubic-bezier(.2,.7,.2,1) .85s both}.intro-swipe{transform:scaleX(0);transform-origin:left center;animation:intro-draw .5s cubic-bezier(.3,.8,.3,1) 1.35s both}.intro-leaving{animation:intro-out .6s ease-in-out 2.6s both}