.accordion{max-width:1120px;margin:2rem auto;display:flex;flex-direction:column;gap:.75rem}.accordion-item{background:var(--bg-surface-container);border-radius:var(--radius-container);box-shadow:var(--shadow-1);overflow:hidden}.accordion-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:.9375rem;color:var(--fg-primary);background-color:var(--bg-surface-container);padding:1rem 1.5rem;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.accordion-title:hover{background-color:var(--bg-selection-container-hover)}.accordion-title div:last-child{font-size:1.25rem;font-weight:400;color:var(--fg-tertiary);width:1.5rem;text-align:center;flex-shrink:0}.accordion-draw{padding:.25rem .75rem .75rem 1.5rem}.accordion-draw a{text-decoration:none;display:block}.accordion-content{text-align:left;padding:.625rem 1rem;font-size:.875rem;font-weight:400;color:var(--fg-secondary);border-radius:var(--radius-small);transition:background-color .2s ease,color .2s ease}.accordion-content:hover{background-color:var(--bg-selection-container-hover);color:var(--fg-primary);cursor:pointer}.accordion-draw .accordion-item{box-shadow:none;background:var(--bg-surface-nested);border-radius:var(--radius-nested);margin-top:.25rem}.accordion-draw .accordion-title{background:var(--bg-surface-nested);font-size:.875rem;padding:.75rem 1.25rem}.accordion-draw .accordion-title:hover{background-color:var(--bg-selection-container-hover)}@media screen and (max-width: 700px){.accordion{width:100%;margin:1rem auto}.accordion-title{padding:.875rem 1rem;font-size:.875rem}}#root{max-width:1120px;margin:0 auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;background-color:var(--bg-surface-container-inverted);position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.site-logo{height:2rem}.logo-link{display:flex;align-items:center;text-decoration:none}.back-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--fg-primary-inverted);text-decoration:none;opacity:.7;transition:opacity .2s ease;cursor:pointer}.back-link:hover{opacity:1}.page-header{padding:2.5rem 0 1rem}.page-title{font-family:"DM Serif Display",serif;font-size:1.75rem;font-weight:400;color:var(--fg-primary);line-height:1.25;margin:0}:root{--color-neutral-white: #ffffff;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-150: #ebebeb;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-850: #1f1f1f;--color-neutral-900: #171717;--color-neutral-950: #0a0a0a;--color-neutral-black: #000000;--fg-primary: var(--color-neutral-950);--fg-primary-inverted: var(--color-neutral-100);--fg-secondary: var(--color-neutral-600);--fg-tertiary: var(--color-neutral-500);--bg-surface-main: var(--color-neutral-50);--bg-surface-container: var(--color-neutral-white);--bg-surface-nested: var(--color-neutral-50);--bg-surface-container-inverted: var(--color-neutral-900);--bg-selection-container-hover: var(--color-neutral-100);--border-divider: var(--color-neutral-100);--shadow-1: 0 4px 24px -4px rgba(0, 0, 0, .16);--radius-container: 16px;--radius-nested: 12px;--radius-small: 8px;--focus-ring: #000000}*{margin:0;padding:0;box-sizing:border-box}*:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:none}body{font-family:Inter,system-ui,sans-serif;font-size:16px;background:var(--bg-surface-main);color:var(--fg-primary)}h1{text-align:center;margin:2rem 0 4rem}@media screen and (max-width: 700px){body{font-size:15px}}