*, :before, :after {
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:#e5e7eb;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent;
}

body {
  margin:0;
  line-height:inherit;
}

hr {
  height:0;
  color:inherit;
  border-top-width:1px;
}

abbr:where([title]) {
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size:inherit;
  font-weight:inherit;
}

a {
  color:inherit;
  text-decoration:inherit;
}

b, strong {
  font-weight:bolder;
}

code, kbd, samp, pre {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em;
}

small {
  font-size:80%;
}

sub, sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub {
  bottom:-.25em;
}

sup {
  top:-.5em;
}

table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse;
}

button, input, optgroup, select, textarea {
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  color:inherit;
  margin:0;
  padding:0;
}

button, select {
  text-transform:none;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none;
}

:-moz-focusring {
  outline:auto;
}

:-moz-ui-invalid {
  box-shadow:none;
}

progress {
  vertical-align:baseline;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height:auto;
}

[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px;
}

::-webkit-search-decoration {
  -webkit-appearance:none;
}

::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit;
}

summary {
  display:list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin:0;
}

fieldset {
  margin:0;
  padding:0;
}

legend {
  padding:0;
}

ol, ul, menu {
  list-style:none;
  margin:0;
  padding:0;
}

dialog {
  padding:0;
}

textarea {
  resize:vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity:1;
  color:#9ca3af;
}

input::placeholder, textarea::placeholder {
  opacity:1;
  color:#9ca3af;
}

button, [role=button] {
  cursor:pointer;
}

:disabled {
  cursor:default;
}

img, svg, video, canvas, audio, iframe, embed, object {
  display:block;
  vertical-align:middle;
}

img, video {
  max-width:100%;
  height:auto;
}

[hidden] {
  display:none;
}

:root {
  --color-text-main: 23 23 23;
  --color-bg-main: 242 241 236;
  --color-bg-muted: 234 233 225;
  --color-border-main: 23 23 23;
}

html.dark {
  --color-text-main: 242 241 236;
  --color-bg-main: 23 23 23;
  --color-bg-muted: 36 36 36;
  --color-border-main: 242 241 236;
}

*, :before, :after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
}

.prose {
  color:var(--tw-prose-body);
  max-width:65ch;
}

.prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:1.25em;
  margin-bottom:1.25em;
}

.prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:var(--tw-prose-lead);
  font-size:1.25em;
  line-height:1.6;
  margin-top:1.2em;
  margin-bottom:1.2em;
}

.prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:var(--tw-prose-links);
  text-decoration:underline;
  font-weight:400;
  text-decoration-style:dashed;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}

.prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)):hover {
  text-decoration-style:solid;
}

.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:var(--tw-prose-bold);
  font-weight:600;
}

.prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:inherit;
}

.prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:inherit;
}

.prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:inherit;
}

.prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type:decimal;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-left:1.625em;
}

.prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type:upper-alpha;
}

.prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type:lower-alpha;
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type:upper-alpha;
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type:lower-alpha;
}

.prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type:upper-roman;
}

.prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type:lower-roman;
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type:upper-roman;
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type:lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type:decimal;
}

.prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type:disc;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-left:1.625em;
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
  font-weight:400;
  color:var(--tw-prose-counters);
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
  color:var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:1.25em;
}

.prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-color:var(--tw-prose-hr);
  border-top-width:1px;
  margin-top:3em;
  margin-bottom:3em;
}

.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight:400;
  font-style:italic;
  color:var(--tw-prose-quotes);
  border-left-width:.25rem;
  border-left-color:var(--tw-prose-quote-borders);
  quotes:"“""”""‘""’";
  margin-top:1.6em;
  margin-bottom:1.6em;
  padding-left:0;
  border:0;
  font-family:Newsreader;
  font-family:ui-serif;
  font-family:Georgia;
  font-family:Cambria;
  font-family:Times New Roman;
  font-family:Times;
  font-family:serif;
  font-size:1.3125em;
  line-height:1.4;
}

@media (min-width: 640px) {
  .prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size:1.66667em;
    line-height:1.3;
  }
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
  content:open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
  content:close-quote;
}

.prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:var(--tw-prose-headings);
  font-weight:800;
  font-size:2.25em;
  margin-top:0;
  margin-bottom:.8888889em;
  line-height:1.1111111;
}

.prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight:900;
  color:inherit;
}

.prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:var(--tw-prose-headings);
  font-weight:700;
  font-size:1.5em;
  margin-top:2em;
  margin-bottom:1em;
  line-height:1.3333333;
}

.prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight:800;
  color:inherit;
}

.prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:var(--tw-prose-headings);
  font-weight:600;
  font-size:1.25em;
  margin-top:1.6em;
  margin-bottom:.6em;
  line-height:1.6;
}

.prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight:700;
  color:inherit;
}

.prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:1.5em;
  margin-bottom:.5em;
  line-height:1.5;
}

.prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight:700;
  color:inherit;
}

.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:2em;
  margin-bottom:2em;
}

.prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
  display:block;
  margin-top:2em;
  margin-bottom:2em;
}

.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight:500;
  font-family:inherit;
  color:var(--tw-prose-kbd);
  box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size:.875em;
  border-radius:.3125rem;
  padding:.1875em .375em;
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:var(--tw-prose-code);
  font-weight:600;
  font-size:.875em;
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
  content:"`";
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
  content:"`";
}

.prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:inherit;
}

.prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:inherit;
}

.prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:inherit;
  font-size:.875em;
}

.prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:inherit;
  font-size:.9em;
}

.prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:inherit;
}

.prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:inherit;
}

.prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:inherit;
}

.prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:var(--tw-prose-pre-code);
  background-color:var(--tw-prose-pre-bg);
  overflow-x:auto;
  font-weight:400;
  font-size:.875em;
  line-height:1.7142857;
  margin-top:1.7142857em;
  margin-bottom:1.7142857em;
  border-radius:.375rem;
  padding:.8571429em 1.1428571em;
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  background-color:transparent;
  border-width:0;
  border-radius:0;
  padding:0;
  font-weight:inherit;
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  line-height:inherit;
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
  content:none;
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
  content:none;
}

.prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
  width:100%;
  table-layout:auto;
  text-align:left;
  margin-top:2em;
  margin-bottom:2em;
  font-size:.875em;
  line-height:1.7142857;
}

.prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:var(--tw-prose-headings);
  font-weight:600;
  vertical-align:bottom;
  padding-right:.5714286em;
  padding-bottom:.5714286em;
  padding-left:.5714286em;
}

.prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-bottom-width:0;
}

.prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
  vertical-align:baseline;
}

.prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-top-width:1px;
  border-top-color:var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
  vertical-align:top;
}

.prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:0;
  margin-bottom:0;
}

.prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color:var(--tw-prose-captions);
  font-size:.875em;
  line-height:1.4285714;
  margin-top:.8571429em;
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size:1rem;
  line-height:1.75;
}

.prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:0;
  margin-bottom:0;
}

.prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:2em;
  margin-bottom:2em;
}

.prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:.5em;
  margin-bottom:.5em;
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-left:.375em;
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-left:.375em;
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:.75em;
  margin-bottom:.75em;
}

.prose :where(.prose>ul>li>*:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:1.25em;
}

.prose :where(.prose>ul>li>*:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-bottom:1.25em;
}

.prose :where(.prose>ol>li>*:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:1.25em;
}

.prose :where(.prose>ol>li>*:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-bottom:1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:.75em;
  margin-bottom:.75em;
}

.prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:1.25em;
  margin-bottom:1.25em;
}

.prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:.5em;
  padding-left:1.625em;
}

.prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:0;
}

.prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:0;
}

.prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:0;
}

.prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:0;
}

.prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-left:0;
}

.prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-right:0;
}

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding:.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-left:0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-right:0;
}

.prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:2em;
  margin-bottom:2em;
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top:0;
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-bottom:0;
}

.prose :where(h1, h2, h3, h4, h5, h6):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-family:Newsreader;
  font-family:ui-serif;
  font-family:Georgia;
  font-family:Cambria;
  font-family:Times New Roman;
  font-family:Times;
  font-family:serif;
  font-weight:500;
}

