:root { color-scheme: dark;
  --color-primary:                #C2D010;
  --color-on-primary:             #2F3300;
  --color-primary-container:      #DDEC36;
  --color-on-primary-container:   #616900;
  --color-inverse-primary:        #5C6300;
  --color-secondary:              #C5CC7B;
  --color-on-secondary:           #2F3300;
  --color-secondary-container:    #454B04;
  --color-on-secondary-container: #B4BB6B;
  --color-tertiary:               #8BD1E4;
  --color-on-tertiary:            #003640;
  --color-tertiary-container:     #A7ECFF;
  --color-on-tertiary-container:  #1E6D7D;
  --color-error:                  #BA1A1A;
  --color-on-error:               #FFFFFF;
  --color-error-container:        #FFDAD6;
  --color-on-error-container:     #93000A;
  --color-background:             #111415;
  --color-on-background:          #E1E3E4;
  --color-surface:                #111415;
  --color-on-surface:             #E1E3E4;
  --color-surface-variant:        #40484B;
  --color-on-surface-variant:     #BFC8CC;
  --color-outline:                #899296;
  --color-outline-variant:        #40484B;
  --color-inverse-surface:        #E1E3E4;
  --color-inverse-on-surface:     #2E3132;
  --color-surface-container-lowest:  #0B0F10;
  --color-surface-container-low:     #191C1D;
  --color-surface-container:         #1D2021;
  --color-surface-container-high:    #272A2C;
  --color-surface-container-highest: #323536;
  --color-surface-tint:           #C2D010;
  --color-success:                #3DDC91;
  --color-on-success:             var(--color-on-surface);
  --color-success-container:      rgba(61, 220, 145, 0.12);
  --color-on-success-container:   var(--color-success);
  --color-warning:                #F5B544;
  --color-on-warning:             #050608;
  --color-warning-container:      rgba(245, 181, 68, 0.13);
  --color-on-warning-container:   var(--color-warning);
  --color-on-scrim:               #FFFFFF;
  --color-media-backdrop:         #000000;
  --color-brand-discord:          #5865F2;
  --color-state-hover:            rgba(225, 227, 228, 0.08);
  --color-focus-ring:             rgba(194, 208, 16, 0.16);
  --color-scrim:                  rgba(0, 0, 0, 0.72);
  --color-scrim-soft:             rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.3);
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --radius-sm: 1rem; --radius-md: 1.5rem; }
@media (prefers-color-scheme: light) {
  :root {
  color-scheme: light;
  --color-primary:                #5C6300;
  --color-on-primary:             #FFFFFF;
  --color-primary-container:      #DDEC36;
  --color-on-primary-container:   #616900;
  --color-inverse-primary:        #C2D010;
  --color-secondary:              #5D631D;
  --color-on-secondary:           #FFFFFF;
  --color-secondary-container:    #E2E994;
  --color-on-secondary-container: #636922;
  --color-tertiary:               #156778;
  --color-on-tertiary:            #FFFFFF;
  --color-tertiary-container:     #A7ECFF;
  --color-on-tertiary-container:  #1E6D7D;
  --color-error:                  #BA1A1A;
  --color-on-error:               #FFFFFF;
  --color-error-container:        #FFDAD6;
  --color-on-error-container:     #93000A;
  --color-background:             #F8F9FB;
  --color-on-background:          #191C1D;
  --color-surface:                #F8F9FB;
  --color-on-surface:             #191C1D;
  --color-surface-variant:        #DBE4E8;
  --color-on-surface-variant:     #40484B;
  --color-outline:                #70787C;
  --color-outline-variant:        #BFC8CC;
  --color-inverse-surface:        #2E3132;
  --color-inverse-on-surface:     #EFF1F2;
  --color-surface-container-lowest:  #FFFFFF;
  --color-surface-container-low:     #E9EBEC;
  --color-surface-container:         #ECEEEF;
  --color-surface-container-high:    #E7E8EA;
  --color-surface-container-highest: #E1E3E4;
  --color-surface-tint:           #5C6300;
  --color-success:                #1B7F4B;
  --color-on-success:             #FFFFFF;
  --color-success-container:      rgba(27, 127, 75, 0.12);
  --color-on-success-container:   var(--color-success);
  --color-warning:                #8A5A00;
  --color-on-warning:             #FFFFFF;
  --color-warning-container:      rgba(138, 90, 0, 0.13);
  --color-on-warning-container:   var(--color-warning);
  --color-state-hover:            rgba(25, 28, 29, 0.08);
  --color-focus-ring:             rgba(92, 99, 0, 0.16);
  --color-scrim:                  rgba(0, 0, 0, 0.72);
  }
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: var(--color-surface); color: var(--color-on-surface); font-family: var(--font-sans); line-height: 1.75; }
a { color: var(--color-primary); text-underline-offset: 0.15em; }
.site-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem;
  max-width: 70rem; margin: 0 auto; padding: 1rem; }
