.page.svelte-1rqyczz{flex-direction:column;gap:1.4rem;display:flex}.grammar.svelte-1rqyczz{gap:1.4rem;padding-top:.4rem;display:grid}.rule-plate.svelte-1rqyczz{background-image:repeating-linear-gradient(to right, var(--graph-framer)), repeating-linear-gradient(to bottom, var(--graph-framer)), repeating-linear-gradient(to right, var(--graph-framer)), repeating-linear-gradient(to bottom, var(--graph-framer));background-position:0 0,100% 0,0 100%,0 0;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;background-size:100% 1px,1px 100%,100% 1px,1px 100%;grid-template-columns:minmax(16rem,.9fr) minmax(0,1.2fr);min-height:280px;display:grid}.copy.svelte-1rqyczz{border-right:1px dashed var(--border);padding:2rem 1.5rem 1.6rem}.idx.svelte-1rqyczz{font-family:var(--font-sans);letter-spacing:-.06em;color:var(--text-muted);margin:0 0 .8rem;font-size:clamp(3.4rem,8vw,6.2rem);font-weight:600;line-height:.8}.copy.svelte-1rqyczz h2:where(.svelte-1rqyczz){margin:0 0 .55rem;font-size:clamp(1.4rem,2.4vw,2rem)}.copy.svelte-1rqyczz p:where(.svelte-1rqyczz):not(.idx){max-width:38ch;color:var(--text-secondary);margin:0;font-size:.88rem}.copy.svelte-1rqyczz code:where(.svelte-1rqyczz){color:var(--text-primary)}.tok.svelte-1rqyczz{color:var(--graph-accent)}.demo.svelte-1rqyczz{background:var(--bg-raised);flex-direction:column;justify-content:center;gap:1.2rem;min-width:0;padding:1.8rem 1.3rem;display:flex}.controls.svelte-1rqyczz{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.sep.svelte-1rqyczz{background:var(--border);width:1px;height:20px;margin-inline:.3rem}.mark.svelte-1rqyczz{border:1px solid var(--border);min-height:32px;color:var(--text-secondary);font:inherit;letter-spacing:.1em;text-transform:uppercase;background:0 0;padding:0 .7rem;font-size:.62rem}.mark.svelte-1rqyczz:hover{color:var(--text-primary);border-color:var(--text-primary)}.mark[aria-pressed=true].svelte-1rqyczz{color:var(--bg);background:var(--text-primary);border-color:var(--text-primary)}.line.svelte-1rqyczz{margin:0}.line.svelte-1rqyczz:first-child{margin-bottom:.75rem}.dim.svelte-1rqyczz{color:var(--text-secondary)}.dont.svelte-1rqyczz{border:1px dashed var(--border);grid-template-columns:1fr 1fr;display:grid}.dont.svelte-1rqyczz article:where(.svelte-1rqyczz){padding:1.3rem 1.2rem}.dont.svelte-1rqyczz article:where(.svelte-1rqyczz):first-child{border-right:1px dashed var(--border)}.dont.svelte-1rqyczz .eyebrow:where(.svelte-1rqyczz){margin:0}.dont.svelte-1rqyczz h3:where(.svelte-1rqyczz){font-family:var(--font-sans);letter-spacing:-.03em;margin:.35rem 0 .4rem;font-size:1.1rem;font-weight:600}.dont.svelte-1rqyczz p:where(.svelte-1rqyczz):not(.eyebrow){max-width:44ch;color:var(--text-secondary);margin:0;font-size:.85rem}@media (width<=1024px){.grammar.svelte-1rqyczz{gap:1rem}.rule-plate.svelte-1rqyczz,.dont.svelte-1rqyczz{grid-template-columns:1fr}.rule-plate.svelte-1rqyczz{min-height:0}.copy.svelte-1rqyczz{border-right:0;border-bottom:1px dashed var(--border);padding:1.4rem 1.1rem 1.2rem}.demo.svelte-1rqyczz{gap:.9rem;padding:1.2rem 1rem}.dont.svelte-1rqyczz article:where(.svelte-1rqyczz){padding:1rem 1.1rem}.dont.svelte-1rqyczz article:where(.svelte-1rqyczz):first-child{border-right:0;border-bottom:1px dashed var(--border)}}