/* Scoped additions; existing branding and sequencer styles remain in site.css. */
.pattern-prose {max-width:880px}.pattern-note {color:var(--muted);font-size:.9rem;line-height:1.7}.pattern-example {margin:2rem 0 3.5rem;padding:1.5rem 0;border-top:1px solid var(--border-strong)}.pattern-example>h3 {font-size:1.5rem}.pattern-example>p {max-width:78ch;line-height:1.8}.pattern-details {border:1px solid var(--border);border-radius:14px;padding:1rem;margin:1rem 0;background:var(--panel-muted)}.pattern-details summary {cursor:pointer;font-weight:700;line-height:1.6}.pattern-details[open] summary {margin-bottom:1rem}.pattern-scroll {width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:1rem 0 1.5rem}.pattern-table {border-collapse:collapse;width:100%;min-width:760px;font-size:.8rem;font-variant-numeric:tabular-nums}.pattern-table caption {text-align:left;padding:.75rem 0;color:var(--muted);line-height:1.7;caption-side:bottom}.pattern-table th,.pattern-table td {border:1px solid var(--border);padding:.65rem .4rem;text-align:center;min-width:34px}.pattern-table th[scope=row],.pattern-table th:first-child {text-align:left;min-width:120px;white-space:nowrap}.pattern-table th {background:var(--panel-strong);color:var(--text)}.pattern-table td {color:#647287}.pattern-table .pattern-hit {background:var(--accent-soft);color:var(--accent);font-weight:700}.pattern-table .pattern-beat {border-left:2px solid rgba(22,215,243,.45)}.pattern-audio-grid {display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pattern-audio {padding:1.5rem;min-width:0}.pattern-audio audio {width:100%;margin-top:.75rem}.pattern-prose li {margin:.8rem 0;line-height:1.8}.body-copy a {color:var(--accent);text-decoration:underline;text-underline-offset:3px}.pattern-scroll:focus-visible,summary:focus-visible,a:focus-visible,button:focus-visible {outline:2px solid var(--accent);outline-offset:4px}section[id],article[id] {scroll-margin-top:100px}@media(max-width:700px){.pattern-audio-grid{grid-template-columns:1fr}.pattern-example{margin-bottom:2rem}.pattern-details{padding:.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
