.pattern-basics .basics-rail-card{fill:var(--highlight);stroke:var(--role-kept);stroke-width:2px}.pattern-basics .basics-rail-card[data-current]{stroke:var(--role-new);stroke-width:3px}.pattern-basics .basics-rail-card[data-first]{stroke-dasharray:5 4}.pattern-basics .basics-rail-caption{fill:var(--muted);font-size:13px}.pattern-basics .basics-rail-copy{fill:none;stroke:var(--role-copy);stroke-width:2px}.pattern-basics .basics-rail-copy-text{fill:var(--role-copy)}.pattern-basics .basics-rail-arrow{stroke:var(--role-new);stroke-width:2.4px}.pattern-basics .basics-rail-arrow-head{fill:var(--role-new)}.pattern-basics .basics-rail-plus{fill:var(--role-new);font-size:12px;font-weight:650}.pattern-basics .basics-pair-link{stroke:var(--role-guide);stroke-width:1.6px;stroke-dasharray:4 3}.pattern-basics .basics-pair-sum{fill:var(--role-new);font-variant-numeric:tabular-nums;font-size:21px;font-weight:750}.pattern-basics .basics-origin-ring{fill:none;stroke:var(--role-new);stroke-width:2px;stroke-dasharray:4 3}.pattern-basics .basics-origin-link{stroke:var(--role-new);stroke-width:1.8px;stroke-dasharray:5 4;fill:none}.pattern-basics .basics-origin-head{fill:var(--role-new)}.pattern-basics .basics-compare,.pattern-basics .basics-rules,.pattern-basics .basics-takeaway{gap:var(--space-3);margin-block:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.pattern-basics .basics-box{padding:var(--space-2) var(--space-3);border:2px solid var(--role-kept);text-align:center;color:var(--muted);border-radius:10px;justify-items:center;gap:4px;margin:0;display:grid}.pattern-basics .basics-box strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.15rem}.pattern-basics .basics-box[data-kind=sum],.pattern-basics .basics-box[data-kind=alt]{border-color:var(--role-new)}.pattern-basics .basics-not-equal{color:var(--muted);font-size:var(--text-hint);margin:0}.pattern-basics .basics-branch{gap:var(--space-3);margin-block:var(--space-3);justify-items:center;display:grid}.pattern-basics .basics-row{font-variant-numeric:tabular-nums;letter-spacing:2px;margin:0;font-size:1.5rem;font-weight:700}.pattern-basics .basics-unknown{border:2px dashed var(--role-new);color:var(--role-new);border-radius:8px;padding:0 8px}.pattern-basics .basics-chips{color:var(--muted);margin:0}.pattern-basics .basics-reading{font-size:var(--text-hint);color:var(--muted)}