.prose-dante {
  --tw-prose-body: rgb(var(--color-text-main) / 100%);
  --tw-prose-headings: rgb(var(--color-text-main) / 100%);
  --tw-prose-lead: rgb(var(--color-text-main) / 100%);
  --tw-prose-links: rgb(var(--color-text-main) / 100%);
  --tw-prose-bold: rgb(var(--color-text-main) / 100%);
  --tw-prose-counters: rgb(var(--color-text-main) / 100%);
  --tw-prose-bullets: rgb(var(--color-text-main) / 100%);
  --tw-prose-hr: rgb(var(--color-border-main) / 100%);
  --tw-prose-quotes: rgb(var(--color-text-main) / 100%);
  --tw-prose-quote-borders: rgb(var(--color-border-main) / 100%);
  --tw-prose-captions: rgb(var(--color-text-main) / 100%);
  --tw-prose-code: rgb(var(--color-text-main) / 100%);
  --tw-prose-pre-code: #f4f4f5;
  --tw-prose-pre-bg: #27272a;
  --tw-prose-th-borders: rgb(var(--color-border-main) / 100%);
  --tw-prose-td-borders: rgb(var(--color-border-main) / 100%);
}

.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border-width:0;
}

.visible {
  visibility:visible;
}

.invisible {
  visibility:hidden;
}

.absolute {
  position:absolute;
}

.relative {
  position:relative;
}

.sticky {
  position:sticky;
}

.-left-2 {
  left:-.5rem;
}

.-left-2\.5 {
  left:-.625rem;
}

.-top-2 {
  top:-.5rem;
}

.-top-2\.5 {
  top:-.625rem;
}

.left-0 {
  left:0;
}

.left-1\/2 {
  left:50%;
}

.right-0 {
  right:0;
}

.top-0 {
  top:0;
}

.top-1\/2 {
  top:50%;
}

.top-4 {
  top:1rem;
}

.z-10 {
  z-index:10;
}

.z-20 {
  z-index:20;
}

.z-30 {
  z-index:30;
}

.mx-auto {
  margin-left:auto;
  margin-right:auto;
}

.my-12 {
  margin-top:3rem;
  margin-bottom:3rem;
}

.my-16 {
  margin-top:4rem;
  margin-bottom:4rem;
}

.-ml-1 {
  margin-left:-.25rem;
}

.-mr-2 {
  margin-right:-.5rem;
}

.-mt-1 {
  margin-top:-.25rem;
}

.mb-10 {
  margin-bottom:2.5rem;
}

.mb-12 {
  margin-bottom:3rem;
}

.mb-16 {
  margin-bottom:4rem;
}

.mb-4 {
  margin-bottom:1rem;
}

.mb-8 {
  margin-bottom:2rem;
}

.mt-1 {
  margin-top:.25rem;
}

.mt-1\.5 {
  margin-top:.375rem;
}

.mt-12 {
  margin-top:3rem;
}

.mt-3 {
  margin-top:.75rem;
}

.mt-4 {
  margin-top:1rem;
}

.mt-8 {
  margin-top:2rem;
}

.block {
  display:block;
}

.flex {
  display:flex;
}

.inline-flex {
  display:inline-flex;
}

.table {
  display:table;
}

.hidden {
  display:none;
}

.h-0 {
  height:0px;
}

.h-0\.5 {
  height:.125rem;
}

.h-4 {
  height:1rem;
}

.h-5 {
  height:1.25rem;
}

.h-8 {
  height:2rem;
}

.h-9 {
  height:2.25rem;
}

.h-px {
  height:1px;
}

.max-h-12 {
  max-height:3rem;
}

.min-h-10 {
  min-height:2.5rem;
}

.min-h-screen {
  min-height:100vh;
}

.w-4 {
  width:1rem;
}

.w-5 {
  width:1.25rem;
}

.w-6 {
  width:1.5rem;
}

.w-8 {
  width:2rem;
}

.w-full {
  width:100%;
}

.max-w-3xl {
  max-width:48rem;
}

.max-w-64 {
  max-width:16rem;
}

.max-w-none {
  max-width:none;
}

.max-w-xl {
  max-width:36rem;
}

.grow {
  flex-grow:1;
}

