.pattern-eyebrow{color:var(--muted);margin:4px 0 8px;font-size:13px;font-weight:700}.pattern-intro h2{margin:28px 0 22px;font-size:27px;line-height:1.55}.pattern-features{gap:14px;margin:0;padding:0;list-style:none;display:grid}.pattern-features li{border-left:4px solid var(--green);flex-direction:column;gap:3px;padding-left:14px;display:flex}.pattern-features strong{font-size:21px}.pattern-features span{color:var(--muted);font-size:14px;line-height:1.7}.pattern-formula{text-align:center;padding:25px 0 10px;font-size:48px}.pattern-equality{text-align:center;margin:6px 0 24px;font-size:20px;font-weight:800}.pattern-memory{background:#edf7ef;border-radius:12px;flex-direction:column;gap:7px;padding:18px 16px;line-height:1.65;display:flex}.pattern-memory span{color:var(--muted);font-size:12px}.pattern-memory strong{font-size:21px}.pattern-object-note{color:var(--muted);font-size:14px;line-height:1.8}.pattern-example{border-bottom:1px solid var(--line);padding:23px 0}.pattern-example>header{align-items:center;gap:14px;display:flex}.pattern-example h2{margin:0;font-size:19px}.pattern-example p{font-size:16px;line-height:1.9}.pattern-example .pattern-example-question{font-size:20px;font-weight:750;line-height:1.7}.pattern-example-formula{margin:18px 0;font-size:27px;overflow:auto}.pattern-recall-heading{justify-content:space-between;align-items:center;gap:12px;margin:3px 0 24px;display:flex}.pattern-recall-heading h2{margin:0;font-size:18px}.pattern-recall-heading>span{color:var(--muted);white-space:nowrap;font-size:13px}.pattern-recall-prompt{margin:0 0 18px;font-size:16px}.pattern-reason{font-size:19px;line-height:1.9}.combination-pattern .lesson-confirm{flex:1}@media (max-width:360px){.pattern-intro h2{font-size:24px}.pattern-memory strong{font-size:19px}.pattern-example .pattern-example-question{font-size:18px}}.pattern-keyword{color:#285d3e;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#dcefe1;border-radius:4px;padding:.08em .22em}.pattern-comparison{border:1px solid var(--line);border-radius:12px;margin:26px 0;padding:18px 16px}.pattern-comparison h3{margin:0 0 18px;font-size:19px;line-height:1.7}.pattern-comparison>div{border-top:1px solid var(--line);padding:16px 0}.pattern-comparison strong{line-height:1.9}.pattern-comparison p{font-size:15px;line-height:1.9}.pattern-comparison .lesson-math{font-size:23px}
.permutation-pattern .pattern-formula{font-size:clamp(30px,8vw,42px)}.permutation-slots{justify-content:center;gap:8px;margin:24px 0;display:flex}.permutation-slot{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;max-width:100px;display:flex}.permutation-slot>span{color:var(--muted);font-size:12px}.permutation-slot>strong{border:1px solid var(--line);text-align:center;width:100%;color:var(--green);background:#f4f8f4;border-radius:10px;padding:12px 2px;font-size:clamp(16px,4.6vw,22px)}.permutation-pattern .pattern-example-formula{font-size:clamp(20px,5.5vw,27px)}.permutation-pattern .permutation-factorial{background:#f4f8f4;border-radius:10px;padding:12px}@media (max-width:360px){.permutation-slots{gap:5px}.permutation-slot>span{font-size:11px}}
.multiplication-pattern .pattern-example{padding:18px 0}.multiplication-pattern .pattern-example:last-child{border-bottom:0}.multiplication-pattern .pattern-example h2{color:var(--muted);font-size:13px}.multiplication-pattern .pattern-example-question{margin:8px 0 14px;font-size:18px;line-height:1.6}.multiplication-annotated-formula{justify-content:center;align-items:flex-start;gap:8px;margin:14px 0 10px;display:flex}.multiplication-factor{text-align:center;flex-direction:column;flex:0 100px;align-items:center;min-width:0;display:flex}.multiplication-factor>strong,.multiplication-sign,.multiplication-answer{font-variant-numeric:tabular-nums;font-size:27px;font-weight:600;line-height:38px}.multiplication-pointer{color:var(--green);font-size:20px;line-height:23px}.multiplication-caption{width:100%;font-size:15px;font-weight:650;line-height:1.6}.multiplication-caption small{color:#285d3e;text-wrap:balance;background:#dcefe1;border-radius:4px;margin-top:4px;padding:4px 3px;font-size:15px;font-weight:750;line-height:1.5;display:block}.multiplication-caption small>span{white-space:nowrap;display:block}.multiplication-pattern .pattern-keyword{white-space:nowrap}.multiplication-pattern .multiplication-remark{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.7}@media (max-width:360px){.multiplication-annotated-formula{gap:0}.multiplication-caption small{font-size:14px}.multiplication-factor>strong,.multiplication-sign,.multiplication-answer{font-size:23px}}.multiplication-pattern .lesson-type-heading{margin:0 0 8px;font-size:22px;font-weight:750}
