.fra19-context-visual,.fra19-visual{width:100%}.fra19-visual{max-width:58rem;margin-inline:auto}.fra19-board{display:grid;gap:1rem;width:100%;color:#17324d}.fra19-board p{margin:0}.fra19-rail-row{display:grid;grid-template-columns:minmax(5rem,auto) 1fr;gap:.75rem;align-items:center}.fra19-rail-label{font-weight:800;text-align:right}.fra19-rail{display:grid;grid-template-columns:repeat(var(--fra19-parts),minmax(.4rem,1fr));min-height:3.75rem;overflow:hidden;border:3px solid #17324d;border-radius:.8rem;background:#fff;box-shadow:0 .35rem .8rem rgb(23 50 77/12%)}.fra19-cell{display:block;min-width:0;border-right:1px solid rgb(23 50 77/28%);background:#fff}.fra19-cell:last-child{border-right:0}.fra19-cell.is-selected.blue{background:repeating-linear-gradient(135deg,#2878bd 0 7px,#57a4df 7px 12px)}.fra19-cell.is-selected.amber{background:radial-gradient(circle at center,#f0a52d 0 28%,#ffd782 30% 48%,#f0a52d 50%);background-size:1.2rem 1.2rem}.fra19-cell.is-selected.blend{background:linear-gradient(90deg,#2878bd 0 57%,#f0a52d 57%)}
.fra19-fraction{display:inline-grid;grid-template-rows:auto 2px auto;min-width:2.3rem;align-items:center;text-align:center;vertical-align:middle;line-height:1}.fra19-fraction i{display:block;height:2px;background:currentColor}.fra19-fraction b{padding:.18rem .3rem}.fra19-hook{position:relative;padding:clamp(.5rem,2vw,1.25rem)}.fra19-endpoint-guide{position:absolute;inset:1rem 1rem auto;border-top:2px dashed rgb(23 50 77/28%)}.fra19-claim,.fra19-result-card,.fra19-common-card{position:relative;justify-self:center;padding:.7rem 1.1rem;border:2px solid #17324d;border-radius:.8rem;background:#fff;font-weight:900;font-size:clamp(1rem,3vw,1.35rem)}.fra19-claim b{position:absolute;inset:50% -.2rem auto;height:4px;border-radius:99px;background:#c83f3f;transform:rotate(-8deg) scaleX(0);transform-origin:left;transition:transform .35s ease}.fra19-claim.is-cued b,.fra19-claim[data-target-id].is-cued b,.fra19-repair .fra19-claim b{transform:rotate(-8deg) scaleX(1)}.fra19-piece-compare,.fra19-denominator-pair{display:flex;justify-content:center;gap:.8rem;align-items:center;font-weight:800}.fra19-piece-compare span,.fra19-denominator-pair b{padding:.45rem .7rem;border-radius:999px}.fra19-piece-compare .blue,.fra19-denominator-pair b:first-child{background:#d9edff;color:#155b91}.fra19-piece-compare .amber,.fra19-denominator-pair b:last-child{background:#fff0c9;color:#875306}.fra19-goal,.fra19-safe-note,.fra19-efficiency{justify-self:center;padding:.55rem .8rem;border-radius:.65rem;background:#eef5f8;font-weight:700;text-align:center}
.fra19-mismatch{grid-template-columns:1fr 1fr;align-items:end}.fra19-lifted{width:var(--piece-width);min-height:6rem;padding:.8rem;border:3px solid currentColor;border-radius:.8rem;font-weight:900;text-align:center}.fra19-lifted.blue{justify-self:end;color:#155b91;background:repeating-linear-gradient(135deg,#d9edff 0 8px,#b9ddf7 8px 14px)}.fra19-lifted.amber{color:#875306;background:radial-gradient(circle,#f0a52d 0 12%,#fff0c9 14%);background-size:1.5rem 1.5rem}.fra19-width-bracket,.fra19-mismatch .fra19-denominator-pair,.fra19-mismatch .fra19-goal{grid-column:1/-1;text-align:center}.fra19-multiples{grid-template-columns:1fr 1fr}.fra19-multiples section,.fra19-methods section,.fra19-symbolic-card{padding:1rem;border:2px solid #cbdce8;border-radius:.9rem;background:#fff;text-align:center}.fra19-multiples section div,.fra19-candidates{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:.7rem}.fra19-multiples section span,.fra19-candidates span{min-width:2.5rem;padding:.45rem;border-radius:.55rem;background:#edf4f8;font-weight:900}.fra19-multiples .fra19-common-card{grid-column:1/-1;background:#e4f7e9;border-color:#2b7f4b}.fra19-transform-arrow{justify-self:center;color:#4c6680;font-weight:800}.fra19-scale-link,.fra19-divisibility{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.fra19-scale-link span,.fra19-scale-link i,.fra19-divisibility span{padding:.45rem .7rem;border-radius:.6rem;background:#edf4f8;font-style:normal;font-weight:800}.fra19-equivalent-pair,.fra19-source-rails{display:grid;gap:.75rem}.fra19-combined-rail{padding-top:.8rem;border-top:2px dashed #94aec1}.fra19-fixed-denominator{text-align:center;font-weight:800}.fra19-efficiency{background:#fff4d6}
.fra19-handoff{grid-template-columns:repeat(3,1fr)}.fra19-handoff>div{min-height:8rem;padding:1rem;border:2px solid #bfd1df;border-radius:1rem;background:#fff;text-align:center}.fra19-handoff>div>span{display:grid;width:2rem;height:2rem;margin:0 auto .5rem;place-items:center;border-radius:50%;background:#17324d;color:#fff;font-weight:900}.fra19-transition>.fra19-handoff{width:100%}.fra19-final-intro{justify-items:center}.fra19-final-intro>strong{font-size:clamp(1.4rem,4vw,2rem)}.fra19-final-intro>div{display:flex;gap:.55rem}.fra19-final-intro>div span{display:grid;width:2.7rem;height:2.7rem;place-items:center;border:2px solid #17324d;border-radius:50%;font-weight:900}.fra19-methods{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.fra19-equivalence-card,.fra19-locked-denominator,.fra19-scale-repair{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:1rem;background:#fff;font-size:1.2rem;font-weight:900}.fra19-candidates .valid{background:#e4f7e9;color:#21623b}.fra19-candidates .invalid{background:#ffe5e5;color:#8a2828;text-decoration:line-through}.fra19-cables{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center}.fra19-cables span{min-height:4rem;padding:.8rem;border:3px solid currentColor;border-radius:.8rem;font-weight:900;text-align:center}.fra19-cables .blue{color:#155b91;background:#d9edff}.fra19-cables .amber{color:#875306;background:#fff0c9}.fra19-cables i{width:2rem;border-top:3px solid #17324d}.fra19-error-card{justify-self:center;padding:.8rem;border:2px dashed #c83f3f;border-radius:.8rem;background:#fff6f6;font-weight:800}
.fra19-working{margin-top:.3rem;padding:1rem;border:2px solid #2b7f4b;border-radius:.9rem;background:#f2fbf4}.fra19-working strong{color:#21623b}.fra19-working ol{display:grid;gap:.45rem;margin:.7rem 0;padding-left:1.4rem}.fra19-working li{animation:fra19-step-in .28s ease both;animation-delay:calc(var(--worked-step-index,0)*100ms)}.fra19-working p{font-weight:900}.fra19-repair{padding:1rem;border:2px solid #f0a52d;border-radius:1rem;background:#fffaf0}.fra19-cued-group,.fra19-board [data-target-id]{transition:transform .3s ease,filter .3s ease,opacity .3s ease}.fra19-cued-group.is-cued,.fra19-board [data-target-id].is-cued{filter:saturate(1.18);transform:translateY(-2px)}.fra19-staged-answer{border:0;padding:0}.fra19-staged-answer legend{margin-bottom:.75rem;font-weight:900}.fra19-staged-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.fra19-staged-fields label,.fra19-fixed-stage{display:grid;gap:.4rem;min-width:0;font-weight:750}.fra19-fixed-stage b{display:grid;min-height:3rem;place-items:center;border:2px solid #b7c8d4;border-radius:.65rem;background:#edf4f8;font-size:1.1rem}.fra19-staged-fields input{width:100%;min-height:3rem;padding:.55rem;border:2px solid #9fb6c8;border-radius:.65rem;font:inherit;text-align:center}.fra19-staged-fields input:focus-visible{outline:3px solid #ffbf47;outline-offset:2px;border-color:#17324d}@keyframes fra19-step-in{from{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:none}}
@media(max-width:520px){.fra19-board{gap:.65rem}.fra19-rail-row{grid-template-columns:1fr;gap:.3rem}.fra19-rail-label{text-align:left}.fra19-rail{min-height:3rem}.fra19-handoff,.fra19-methods,.fra19-staged-fields{grid-template-columns:1fr}.fra19-handoff>div{min-height:auto}.fra19-mismatch{gap:.4rem}.fra19-lifted{min-height:4.5rem;padding:.5rem}.fra19-cables{grid-template-columns:1fr}.fra19-cables i{width:auto;height:1rem;border-top:0;border-left:3px solid #17324d;justify-self:center}.fra19-working{padding:.75rem}}
@media(prefers-reduced-motion:reduce){.fra19-visual *,.fra19-visual *::before,.fra19-visual *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.fra19-board [data-target-id].is-cued{transform:none;outline:3px solid #ffbf47;outline-offset:2px}}