.about-page.svelte-cwls5q{gap:0}.about-page.svelte-cwls5q .intro:where(.svelte-cwls5q){gap:.85rem;padding:1.75rem 0 2rem;display:grid}.about-page.svelte-cwls5q .intro:where(.svelte-cwls5q) h2:where(.svelte-cwls5q){letter-spacing:-.025em;font-size:clamp(1.7rem,5vw,2rem);line-height:1.1}.about-page.svelte-cwls5q .intro:where(.svelte-cwls5q) p:where(.svelte-cwls5q){max-width:48ch;font-size:1rem;line-height:1.55}.about-page.svelte-cwls5q .intro:where(.svelte-cwls5q) .intro-links:where(.svelte-cwls5q){flex-wrap:wrap;align-items:center;gap:.8rem 1rem;margin-top:.3rem;display:flex}.about-page.svelte-cwls5q .intro:where(.svelte-cwls5q) .intro-links:where(.svelte-cwls5q) .button:where(.svelte-cwls5q){padding:.65rem 1rem;font-size:.9rem;font-weight:700}.about-page.svelte-cwls5q .text-link:where(.svelte-cwls5q),.about-page.svelte-cwls5q .difficulty-links:where(.svelte-cwls5q) a:where(.svelte-cwls5q){color:inherit;text-underline-offset:.2em;font-size:.9rem;font-weight:700}.about-page.svelte-cwls5q .text-link:where(.svelte-cwls5q):hover,.about-page.svelte-cwls5q .difficulty-links:where(.svelte-cwls5q) a:where(.svelte-cwls5q):hover{color:var(--accent-color)}.about-page.svelte-cwls5q .text-link:where(.svelte-cwls5q):focus-visible,.about-page.svelte-cwls5q .difficulty-links:where(.svelte-cwls5q) a:where(.svelte-cwls5q):focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:3px}.about-page.svelte-cwls5q .guide-section:where(.svelte-cwls5q){border-top:1px solid var(--grid-line-color);padding:1.5rem 0}.about-page.svelte-cwls5q .guide-section:where(.svelte-cwls5q) h3:where(.svelte-cwls5q){margin-bottom:.9rem;font-size:1.3rem;line-height:1.2}.about-page.svelte-cwls5q .guide-section:where(.svelte-cwls5q) h4:where(.svelte-cwls5q){font-size:.95rem;line-height:1.25}.about-page.svelte-cwls5q .guide-section:where(.svelte-cwls5q) p:where(.svelte-cwls5q),.about-page.svelte-cwls5q .guide-section:where(.svelte-cwls5q) li:where(.svelte-cwls5q){font-size:.9rem;line-height:1.5}.about-page.svelte-cwls5q .guide-section:where(.svelte-cwls5q) .section-intro:where(.svelte-cwls5q){margin-top:-.4rem;margin-bottom:1rem}.about-page.svelte-cwls5q .rule-example:where(.svelte-cwls5q){background-color:var(--surface-raised-color);border:1px solid var(--grid-line-color);border-radius:var(--control-radius);grid-template-columns:120px 1fr;align-items:center;gap:1rem;padding:.9rem;display:grid}.about-page.svelte-cwls5q .rule-example:where(.svelte-cwls5q) .example-grid:where(.svelte-cwls5q){aspect-ratio:3/2;border:2px solid var(--accent-color);border-radius:3px;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.about-page.svelte-cwls5q .rule-example:where(.svelte-cwls5q) .example-grid:where(.svelte-cwls5q) span:where(.svelte-cwls5q){background-color:color-mix(in srgb, var(--accent-color) 12%, var(--surface-raised-color));border-right:1px solid var(--rectangle-grid-line-color);border-bottom:1px solid var(--rectangle-grid-line-color);place-items:center;font-size:1rem;font-weight:700;display:grid}.about-page.svelte-cwls5q .rule-example:where(.svelte-cwls5q) .example-grid:where(.svelte-cwls5q) span:where(.svelte-cwls5q):nth-child(3n){border-right:0}.about-page.svelte-cwls5q .rule-example:where(.svelte-cwls5q) .example-grid:where(.svelte-cwls5q) span:where(.svelte-cwls5q):nth-child(n+4){border-bottom:0}.about-page.svelte-cwls5q .rules-list:where(.svelte-cwls5q){gap:.45rem;margin-top:1rem;padding-left:1.2rem;display:grid}.about-page.svelte-cwls5q .rules-list:where(.svelte-cwls5q) li:where(.svelte-cwls5q){padding-left:.15rem}.about-page.svelte-cwls5q .rules-list:where(.svelte-cwls5q) li:where(.svelte-cwls5q) strong:where(.svelte-cwls5q){font-weight:700}.about-page.svelte-cwls5q .control-grid:where(.svelte-cwls5q),.about-page.svelte-cwls5q .tips-list:where(.svelte-cwls5q){grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.5rem;display:grid}.about-page.svelte-cwls5q .control-grid:where(.svelte-cwls5q) p:where(.svelte-cwls5q),.about-page.svelte-cwls5q .tips-list:where(.svelte-cwls5q) p:where(.svelte-cwls5q){margin-top:.25rem}.about-page.svelte-cwls5q .difficulty-links:where(.svelte-cwls5q){flex-wrap:wrap;gap:.55rem 1.3rem;display:flex}@media only screen and (width<=460px){.about-page.svelte-cwls5q .intro:where(.svelte-cwls5q){padding-top:1.3rem}.about-page.svelte-cwls5q .rule-example:where(.svelte-cwls5q){grid-template-columns:105px 1fr;gap:.75rem}.about-page.svelte-cwls5q .control-grid:where(.svelte-cwls5q),.about-page.svelte-cwls5q .tips-list:where(.svelte-cwls5q){grid-template-columns:1fr;gap:1rem}}