.pair-selector[data-astro-cid-njq7ekcg]{align-items:center;gap:calc(var(--spacing-unit) * .5);display:flex}.pair-selector[data-astro-cid-njq7ekcg] select[data-astro-cid-njq7ekcg]{font:inherit;padding:calc(var(--spacing-unit) * .5);border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-bg);color:var(--color-text)}:root{--color-primary:#00695c;--color-primary-hover:#004d40;--color-link:#00695c;--color-link-hover:#004d40;--color-accent-warm:#c1440e;--color-accent-warm-hover:#9c360b;--color-grade-good:#2563eb;--color-grade-good-hover:#1d4ed8;--color-bg:#fff;--color-bg-secondary:#f9fafb;--color-text:#1f2937;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-focus:#00695c;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--spacing-unit:8px;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--radius:4px;--radius-lg:8px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--transition-fast:.15s ease;--transition-normal:.25s ease}@media (prefers-color-scheme:dark){:root{--color-bg:#111827;--color-bg-secondary:#1f2937;--color-text:#f9fafb;--color-text-muted:#9ca3af;--color-border:#374151;--color-link:#5eead4;--color-link-hover:#99f6e4;--color-accent-warm:#f2875e;--color-accent-warm-hover:#f9ab86;--color-focus:#5eead4}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:1rem;line-height:1.6}.container{width:100%;max-width:800px;padding:0 calc(var(--spacing-unit) * 2);margin:0 auto}.site-header{border-bottom:1px solid var(--color-border);background-color:var(--color-bg);z-index:100;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:var(--spacing-unit) calc(var(--spacing-unit) * 2);min-height:64px;padding-top:var(--spacing-unit);padding-bottom:var(--spacing-unit);flex-wrap:wrap;display:flex}.nav__brand{font-family:var(--font-display);color:var(--color-link);white-space:nowrap;font-size:1.25rem;font-weight:700;text-decoration:none}.nav__brand:hover{text-decoration:underline}.nav__links{gap:calc(var(--spacing-unit) * 2);margin:0;padding:0;list-style:none;display:flex}.nav__link{color:var(--color-text);padding:var(--spacing-unit) 0;transition:border-color var(--transition-fast), color var(--transition-fast);border-bottom:2px solid #0000;font-weight:500;text-decoration:none}.nav__link:hover,.nav__link:focus{color:var(--color-link);border-bottom-color:var(--color-link);outline:none}.nav__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius)}.site-footer{border-top:1px solid var(--color-border);padding:calc(var(--spacing-unit) * 3) 0;margin-top:calc(var(--spacing-unit) * 6)}.footer__text{text-align:center;color:var(--color-text-muted);margin:0;font-size:.875rem}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--spacing-unit);font-family:var(--font-display);color:var(--color-text);font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-top:0;margin-bottom:var(--spacing-unit)}a{color:var(--color-link);text-underline-offset:2px;text-decoration:underline}a:hover{color:var(--color-link-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer}.btn{justify-content:center;align-items:center;gap:var(--spacing-unit);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);border-radius:var(--radius);transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;font-size:1rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--secondary{background-color:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{background-color:var(--color-border)}.btn--grade-again{background-color:var(--color-error);color:#fff}.btn--grade-again:hover{background-color:#b91c1c}.btn--grade-hard{background-color:var(--color-warning);color:#fff}.btn--grade-hard:hover{background-color:#b45309}.btn--grade-good{background-color:var(--color-grade-good);color:#fff}.btn--grade-good:hover{background-color:var(--color-grade-good-hover)}.btn--grade-easy{background-color:var(--color-success);color:#fff}.btn--grade-easy:hover{background-color:#15803d}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:calc(var(--spacing-unit) * 3);box-shadow:var(--shadow-sm)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge--a1{color:#1e40af;background-color:#dbeafe}.badge--a2{color:#166534;background-color:#dcfce7}.badge--b1{color:#92400e;background-color:#fef3c7}.badge--b2{color:#9d174d;background-color:#fce7f3}.badge--c1{color:#5b21b6;background-color:#ede9fe}.badge--c2{color:#9c360b;background-color:#ffe4d5}@media (prefers-color-scheme:dark){.badge--a1{color:#93c5fd;background-color:#1e3a5f}.badge--a2{color:#86efac;background-color:#14532d}.badge--b1{color:#fde047;background-color:#78350f}.badge--b2{color:#f9a8d4;background-color:#831843}.badge--c1{color:#ddd6fe;background-color:#4c1d95}.badge--c2{color:#fdba8c;background-color:#7c2d12}}.progress-bar{background-color:var(--color-bg-secondary);border-radius:9999px;width:100%;height:8px;overflow:hidden}.progress-bar__fill{background-color:var(--color-primary);height:100%;transition:width var(--transition-normal);border-radius:9999px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{padding:var(--spacing-unit) calc(var(--spacing-unit) * 2);background-color:var(--color-primary);color:#fff;border-radius:var(--radius);z-index:1000;font-weight:600;text-decoration:none;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:var(--spacing-unit)}