@font-face { font-family: "Geist"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/geist-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Geist"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/geist-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Geist"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/geist-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Geist"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/geist-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --ink: #0D0D0D; --ink-soft: #55565F;
  --accent: #0F00FF; --accent-wash: #D1CFDB;
  --white: #E0DFD8; --white-rgb: 224, 223, 216; --paper: var(--white); --mist: #D5D4CE; --mist-2: #DAD9D2;
  --line: #C6C6BF; --line-dark: #383838;
  --font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --ease: cubic-bezier(.4, 0, .2, 1);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body {
  margin: 0; min-height: 100vh; display: flex; flex-direction: column;
  background: var(--paper); color: var(--ink);
  font-family: var(--font); font-size: 16px; line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .001ms !important; scroll-behavior: auto !important; }
}
img { max-width: 100%; display: block; }
a { color: inherit; }
ul, ol { margin: 0; padding: 0; }
h1, h2, h3, p { margin: 0; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.bar :focus-visible, footer :focus-visible { outline-color: var(--white); }
::selection { background: var(--accent); color: var(--white); }

h1, h2, h3, thead th, .bar a.back { font-family: var(--font-display); }

.skip-link {
  position: absolute; top: -60px; left: 12px; z-index: 300;
  background: var(--ink); color: var(--white); padding: 10px 16px;
  font-size: 14px; font-weight: 600; text-decoration: none;
  transition: top .18s var(--ease);
}
.skip-link:focus { top: 12px; }

.bar { background: var(--ink); border-bottom: 1px solid var(--line-dark); }
.bar-inner {
  max-width: 900px; margin: 0 auto; padding: 16px 28px;
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.logo { --logo-size: 46px; display: flex; align-items: center; color: var(--white); text-decoration: none; }
.logo-art { height: var(--logo-size); width: auto; flex-shrink: 0; overflow: visible; }
.logo-art .lm-dot { transform-box: fill-box; transform-origin: 50% 100%; transition: transform .32s cubic-bezier(.215, .61, .355, 1); }
@media (hover: hover) and (pointer: fine) { .logo:hover .lm-dot { transform: translateY(-14%); } }
.bar a.back { font-size: 15.5px; font-weight: 600; letter-spacing: .01em; color: rgba(var(--white-rgb),.76); text-decoration: none; }
.bar a.back:hover { color: var(--white); }

main { flex: 1; max-width: 900px; width: 100%; margin: 0 auto; padding: clamp(36px, 6vw, 64px) 28px clamp(56px, 8vw, 88px); }

.doc-rule { height: 0; margin: 0; padding-top: 22px; }
.doc-rule + h1::before {
  --g: clamp(10px, 1.1vw, 14px); --cap: .63em;
  content: ""; display: inline-block; box-sizing: border-box; vertical-align: baseline; pointer-events: none;
  width: calc(var(--cap) + 2 * var(--g) + 4px); height: calc(var(--cap) + 2 * var(--g) + 4px);
  margin: calc(0px - var(--g) - 4px) calc(0px - var(--cap) - var(--g)) calc(0px - var(--g)) calc(0px - var(--g) - 4px);
  border-top: 4px solid currentColor; border-left: 4px solid currentColor;
}
@supports (height: 1cap) { .doc-rule + h1::before { --cap: 1cap; } }
h1 { font-size: clamp(30px, 4.4vw, 44px); line-height: 1.1; font-weight: 700; letter-spacing: -.012em; }

.doc-stamp { margin-top: 16px; font-size: 13.5px; color: var(--ink-soft); }

.toc { margin-top: clamp(30px, 4vw, 42px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 22px 0; }
.doc .toc h2 { margin-top: 0; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px; }
.doc .toc ol { margin-top: 0; list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 28px; }
.doc .toc li { margin-top: 0; padding-left: 0; font-size: 15px; color: var(--ink); }
.doc .toc li::before { content: none; }
.doc .toc a { color: var(--ink); text-decoration: none; }
.doc .toc a:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 620px) { .doc .toc ol { grid-template-columns: 1fr; } }

h2 { font-size: clamp(21px, 2.4vw, 26px); line-height: 1.22; font-weight: 700; letter-spacing: -.004em; }
.doc h2 { margin-top: clamp(34px, 4.5vw, 50px); }
h3 { font-size: 18px; font-weight: 600; line-height: 1.3; }
.doc h3 { margin-top: 26px; }
.doc p { margin-top: 14px; font-size: 16px; line-height: 1.68; color: var(--ink-soft); }
.doc ul, .doc ol { margin-top: 14px; list-style: none; }
.doc li { position: relative; padding-left: 20px; margin-top: 9px; font-size: 15.5px; line-height: 1.62; color: var(--ink-soft); }
.doc ul > li::before { content: ""; position: absolute; left: 2px; top: 12px; width: 6px; height: 1px; background: var(--accent); }
.doc ol { counter-reset: step; }
.doc ol > li { counter-increment: step; padding-left: 30px; }
.doc ol > li::before { content: counter(step) "."; position: absolute; left: 0; top: 1px; font-family: var(--font-display); font-size: 13.5px; font-weight: 700; color: var(--accent); }
.doc li > ul, .doc li > ol { margin-top: 6px; }
.doc li > p { margin-top: 0; font-size: inherit; line-height: inherit; }
.doc a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
strong { color: var(--ink); font-weight: 600; }
.doc blockquote { margin: 20px 0 0; background: var(--mist-2); border: 1px solid var(--line); border-left: 3px solid var(--accent); padding: 6px 22px 20px; }
.doc code { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: .9em; background: var(--mist); padding: 1px 5px; }

table { width: 100%; border-collapse: collapse; margin-top: 18px; font-size: 14.5px; }
th, td { text-align: left; vertical-align: top; padding: 11px 14px 11px 0; border-bottom: 1px solid var(--line); line-height: 1.55; }
thead th { font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); }
tbody th { font-family: var(--font); font-size: 14.5px; font-weight: 600; color: var(--ink); width: 32%; padding-right: 22px; }
td { color: var(--ink-soft); }
tbody td:first-child { color: var(--ink); font-weight: 500; }
.table-wrap { overflow-x: auto; }

footer {
  background: var(--ink); color: rgba(var(--white-rgb),.6);
  font-size: 13.5px; line-height: 1.6;
}
.foot-inner { max-width: 900px; margin: 0 auto; padding: 30px 28px; display: flex; flex-wrap: wrap; gap: 10px 26px; justify-content: space-between; }
footer a { color: rgba(var(--white-rgb),.72); }
.foot-links { display: flex; flex-wrap: wrap; gap: 18px; }