.origin-center {
  transform-origin:center;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resize {
  resize:both;
}

.flex-col {
  flex-direction:column;
}

.flex-wrap {
  flex-wrap:wrap;
}

.items-start {
  align-items:flex-start;
}

.items-center {
  align-items:center;
}

.justify-center {
  justify-content:center;
}

.justify-between {
  justify-content:space-between;
}

.gap-1 {
  gap:.25rem;
}

.gap-3 {
  gap:.75rem;
}

.gap-3\.5 {
  gap:.875rem;
}

.gap-4 {
  gap:1rem;
}

.gap-6 {
  gap:1.5rem;
}

.gap-8 {
  gap:2rem;
}

.gap-x-5 {
  -moz-column-gap:1.25rem;
  column-gap:1.25rem;
}

.gap-y-1 {
  row-gap:.25rem;
}

.break-words {
  overflow-wrap:break-word;
}

.rounded-full {
  border-radius:9999px;
}

.border {
  border-width:1px;
}

.border-t-0 {
  border-top-width:0px;
}

.border-dashed {
  border-style:dashed;
}

.border-main {
  --tw-border-opacity: 1;
  border-color:rgb(var(--color-border-main) / var(--tw-border-opacity));
}

.bg-current {
  background-color:currentColor;
}

.bg-main {
  --tw-bg-opacity: 1;
  background-color:rgb(var(--color-bg-main) / var(--tw-bg-opacity));
}

.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color:rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-transparent {
  background-color:transparent;
}

.fill-current {
  fill:currentColor;
}

.p-2 {
  padding:.5rem;
}

.px-12 {
  padding-left:3rem;
  padding-right:3rem;
}

.px-3 {
  padding-left:.75rem;
  padding-right:.75rem;
}

.px-4 {
  padding-left:1rem;
  padding-right:1rem;
}

.px-5 {
  padding-left:1.25rem;
  padding-right:1.25rem;
}

.px-6 {
  padding-left:1.5rem;
  padding-right:1.5rem;
}

.px-8 {
  padding-left:2rem;
  padding-right:2rem;
}

.py-1 {
  padding-top:.25rem;
  padding-bottom:.25rem;
}

.py-12 {
  padding-top:3rem;
  padding-bottom:3rem;
}

.py-2 {
  padding-top:.5rem;
  padding-bottom:.5rem;
}

.pb-10 {
  padding-bottom:2.5rem;
}

.pb-12 {
  padding-bottom:3rem;
}

.pt-12 {
  padding-top:3rem;
}

.pt-16 {
  padding-top:4rem;
}

.pt-4 {
  padding-top:1rem;
}

.text-center {
  text-align:center;
}

.font-serif {
  font-family:Newsreader,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;
}

.text-2xl {
  font-size:1.5rem;
  line-height:2rem;
}

.text-3xl {
  font-size:1.875rem;
  line-height:2.25rem;
}

.text-sm {
  font-size:.875rem;
  line-height:1.25rem;
}

.text-xl {
  font-size:1.25rem;
  line-height:1.75rem;
}

.text-xs {
  font-size:.75rem;
  line-height:1rem;
}

.font-medium {
  font-weight:500;
}

.uppercase {
  text-transform:uppercase;
}

.italic {
  font-style:italic;
}

.leading-normal {
  line-height:1.5;
}

.leading-tight {
  line-height:1.25;
}

.text-main {
  --tw-text-opacity: 1;
  color:rgb(var(--color-text-main) / var(--tw-text-opacity));
}

.underline {
  text-decoration-line:underline;
}

.decoration-1 {
  text-decoration-thickness:1px;
}

.underline-offset-2 {
  text-underline-offset:2px;
}

.antialiased {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.opacity-0 {
  opacity:0;
}

.opacity-100 {
  opacity:1;
}

.filter {
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
}

@media (min-width: 640px) {
  .sm\:prose-lg {
    font-size:1.125rem;
    line-height:1.7777778;
  }
  .sm\:prose-lg :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:1.3333333em;
    margin-bottom:1.3333333em;
  }
  .sm\:prose-lg :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size:1.2222222em;
    line-height:1.4545455;
    margin-top:1.0909091em;
    margin-bottom:1.0909091em;
  }
  .sm\:prose-lg :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:1.6666667em;
    margin-bottom:1.6666667em;
    padding-left:0;
  }
  .sm\:prose-lg :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size:2.6666667em;
    margin-top:0;
    margin-bottom:.8333333em;
    line-height:1;
  }
  .sm\:prose-lg :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size:1.6666667em;
    margin-top:1.8666667em;
    margin-bottom:1.0666667em;
    line-height:1.3333333;
  }
  .sm\:prose-lg :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size:1.3333333em;
    margin-top:1.6666667em;
    margin-bottom:.6666667em;
    line-height:1.5;
  }
  .sm\:prose-lg :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:1.7777778em;
    margin-bottom:.4444444em;
    line-height:1.5555556;
  }
  .sm\:prose-lg :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:1.7777778em;
    margin-bottom:1.7777778em;
  }
  .sm\:prose-lg :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:1.7777778em;
    margin-bottom:1.7777778em;
  }
  .sm\:prose-lg :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0;
  }
  .sm\:prose-lg :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:1.7777778em;
    margin-bottom:1.7777778em;
  }
  .sm\:prose-lg :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size:.8888889em;
    border-radius:.3125rem;
    padding:.2222222em .4444444em;
  }
  .sm\:prose-lg :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size:.8888889em;
  }
  .sm\:prose-lg :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size:.8666667em;
  }
  .sm\:prose-lg :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size:.875em;
  }
  .sm\:prose-lg :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size:.8888889em;
    line-height:1.75;
    margin-top:2em;
    margin-bottom:2em;
    border-radius:.375rem;
    padding:1em 1.5em;
  }
  .sm\:prose-lg :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:1.3333333em;
    margin-bottom:1.3333333em;
    padding-left:1.5555556em;
  }
  .sm\:prose-lg :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:1.3333333em;
    margin-bottom:1.3333333em;
    padding-left:1.5555556em;
  }
  .sm\:prose-lg :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:.6666667em;
    margin-bottom:.6666667em;
  }
  .sm\:prose-lg :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-left:.4444444em;
  }
  .sm\:prose-lg :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-left:.4444444em;
  }
  .sm\:prose-lg :where(.sm\:prose-lg>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:.8888889em;
    margin-bottom:.8888889em;
  }
  .sm\:prose-lg :where(.sm\:prose-lg>ul>li>*:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:1.3333333em;
  }
  .sm\:prose-lg :where(.sm\:prose-lg>ul>li>*:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom:1.3333333em;
  }
  .sm\:prose-lg :where(.sm\:prose-lg>ol>li>*:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:1.3333333em;
  }
  .sm\:prose-lg :where(.sm\:prose-lg>ol>li>*:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom:1.3333333em;
  }
  .sm\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:.8888889em;
    margin-bottom:.8888889em;
  }
  .sm\:prose-lg :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:1.3333333em;
    margin-bottom:1.3333333em;
  }
  .sm\:prose-lg :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:1.3333333em;
  }
  .sm\:prose-lg :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:.6666667em;
    padding-left:1.5555556em;
  }
  .sm\:prose-lg :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:3.1111111em;
    margin-bottom:3.1111111em;
  }
  .sm\:prose-lg :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:0;
  }
  .sm\:prose-lg :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:0;
  }
  .sm\:prose-lg :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:0;
  }
  .sm\:prose-lg :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:0;
  }
  .sm\:prose-lg :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size:.8888889em;
    line-height:1.5;
  }
  .sm\:prose-lg :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-right:.75em;
    padding-bottom:.75em;
    padding-left:.75em;
  }
  .sm\:prose-lg :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-left:0;
  }
  .sm\:prose-lg :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-right:0;
  }
  .sm\:prose-lg :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding:.75em;
  }
  .sm\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-left:0;
  }
  .sm\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-right:0;
  }
  .sm\:prose-lg :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:1.7777778em;
    margin-bottom:1.7777778em;
  }
  .sm\:prose-lg :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0;
  }
  .sm\:prose-lg :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size:.8888889em;
    line-height:1.5;
    margin-top:1em;
  }
  .sm\:prose-lg :where(.sm\:prose-lg>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top:0;
  }
  .sm\:prose-lg :where(.sm\:prose-lg>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom:0;
  }
}

