:root{--font:"Armata", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:var(--font);--font-code:ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;font-family:var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;--black:#000;--gray:gray;--white:#fff;--accent:var(--black);--accent-strong:var(--black);--accent-light:var(--gray);--accent-soft:var(--gray);--sun:var(--gray);--sun-light:var(--gray);--sun-soft:var(--gray);--port:var(--black);--paper:#f9f9f9;--core:#0b3fd8;--core-soft:#0b3fd84d;--core-2:#b7505a;--core-3:#e07a2e;--core-mid:#6a68c0;--title-size:2rem;--title-weight:700;--title-tracking:-.02em;--title-color:var(--text-strong);--status-ok:#1f9d55;--status-bad:#d64545;--status-busy:var(--core-3);--heading:var(--core);--selected-bg:var(--core-soft);--selected-ring:var(--black);--highlight-bg:var(--core-soft);--submit-bg:var(--core-soft);--submit-bg-hover:#0b3fd873;--submit-fg:var(--black);--switch-bg:var(--paper);--row-hover:#0000000d;--card-hover-shadow:0 6px 18px #0000001f;--dock-w:clamp(360px, 34vw, 560px);--chequer-light-a:var(--white);--chequer-light-b:color-mix(in srgb, var(--gray) 20%, var(--white));--chequer-dark-a:color-mix(in srgb, var(--gray) 35%, var(--black));--chequer-dark-b:color-mix(in srgb, var(--gray) 55%, var(--black));--cite-passage:#fdf3a6;--cite-key:#ffdc3c;--bar-gradient:linear-gradient(90deg, var(--core) 0%, var(--core-mid) 48%, var(--core-3) 100%);--chart-1:var(--core);--chart-1-soft:var(--core-soft);--chart-2:var(--core-mid);--chart-2-soft:#6a68c04d;--chart-3:var(--core-3);--chart-3-soft:#e07a2e4d;--chart-4:#1f9e89;--chart-5:#b7505a;--chart-other:#9a9aa6;--item-template:#0b3fd8;--item-writing-guidelines:#6a68c0;--item-design-system:#b7505a;--item-glossary:#e07a2e;--bg:var(--paper);--sidebar:var(--white);--surface:var(--white);--surface-2:var(--white);--border:var(--gray);--text-strong:var(--black);--text:var(--black);--text-muted:var(--gray);color:var(--text);background-color:var(--bg);font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}@property --sweep{syntax:"<angle>";inherits:false;initial-value:0deg}.attention{position:relative}.attention:before{content:"";border-radius:inherit;background:conic-gradient(from var(--sweep), var(--chart-1), var(--chart-2), var(--chart-3), var(--chart-2), var(--chart-1));-webkit-mask-composite:xor;pointer-events:none;padding:2px;animation:3.2s linear infinite attention-sweep;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes attention-sweep{0%{--sweep:0deg}to{--sweep:360deg}}@media (prefers-reduced-motion:reduce){.attention:before{animation:none}}svg[aria-hidden=true]{vertical-align:-.15em}input,textarea,select{font-family:inherit}button{background-color:var(--white);font-family:inherit;transition:border-color .2s,background-color .2s}button:hover:not(:disabled){border-color:var(--accent)}code{font-family:var(--font-mono);background:var(--white);border:1px solid var(--border);border-radius:4px;padding:.1em .3em}html,body{-webkit-tap-highlight-color:transparent;width:100%;height:100%;overflow-x:hidden}.chequer{background:conic-gradient(var(--chequer-light-b) 25%, var(--chequer-light-a) 0 50%, var(--chequer-light-b) 0 75%, var(--chequer-light-a) 0) 0 0 / var(--chequer-size,12px) var(--chequer-size,12px)}.chequer.dark{background:conic-gradient(var(--chequer-dark-b) 25%, var(--chequer-dark-a) 0 50%, var(--chequer-dark-b) 0 75%, var(--chequer-dark-a) 0) 0 0 / var(--chequer-size,12px) var(--chequer-size,12px)}.touch-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-x;overflow-x:auto}@media (width<=1024px){button,input,select,textarea{touch-action:manipulation}}
