.about-page.svelte-cwls5q{gap:1.25rem}.about-page.svelte-cwls5q .eyebrow:where(.svelte-cwls5q){color:var(--accent-color);letter-spacing:.09em;text-transform:uppercase;font-size:.7rem;font-weight:700;line-height:1}.about-page.svelte-cwls5q .hero:where(.svelte-cwls5q),.about-page.svelte-cwls5q .guide-card:where(.svelte-cwls5q),.about-page.svelte-cwls5q .closing-card:where(.svelte-cwls5q){border:1px solid var(--grid-line-color);border-radius:var(--card-radius)}.about-page.svelte-cwls5q .hero:where(.svelte-cwls5q){background-color:var(--surface-color);gap:1.1rem;padding:1.35rem;display:grid}.about-page.svelte-cwls5q .hero:where(.svelte-cwls5q) .hero-copy:where(.svelte-cwls5q){gap:.55rem;display:grid}.about-page.svelte-cwls5q .hero:where(.svelte-cwls5q) .hero-copy:where(.svelte-cwls5q) h2:where(.svelte-cwls5q){letter-spacing:-.025em;max-width:12ch;font-size:2rem;line-height:1.05}.about-page.svelte-cwls5q .hero:where(.svelte-cwls5q) .hero-copy:where(.svelte-cwls5q) p:where(.svelte-cwls5q):last-child{font-size:.96rem}.about-page.svelte-cwls5q .hero:where(.svelte-cwls5q) .hero-actions:where(.svelte-cwls5q){flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.about-page.svelte-cwls5q .hero:where(.svelte-cwls5q) .hero-actions:where(.svelte-cwls5q) .primary-action:where(.svelte-cwls5q){padding:.65rem 1rem;font-size:.9rem;font-weight:700}.about-page.svelte-cwls5q .hero:where(.svelte-cwls5q) .hero-actions:where(.svelte-cwls5q) .secondary-action:where(.svelte-cwls5q){color:inherit;text-underline-offset:.2em;font-size:.87rem;font-weight:700}.about-page.svelte-cwls5q .hero:where(.svelte-cwls5q) .hero-actions:where(.svelte-cwls5q) .secondary-action:where(.svelte-cwls5q):hover{color:var(--accent-color)}.about-page.svelte-cwls5q .hero:where(.svelte-cwls5q) .hero-actions:where(.svelte-cwls5q) .secondary-action:where(.svelte-cwls5q):focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:3px}.about-page.svelte-cwls5q .guide-card:where(.svelte-cwls5q){background-color:var(--surface-color);gap:1rem;padding:1.25rem;display:grid}.about-page.svelte-cwls5q .guide-card:where(.svelte-cwls5q) .section-heading:where(.svelte-cwls5q){gap:.35rem;display:grid}.about-page.svelte-cwls5q .guide-card:where(.svelte-cwls5q) .section-heading:where(.svelte-cwls5q) h3:where(.svelte-cwls5q){font-size:1.35rem;line-height:1.15}.about-page.svelte-cwls5q .guide-card:where(.svelte-cwls5q) .section-heading:where(.svelte-cwls5q) p:where(.svelte-cwls5q):last-child{font-size:.9rem}.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:132px 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;box-shadow:inset 0 0 0 3px var(--accent-color);border-radius:5px;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){border-right:1px solid var(--rectangle-grid-line-color);border-bottom:1px solid var(--rectangle-grid-line-color);background-color:#0284c71f;place-items:center;min-width:0;font-size:1.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 .rule-example:where(.svelte-cwls5q) .example-grid:where(.svelte-cwls5q) span.number-cell:where(.svelte-cwls5q){background-color:#0284c733}.about-page.svelte-cwls5q .rule-example:where(.svelte-cwls5q) strong:where(.svelte-cwls5q){font-size:.9rem;display:block}.about-page.svelte-cwls5q .rule-example:where(.svelte-cwls5q) p:where(.svelte-cwls5q){margin-top:.2rem;font-size:.82rem;line-height:1.4}.about-page.svelte-cwls5q .rules-list:where(.svelte-cwls5q){grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding:0;list-style:none;display:grid}.about-page.svelte-cwls5q .rules-list:where(.svelte-cwls5q) li:where(.svelte-cwls5q){background-color:var(--surface-raised-color);border:1px solid var(--grid-line-color);border-radius:var(--control-radius);align-content:start;gap:.55rem;padding:.75rem;display:grid}.about-page.svelte-cwls5q .rules-list:where(.svelte-cwls5q) li:where(.svelte-cwls5q)>span:where(.svelte-cwls5q){width:1.5rem;height:1.5rem;color:var(--accent-contrast-color);background-color:var(--accent-color);border-radius:50%;place-items:center;font-size:.72rem;font-weight:700;display:grid}.about-page.svelte-cwls5q .rules-list:where(.svelte-cwls5q) li:where(.svelte-cwls5q) strong:where(.svelte-cwls5q),.about-page.svelte-cwls5q .rules-list:where(.svelte-cwls5q) li:where(.svelte-cwls5q) small:where(.svelte-cwls5q){display:block}.about-page.svelte-cwls5q .rules-list:where(.svelte-cwls5q) li:where(.svelte-cwls5q) strong:where(.svelte-cwls5q){font-size:.82rem;line-height:1.2}.about-page.svelte-cwls5q .rules-list:where(.svelte-cwls5q) li:where(.svelte-cwls5q) small:where(.svelte-cwls5q){margin-top:.25rem;font-size:.72rem;line-height:1.35}.about-page.svelte-cwls5q .control-grid:where(.svelte-cwls5q){grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.about-page.svelte-cwls5q .control-grid:where(.svelte-cwls5q) article:where(.svelte-cwls5q){background-color:var(--surface-raised-color);border:1px solid var(--grid-line-color);border-radius:var(--control-radius);grid-template-columns:auto 1fr;column-gap:.65rem;padding:.9rem;display:grid}.about-page.svelte-cwls5q .control-grid:where(.svelte-cwls5q) article:where(.svelte-cwls5q) .control-icon:where(.svelte-cwls5q){width:2rem;height:2rem;color:var(--accent-color);background-color:#0284c71f;border-radius:50%;grid-row:1/3;place-items:center;font-weight:700;display:grid}.about-page.svelte-cwls5q .control-grid:where(.svelte-cwls5q) article:where(.svelte-cwls5q) h4:where(.svelte-cwls5q){font-size:.9rem;line-height:1.2}.about-page.svelte-cwls5q .control-grid:where(.svelte-cwls5q) article:where(.svelte-cwls5q) p:where(.svelte-cwls5q){margin-top:.25rem;font-size:.8rem;line-height:1.4}.about-page.svelte-cwls5q .tips-list:where(.svelte-cwls5q){gap:.65rem;display:grid}.about-page.svelte-cwls5q .tips-list:where(.svelte-cwls5q) article:where(.svelte-cwls5q){background-color:var(--surface-raised-color);border:1px solid var(--grid-line-color);border-radius:var(--control-radius);grid-template-columns:2rem 1fr;gap:.75rem;padding:.85rem;display:grid}.about-page.svelte-cwls5q .tips-list:where(.svelte-cwls5q) article:where(.svelte-cwls5q)>span:where(.svelte-cwls5q){color:var(--accent-color);letter-spacing:.06em;font-size:.72rem;font-weight:700}.about-page.svelte-cwls5q .tips-list:where(.svelte-cwls5q) article:where(.svelte-cwls5q) h4:where(.svelte-cwls5q){font-size:.9rem;line-height:1.2}.about-page.svelte-cwls5q .tips-list:where(.svelte-cwls5q) article:where(.svelte-cwls5q) p:where(.svelte-cwls5q){margin-top:.25rem;font-size:.8rem;line-height:1.4}.about-page.svelte-cwls5q .difficulty-list:where(.svelte-cwls5q){gap:.5rem;display:grid}.about-page.svelte-cwls5q .difficulty-list:where(.svelte-cwls5q) a:where(.svelte-cwls5q){color:inherit;background-color:var(--surface-raised-color);border:1px solid var(--grid-line-color);border-radius:var(--control-radius);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .85rem;text-decoration:none;transition:border-color .14s,transform .14s;display:flex}.about-page.svelte-cwls5q .difficulty-list:where(.svelte-cwls5q) a:where(.svelte-cwls5q):hover{border-color:var(--accent-color);transform:translateY(-1px)}.about-page.svelte-cwls5q .difficulty-list:where(.svelte-cwls5q) a:where(.svelte-cwls5q):focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}.about-page.svelte-cwls5q .difficulty-list:where(.svelte-cwls5q) a:where(.svelte-cwls5q) span:where(.svelte-cwls5q),.about-page.svelte-cwls5q .difficulty-list:where(.svelte-cwls5q) a:where(.svelte-cwls5q) strong:where(.svelte-cwls5q),.about-page.svelte-cwls5q .difficulty-list:where(.svelte-cwls5q) a:where(.svelte-cwls5q) small:where(.svelte-cwls5q){display:block}.about-page.svelte-cwls5q .difficulty-list:where(.svelte-cwls5q) a:where(.svelte-cwls5q) strong:where(.svelte-cwls5q){font-size:.9rem}.about-page.svelte-cwls5q .difficulty-list:where(.svelte-cwls5q) a:where(.svelte-cwls5q) small:where(.svelte-cwls5q){font-size:.75rem}.about-page.svelte-cwls5q .difficulty-list:where(.svelte-cwls5q) a:where(.svelte-cwls5q) b:where(.svelte-cwls5q){color:var(--accent-color);font-size:.85rem}.about-page.svelte-cwls5q .closing-card:where(.svelte-cwls5q){background-color:var(--surface-raised-color);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.about-page.svelte-cwls5q .closing-card:where(.svelte-cwls5q) div:where(.svelte-cwls5q){gap:.35rem;display:grid}.about-page.svelte-cwls5q .closing-card:where(.svelte-cwls5q) h3:where(.svelte-cwls5q){font-size:1.15rem;line-height:1.2}.about-page.svelte-cwls5q .closing-card:where(.svelte-cwls5q) p:where(.svelte-cwls5q):last-child{font-size:.8rem}.about-page.svelte-cwls5q .closing-card:where(.svelte-cwls5q) .button:where(.svelte-cwls5q){flex:none;padding:.6rem .9rem;font-size:.85rem;font-weight:700}@media only screen and (width<=460px){.about-page.svelte-cwls5q .hero:where(.svelte-cwls5q),.about-page.svelte-cwls5q .guide-card:where(.svelte-cwls5q),.about-page.svelte-cwls5q .closing-card:where(.svelte-cwls5q){padding:1rem}.about-page.svelte-cwls5q .hero:where(.svelte-cwls5q) .hero-copy:where(.svelte-cwls5q) h2:where(.svelte-cwls5q){font-size:1.7rem}.about-page.svelte-cwls5q .rule-example:where(.svelte-cwls5q){grid-template-columns:105px 1fr;gap:.75rem;padding:.75rem}.about-page.svelte-cwls5q .rules-list:where(.svelte-cwls5q){grid-template-columns:1fr}.about-page.svelte-cwls5q .rules-list:where(.svelte-cwls5q) li:where(.svelte-cwls5q){grid-template-columns:auto 1fr;align-items:center}.about-page.svelte-cwls5q .control-grid:where(.svelte-cwls5q){grid-template-columns:1fr}.about-page.svelte-cwls5q .closing-card:where(.svelte-cwls5q){flex-direction:column;align-items:flex-start}}