.site-header__brand { display: inline-flex; }
.site-header__brand img { display: block; height: 2rem; width: auto; }
.site-header__lang a { margin-left: 0.75rem; }
main { max-width: 70rem; margin: 0 auto; padding: 0 1rem 2rem; }
h1 { font-size: 1.875rem; font-style: italic; font-weight: 900; line-height: 1.3; margin-bottom: 0.5rem; }
.meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem 1.5rem; margin-bottom: 1.5rem;
  color: var(--color-on-surface-variant); font-size: 0.875rem; line-height: 1.5; }
.layout { display: grid; grid-template-columns: minmax(12rem, 16rem) minmax(0, 46rem); align-items: start; justify-content: center; gap: 2rem; }
.toc { position: sticky; top: 1rem; max-height: calc(100vh - 2rem); overflow-y: auto; padding: 1rem;
  border: 1px solid var(--color-outline-variant); border-radius: var(--radius-md); background: var(--color-surface-container-lowest); }
.toc ol { display: grid; gap: 0.25rem; margin: 0.75rem 0 0; padding-left: 1.25rem; }
.toc a { color: var(--color-on-surface-variant); font-size: 0.875rem; line-height: 1.4; text-decoration: none; }
.toc a:hover { color: var(--color-primary); }
.body { min-width: 0; }
.body section { margin-bottom: 2.5rem; scroll-margin-top: 1.5rem; }
.body h2 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 1rem; }
.body h3 { font-size: 1.05rem; margin: 1.5rem 0 0.5rem; }
.body p, .body ul, .body ol { margin-bottom: 1rem; }
.body ul, .body ol { padding-left: 1.5rem; }
.body li + li { margin-top: 0.4rem; }
.table-scroll { max-width: 100%; margin: 1rem 0 1.5rem; overflow-x: auto; border: 1px solid var(--color-outline-variant); border-radius: var(--radius-md); }
table { width: 100%; border-collapse: collapse; }
th, td { min-width: 8rem; padding: 0.75rem; border-bottom: 1px solid var(--color-outline-variant); text-align: left; vertical-align: top; }
th { background: var(--color-surface-container); }
.card, .callout { margin-bottom: 1rem; padding: 1rem; border: 1px solid var(--color-outline-variant); border-radius: var(--radius-md);
  background: var(--color-surface-container-lowest); }
address { white-space: pre-line; font-style: normal; }
.docs { max-width: 70rem; margin: 2rem auto 0; padding: 1rem; border-top: 1px solid var(--color-outline-variant); }
.docs ul { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; list-style: none; margin: 0.5rem 0 1rem; }
.docs p { color: var(--color-on-surface-variant); font-size: 0.875rem; line-height: 1.5; }
button { font: inherit; padding: 0.5rem 1rem; border: none; border-radius: 999px; cursor: pointer;
  background: var(--color-surface-container-high); color: var(--color-on-surface); }
@media (max-width: 900px) { .layout { grid-template-columns: minmax(0, 46rem); } .toc { position: static; max-height: none; } }
@media print { .toc, .site-header__lang, .docs ul, button { display: none; } body, a { background: #fff; color: #000; }
  .body a::after { content: " (" attr(href) ")"; } .table-scroll { overflow: visible; } }