.pattern-lesson{--role-kept:var(--diagram-first);--role-new:var(--diagram-second);--role-copy:var(--diagram-third);--role-guide:var(--line-strong)}.pattern-board{min-width:0;padding-block:var(--space-3);font-size:var(--text-body)}.pattern-board p{margin-block:var(--space-3);line-height:1.8}.pattern-board h3{margin:var(--space-3) 0;font-size:1.05rem}.pattern-table-wrap{margin-block:var(--space-3);overflow-x:auto}.pattern-strip{border-collapse:collapse;text-align:center;font-variant-numeric:tabular-nums;width:100%}.pattern-strip th,.pattern-strip td{border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 5px}.pattern-strip th{color:var(--muted);font-size:var(--text-hint);font-weight:500}.pattern-strip th[scope=row]{text-align:left;width:4em}.pattern-strip td{color:var(--ink);font-size:1.2rem;font-weight:650}.pattern-strip td[data-current]{background:var(--highlight);outline:2px solid var(--role-kept);outline-offset:-2px}.pattern-strip .pattern-differences td{color:var(--role-new);font-size:1rem}.pattern-strip .pattern-differences td:first-of-type{color:var(--muted);font-size:var(--text-hint)}.pattern-equation{border-block:1px solid var(--line);text-align:center;font-variant-numeric:tabular-nums;padding:12px 0;font-size:1.06rem}.pattern-equation strong{color:var(--emphasis)}.pattern-picture{width:100%}.pattern-picture svg{width:100%;max-width:460px;height:auto;margin-inline:auto;display:block;overflow:visible}.pattern-picture svg text{font-family:var(--font-body);fill:var(--ink);font-size:14px}.pattern-picture svg .pattern-big-number{font-size:21px;font-weight:650}.pattern-stick{stroke:var(--role-kept);stroke-width:3px;stroke-linecap:round}.pattern-stick[data-shared]{stroke-dasharray:4 5}.pattern-stick[data-new]{stroke:var(--role-new);stroke-width:6px}.pattern-dot{fill:var(--role-kept)}.pattern-dot[data-new]{fill:var(--role-new);stroke:var(--role-new);stroke-width:2px}.pattern-dot[data-row-current]{stroke:var(--ink);stroke-width:3px}.pattern-row-current{font-weight:750;text-decoration:underline;fill:var(--emphasis)!important}.pattern-diamond-series{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pattern-diamond-series figure{margin:0}.pattern-diamond-series svg{width:100%;display:block}.pattern-diamond-series figcaption{text-align:center;font-size:var(--text-support)}.pattern-reading-steps{margin-block:var(--space-6)}.pattern-reading-steps summary{cursor:pointer;min-height:48px;padding-block:var(--space-3);font-weight:650;line-height:1.7}.pattern-reading-steps details{border-bottom:1px solid var(--line)}.pattern-removed-edge{stroke:var(--role-copy);stroke-width:4px;stroke-dasharray:4 4}.pattern-copy-dot{fill:none;stroke:var(--role-copy);stroke-width:2px}.pattern-shape{fill:var(--surface-soft);stroke:var(--role-kept);stroke-width:2.5px}.pattern-target{fill:var(--accent-soft);stroke:var(--role-new);stroke-width:2.5px}.pattern-bracket{fill:none;stroke:var(--role-guide);stroke-width:1.5px}.pattern-second{fill:var(--role-copy)!important}.pattern-note{color:var(--muted);font-size:var(--text-support)}.pattern-jumps{padding-block:var(--space-4);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pattern-jumps>span{font-size:var(--text-support);align-items:center;gap:6px;display:flex}.pattern-jumps b{padding:10px 6px;font-weight:500}.pattern-jumps em{color:var(--role-new);font-style:normal}.pattern-jumps [data-current] b{outline:2px solid var(--role-new)}.pattern-slider{margin-block:var(--space-5)}.pattern-slider label{line-height:1.6;display:block}.pattern-slider input{width:100%;min-height:48px;accent-color:var(--ink);cursor:pointer}.pattern-options{gap:var(--space-2);margin-block:var(--space-3);flex-wrap:wrap;display:flex}.pattern-options .button{white-space:normal;min-height:48px}.pattern-options [aria-pressed=true]{background:var(--highlight);outline:2px solid var(--role-kept);outline-offset:-2px}.pattern-lane{fill:var(--surface-soft);stroke:var(--role-kept);stroke-width:2px}.pattern-lane[data-lane="1"]{fill:var(--diagram-third-soft);stroke:var(--role-copy);stroke-dasharray:5 3}.pattern-lane[data-current]{stroke-width:4px}.pattern-signed-fraction{align-items:center;gap:4px;display:inline-flex}.pattern-fraction{text-align:center;min-width:1.3em;line-height:1.5;display:inline-grid}.pattern-fraction>:first-child{border-bottom:2px solid}.pattern-fraction-answer{padding:var(--space-5);text-align:center;font-size:2.5rem}.pattern-operation-chain{text-align:center;font-variant-numeric:tabular-nums;line-height:2}.pattern-operation-chain b{color:var(--role-new);font-size:var(--text-hint);white-space:nowrap;font-weight:650}.pattern-rule-lines{margin-block:var(--space-4)}.pattern-rule-lines>div{border-bottom:1px dashed var(--line);grid-template-columns:4em 1fr;padding:10px 0;display:grid}.pattern-rule-lines dt{font-weight:650}.pattern-rule-lines dd{margin:0}.pattern-compare{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.pattern-compare>div{min-width:0}@media (width<=620px){.pattern-diamond-series{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-picture svg text{font-size:20px}.pattern-compare{grid-template-columns:1fr}.pattern-strip th,.pattern-strip td{padding-inline:4px}.pattern-strip td{font-size:1.05rem}.pattern-jumps>span{font-size:var(--text-hint);gap:2px}.pattern-jumps b{padding-inline:2px}}.pattern-fib-bar{fill:var(--role-kept)}.pattern-fib-bar--copy{fill:none;stroke:var(--role-copy);stroke-width:3px}.pattern-fib-source{fill:none;stroke:var(--role-new);stroke-width:2px;stroke-dasharray:5 4}.pattern-fib-total{color:var(--emphasis)}.pattern-weekday{fill:var(--muted);font-size:13px}.pattern-cal-cell{fill:var(--surface-soft);stroke:var(--line);stroke-width:1px}.pattern-cal-cell[data-focus]{fill:var(--highlight);stroke:var(--role-kept);stroke-width:2px}.pattern-cal-cell[data-center]{stroke:var(--role-new);stroke-width:3.5px}.pattern-arrow{fill:none;stroke:var(--role-new);stroke-width:2.5px}.pattern-arrow-head{fill:var(--role-new)}.pattern-wheel-cell{fill:var(--surface-soft);stroke:var(--role-kept);stroke-width:2px}.pattern-wheel-cell[data-current]{fill:var(--highlight);stroke:var(--role-new);stroke-width:4px}.pattern-wheel-arrow{fill:none;stroke:var(--role-guide);stroke-width:2px}.pattern-wheel-slot{fill:var(--muted);font-size:13px}.pattern-l-cell{fill:color-mix(in srgb, var(--role-kept) 16%, var(--surface));stroke:var(--role-kept);stroke-width:1.6px}.pattern-l-edge{stroke:var(--role-new);stroke-width:4.5px;stroke-linecap:round}.pattern-l-series{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.pattern-l-series .pattern-picture svg{max-width:100%}