.placeholder\:text-main\/60::-moz-placeholder {
  color:rgb(var(--color-text-main) / .6);
}

.placeholder\:text-main\/60::placeholder {
  color:rgb(var(--color-text-main) / .6);
}

.hover\:bg-muted:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(var(--color-bg-muted) / var(--tw-bg-opacity));
}

.hover\:underline:hover {
  text-decoration-line:underline;
}

.hover\:decoration-1:hover {
  text-decoration-thickness:1px;
}

.hover\:underline-offset-2:hover {
  text-underline-offset:2px;
}

.focus\:outline-none:focus {
  outline:2px solid transparent;
  outline-offset:2px;
}

.group:hover .group-hover\:underline {
  text-decoration-line:underline;
}

.group:hover .group-hover\:decoration-dashed {
  text-decoration-style:dashed;
}

.group:hover .group-hover\:decoration-1 {
  text-decoration-thickness:1px;
}

.group:hover .group-hover\:underline-offset-4 {
  text-underline-offset:4px;
}

.group:hover .group-hover\:opacity-100 {
  opacity:1;
}

:is(.dark .dark\:opacity-50) {
  opacity:.5;
}

@media (min-width: 640px) {
  .sm\:my-24 {
    margin-top:6rem;
    margin-bottom:6rem;
  }
  .sm\:mb-12 {
    margin-bottom:3rem;
  }
  .sm\:mb-16 {
    margin-bottom:4rem;
  }
  .sm\:mb-24 {
    margin-bottom:6rem;
  }
  .sm\:mt-12 {
    margin-top:3rem;
  }
  .sm\:mt-16 {
    margin-top:4rem;
  }
  .sm\:inline-flex {
    display:inline-flex;
  }
  .sm\:min-h-14 {
    min-height:3.5rem;
  }
  .sm\:w-auto {
    width:auto;
  }
  .sm\:shrink-0 {
    flex-shrink:0;
  }
  .sm\:flex-row {
    flex-direction:row;
  }
  .sm\:flex-row-reverse {
    flex-direction:row-reverse;
  }
  .sm\:items-center {
    align-items:center;
  }
  .sm\:justify-between {
    justify-content:space-between;
  }
  .sm\:gap-1 {
    gap:.25rem;
  }
  .sm\:px-12 {
    padding-left:3rem;
    padding-right:3rem;
  }
  .sm\:py-16 {
    padding-top:4rem;
    padding-bottom:4rem;
  }
  .sm\:pb-14 {
    padding-bottom:3.5rem;
  }
  .sm\:pb-24 {
    padding-bottom:6rem;
  }
  .sm\:pt-24 {
    padding-top:6rem;
  }
  .sm\:text-2xl {
    font-size:1.5rem;
    line-height:2rem;
  }
  .sm\:text-4xl {
    font-size:2.25rem;
    line-height:2.5rem;
  }
  .sm\:text-5xl {
    font-size:3rem;
    line-height:1;
  }
  .sm\:text-base {
    font-size:1rem;
    line-height:1.5rem;
  }
  .sm\:text-sm {
    font-size:.875rem;
    line-height:1.25rem;
  }
  .sm\:leading-tight {
    line-height:1.25;
  }
}

