.rules.svelte-7e5fvo{flex-direction:column;flex:1;min-height:calc(100svh - 3.4rem);padding-bottom:2rem;display:flex}.grammar.svelte-7e5fvo{max-width:var(--site-max);gap:1.4rem;width:100%;margin:0 auto;padding:1.4rem 0 2rem;display:grid}.rule-plate.svelte-7e5fvo{background:var(--bg-raised);grid-template-columns:minmax(16rem,.9fr) minmax(0,1.2fr);min-height:280px;display:grid}.rule-copy.svelte-7e5fvo{border-right:1px dashed var(--border);background:var(--bg);padding:2rem 1.5rem 1.6rem}.rule-idx.svelte-7e5fvo{font-family:var(--font-sans);letter-spacing:-.08em;color:var(--text-muted);margin:0 0 .8rem;font-size:clamp(3.4rem,8vw,6.2rem);line-height:.8}.rule-copy.svelte-7e5fvo h2:where(.svelte-7e5fvo){font-family:var(--font-sans);letter-spacing:-.045em;margin:0 0 .55rem;font-size:clamp(1.4rem,2.4vw,2rem)}.rule-copy.svelte-7e5fvo p:where(.svelte-7e5fvo){color:var(--text-secondary);max-width:38ch;margin:0;font-size:.88rem}.rule-demo.svelte-7e5fvo{background:var(--bg-raised);flex-direction:column;justify-content:center;gap:1rem;min-width:0;padding:1.8rem 1.3rem;display:flex}.controls.svelte-7e5fvo{flex-wrap:wrap;gap:.35rem;display:flex}.mark-btn.svelte-7e5fvo{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);background:0 0;min-height:36px;padding:0 .7rem;font-size:.62rem}.mark-btn.svelte-7e5fvo:hover{color:var(--text-primary);border-color:var(--text-primary)}.mark-btn[aria-pressed=true].svelte-7e5fvo{color:var(--bg);background:var(--text-primary);border-color:var(--text-primary)}.demo-art.svelte-7e5fvo{min-width:0;overflow-x:auto}@media (width<=1024px){.grammar.svelte-7e5fvo{gap:1rem;padding:1rem 0 1.5rem}.rule-plate.svelte-7e5fvo{grid-template-columns:1fr;min-height:0}.rule-copy.svelte-7e5fvo{border-right:0;border-bottom:1px dashed var(--border);padding:1.4rem 1.1rem 1.2rem}.rule-demo.svelte-7e5fvo{gap:.85rem;padding:1.2rem 1rem}}