@media (min-width: 768px) {
  .md\:top-8 {
    top:2rem;
  }
  .md\:hidden {
    display:none;
  }
  .md\:px-8 {
    padding-left:2rem;
    padding-right:2rem;
  }
  .md\:pt-8 {
    padding-top:2rem;
  }
  .md\:text-base {
    font-size:1rem;
    line-height:1.5rem;
  }
}

@media (max-width: 767px) {
  .menu {
    display:flex;
    flex-direction:column;
    gap:.25rem;
    position:absolute;
    top:-.625rem;
    left:-.625rem;
    max-width:16rem;
    padding:4rem .75rem 2.5rem;
    z-index:20;
    background:rgb(var(--color-bg-main));
    border:1px dashed rgb(var(--color-border-main));
    visibility:hidden;
    opacity:0;
    width:calc(100% + 1.25rem);
  }
  .menu.is-visible {
    visibility:visible;
    opacity:1;
  }
  .menu-toggle-icon {
    transition:width .1s ease;
  }
  .menu-toggle.is-active .menu-toggle-icon {
    width:0;
  }
  .menu-toggle-icon:before, .menu-toggle-icon:after {
    content:"";
    position:absolute;
    width:1.5rem;
    height:1px;
    left:50%;
    top:0;
    background:currentColor;
    transform:translateX(-50%);
    transition:transform .2s ease,margin .2s ease;
  }
  .menu-toggle-icon:before {
    margin-top:-.375rem;
  }
  .menu-toggle-icon:after {
    margin-top:.375rem;
  }
  .menu-toggle.is-active .menu-toggle-icon:before, .menu-toggle.is-active .menu-toggle-icon:after {
    margin-top:0;
  }
  .menu-toggle.is-active .menu-toggle-icon:before {
    transform:translateX(-50%) rotate(45deg);
  }
  .menu-toggle.is-active .menu-toggle-icon:after {
    transform:translateX(-50%) rotate(-45deg);
  }
}

.cookie-banner {
  position:fixed;
  z-index:100;
  right:1rem;
  bottom:1rem;
  max-width:26rem;
  padding:1rem;
  border:1px solid rgb(var(--color-border-main));
  background:rgb(var(--color-bg-main));
  box-shadow:0 8px 24px rgb(0 0 0/.16);
}

.cookie-banner p {
  margin:0 0 .75rem;
}

.cookie-banner div {
  display:flex;
  gap:.5rem;
}

.cookie-banner button {
  border:1px solid currentColor;
  border-radius:999px;
  padding:.35rem .75rem;
  background:transparent;
}

.cookie-banner button:first-child {
  background:rgb(var(--color-text-main));
  color:rgb(var(--color-bg-main));
}

/* Technical SVG motion: each diagram draws itself as its section becomes current. */
.side-rail {
  display: none;
}

@media (min-width: 1440px) {
  .side-rail {
    display: block;
    position: absolute;
    top: 0;
    left: calc(100% + 3rem);
    width: 260px;
    height: 100%;
  }
}

.side-rail-sticky {
  position: sticky;
  top: 6rem;
  height: 220px;
}

.rail-figure {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity .45s ease, transform .45s ease;
}

.rail-figure.is-active {
  opacity: 1;
  transform: translateY(0);
}

.rail-cap {
  margin-bottom: .75rem;
  font: 600 .7rem/1 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: .6;
}

.rail-svg {
  width: 100%;
  height: auto;
  color: rgb(var(--color-text-main));
  overflow: visible;
}

.rail-label, .rail-tick {
  font: 12px Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .12em;
  fill: currentColor;
}

.rail-note {
  font: 10.5px Inter, ui-sans-serif, system-ui, sans-serif;
  fill: currentColor;
  opacity: .65;
}

.rail-step {
  font: 12px Inter, ui-sans-serif, system-ui, sans-serif;
  fill: currentColor;
}

.rail-figure .curve-line, .rail-figure .flow-spine, .rail-figure .dial-arc {
  stroke-dasharray: 720;
  stroke-dashoffset: 720;
}

.rail-figure.is-active .curve-line, .rail-figure.is-active .flow-spine {
  animation: rail-draw 1.35s cubic-bezier(.22, 1, .36, 1) forwards;
}

.rail-figure.is-active .dial-arc {
  animation: rail-draw 1.15s cubic-bezier(.22, 1, .36, 1) forwards;
}

.rail-figure.is-active .curve-line:nth-of-type(2) {
  animation-delay: .22s;
}

.rail-figure.is-active .curve-line:nth-of-type(3) {
  animation-delay: .44s;
}

.rail-figure .flow-step, .rail-figure .skip-path, .rail-figure .gap-line {
  opacity: 0;
}

.rail-figure.is-active .flow-step, .rail-figure.is-active .skip-path, .rail-figure.is-active .gap-line {
  animation: rail-fade .45s ease forwards;
}

.rail-figure.is-active .flow-step:nth-of-type(2) {
  animation-delay: .14s;
}

.rail-figure.is-active .flow-step:nth-of-type(3) {
  animation-delay: .28s;
}

.rail-figure.is-active .flow-step:nth-of-type(4) {
  animation-delay: .42s;
}

.rail-figure .dial-needle {
  transform-origin: 130px 150px;
  transform: rotate(-62deg);
}

.rail-figure.is-active .dial-needle {
  animation: rail-needle 1.1s cubic-bezier(.22, 1, .36, 1) forwards;
}

@keyframes rail-draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes rail-fade {
  to {
    opacity: 1;
  }
}

@keyframes rail-needle {
  to {
    transform: rotate(38deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .rail-figure, .rail-figure * {
    animation: none !important;
    transition: none !important;
  }
  .rail-figure .curve-line, .rail-figure .flow-spine, .rail-figure .dial-arc {
    stroke-dashoffset: 0;
  }
  .rail-figure .flow-step, .rail-figure .skip-path, .rail-figure .gap-line {
    opacity: 1;
  }
  .rail-figure .dial-needle {
    transform: rotate(38deg);
  }
}