@nswds/app 1.35.0 → 1.36.0

package/dist/globals.css

@@ -45,7 +45,6 @@
     --color-slate-400: oklch(70.4% 0.04 256.788);
     --color-slate-500: oklch(55.4% 0.046 257.417);
     --color-slate-600: oklch(44.6% 0.043 257.281);
-    --color-slate-700: oklch(37.2% 0.044 257.287);
     --color-slate-800: oklch(27.9% 0.041 260.031);
     --color-slate-900: oklch(20.8% 0.042 265.755);
     --color-gray-50: oklch(98.5% 0.002 247.839);
@@ -124,22 +123,31 @@
     --color-nsw-red-600: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
     --color-primary-200: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
     --color-primary-250: oklch(0.9110280326138016 0.05428316129852959 226.81685418252806);
+    --color-primary-400: oklch(0.8640913927009413 0.09214267516733594 223.59515003546923);
     --color-primary-600: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
     --color-primary-700: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
     --color-primary-800: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
+    --color-accent-400: oklch(0.8508832985659317 0.08303006573514653 10.570704332640352);
     --color-accent-600: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
     --color-grey-50: oklch(0.9850175274112574 0 0);
     --color-grey-100: oklch(0.9700350548225147 0 0);
     --color-grey-200: oklch(0.9400701096450296 0 0);
+    --color-grey-250: oklch(0.9208267112856119 0.0019440594503795112 228.8687380011113);
     --color-grey-300: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
     --color-grey-400: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
+    --color-grey-450: oklch(0.7539290831519737 0.008632737257709678 229.8058410593526);
     --color-grey-500: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
+    --color-grey-550: oklch(0.5355942170412039 0.010345736170092946 231.68004717583517);
     --color-grey-600: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
+    --color-grey-700: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
     --color-grey-800: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
+    --color-grey-850: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
     --color-grey-900: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
+    --color-grey-950: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
     --color-success-450: oklch(0.6326270919832794 0.153487552492673 142.8252122365381);
     --color-success-500: oklch(0.6047649705534097 0.16397310554979067 142.81705960187193);
     --color-success-550: oklch(0.57690284912354 0.17445865860690835 142.80890696720576);
+    --color-danger-350: oklch(0.6894558094295998 0.12762346824748136 18.339098516052807);
     --color-danger-450: oklch(0.5961466901234453 0.1600594003984286 18.251840020312933);
     --color-danger-500: oklch(0.5647631027123693 0.17094795668235796 18.194273652364046);
     --color-border: var(--border);
@@ -530,6 +538,421 @@
   .me-1\.5 {
     margin-inline-end: calc(var(--spacing) * 1.5);
   }
+  .prose {
+    color: var(--tw-prose-body);
+    max-width: 65ch;
+    :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.25em;
+      margin-bottom: 1.25em;
+    }
+    :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;
+    }
+    :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-links);
+      text-decoration: underline;
+      font-weight: 500;
+    }
+    :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-bold);
+      font-weight: 600;
+    }
+    :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: decimal;
+      margin-top: 1.25em;
+      margin-bottom: 1.25em;
+      padding-inline-start: 1.625em;
+    }
+    :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: upper-alpha;
+    }
+    :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: lower-alpha;
+    }
+    :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: upper-alpha;
+    }
+    :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: lower-alpha;
+    }
+    :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: upper-roman;
+    }
+    :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: lower-roman;
+    }
+    :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: upper-roman;
+    }
+    :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: lower-roman;
+    }
+    :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: decimal;
+    }
+    :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: disc;
+      margin-top: 1.25em;
+      margin-bottom: 1.25em;
+      padding-inline-start: 1.625em;
+    }
+    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+      font-weight: 400;
+      color: var(--tw-prose-counters);
+    }
+    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+      color: var(--tw-prose-bullets);
+    }
+    :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-headings);
+      font-weight: 600;
+      margin-top: 1.25em;
+    }
+    :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      border-color: var(--tw-prose-hr);
+      border-top-width: 1;
+      margin-top: 3em;
+      margin-bottom: 3em;
+    }
+    :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-weight: 500;
+      font-style: italic;
+      color: var(--tw-prose-quotes);
+      border-inline-start-width: 0.25rem;
+      border-inline-start-color: var(--tw-prose-quote-borders);
+      quotes: "\201C""\201D""\2018""\2019";
+      margin-top: 1.6em;
+      margin-bottom: 1.6em;
+      padding-inline-start: 1em;
+    }
+    :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+      content: open-quote;
+    }
+    :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+      content: close-quote;
+    }
+    :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: 0.8888889em;
+      line-height: 1.1111111;
+    }
+    :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-weight: 900;
+      color: inherit;
+    }
+    :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;
+    }
+    :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-weight: 800;
+      color: inherit;
+    }
+    :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: 0.6em;
+      line-height: 1.6;
+    }
+    :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-weight: 700;
+      color: inherit;
+    }
+    :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-headings);
+      font-weight: 600;
+      margin-top: 1.5em;
+      margin-bottom: 0.5em;
+      line-height: 1.5;
+    }
+    :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-weight: 700;
+      color: inherit;
+    }
+    :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 2em;
+      margin-bottom: 2em;
+    }
+    :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      display: block;
+      margin-top: 2em;
+      margin-bottom: 2em;
+    }
+    :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 2em;
+      margin-bottom: 2em;
+    }
+    :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 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
+      font-size: 0.875em;
+      border-radius: 0.3125rem;
+      padding-top: 0.1875em;
+      padding-inline-end: 0.375em;
+      padding-bottom: 0.1875em;
+      padding-inline-start: 0.375em;
+    }
+    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-code);
+      font-weight: 600;
+      font-size: 0.875em;
+    }
+    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+      content: "`";
+    }
+    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+      content: "`";
+    }
+    :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+      font-size: 0.875em;
+    }
+    :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+      font-size: 0.9em;
+    }
+    :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :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: 0.875em;
+      line-height: 1.7142857;
+      margin-top: 1.7142857em;
+      margin-bottom: 1.7142857em;
+      border-radius: 0.375rem;
+      padding-top: 0.8571429em;
+      padding-inline-end: 1.1428571em;
+      padding-bottom: 0.8571429em;
+      padding-inline-start: 1.1428571em;
+    }
+    :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;
+    }
+    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+      content: none;
+    }
+    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+      content: none;
+    }
+    :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      width: 100%;
+      table-layout: auto;
+      margin-top: 2em;
+      margin-bottom: 2em;
+      font-size: 0.875em;
+      line-height: 1.7142857;
+    }
+    :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      border-bottom-width: 1px;
+      border-bottom-color: var(--tw-prose-th-borders);
+    }
+    :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-headings);
+      font-weight: 600;
+      vertical-align: bottom;
+      padding-inline-end: 0.5714286em;
+      padding-bottom: 0.5714286em;
+      padding-inline-start: 0.5714286em;
+    }
+    :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      border-bottom-width: 1px;
+      border-bottom-color: var(--tw-prose-td-borders);
+    }
+    :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      border-bottom-width: 0;
+    }
+    :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      vertical-align: baseline;
+    }
+    :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      border-top-width: 1px;
+      border-top-color: var(--tw-prose-th-borders);
+    }
+    :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      vertical-align: top;
+    }
+    :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      text-align: start;
+    }
+    :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+    :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-captions);
+      font-size: 0.875em;
+      line-height: 1.4285714;
+      margin-top: 0.8571429em;
+    }
+    --tw-prose-body: oklch(37.3% 0.034 259.733);
+    --tw-prose-headings: oklch(21% 0.034 264.665);
+    --tw-prose-lead: oklch(44.6% 0.03 256.802);
+    --tw-prose-links: oklch(21% 0.034 264.665);
+    --tw-prose-bold: oklch(21% 0.034 264.665);
+    --tw-prose-counters: oklch(55.1% 0.027 264.364);
+    --tw-prose-bullets: oklch(87.2% 0.01 258.338);
+    --tw-prose-hr: oklch(92.8% 0.006 264.531);
+    --tw-prose-quotes: oklch(21% 0.034 264.665);
+    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
+    --tw-prose-captions: oklch(55.1% 0.027 264.364);
+    --tw-prose-kbd: oklch(21% 0.034 264.665);
+    --tw-prose-kbd-shadows: NaN NaN NaN;
+    --tw-prose-code: oklch(21% 0.034 264.665);
+    --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
+    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
+    --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
+    --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
+    --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
+    --tw-prose-invert-headings: #fff;
+    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
+    --tw-prose-invert-links: #fff;
+    --tw-prose-invert-bold: #fff;
+    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
+    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
+    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
+    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
+    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
+    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
+    --tw-prose-invert-kbd: #fff;
+    --tw-prose-invert-kbd-shadows: 255 255 255;
+    --tw-prose-invert-code: #fff;
+    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
+    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
+    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
+    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
+    font-size: 1rem;
+    line-height: 1.75;
+    :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+    :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0.5em;
+      margin-bottom: 0.5em;
+    }
+    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-start: 0.375em;
+    }
+    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-start: 0.375em;
+    }
+    :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0.75em;
+      margin-bottom: 0.75em;
+    }
+    :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.25em;
+    }
+    :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-bottom: 1.25em;
+    }
+    :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.25em;
+    }
+    :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-bottom: 1.25em;
+    }
+    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0.75em;
+      margin-bottom: 0.75em;
+    }
+    :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.25em;
+      margin-bottom: 1.25em;
+    }
+    :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0.5em;
+      padding-inline-start: 1.625em;
+    }
+    :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-start: 0;
+    }
+    :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-end: 0;
+    }
+    :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-top: 0.5714286em;
+      padding-inline-end: 0.5714286em;
+      padding-bottom: 0.5714286em;
+      padding-inline-start: 0.5714286em;
+    }
+    :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-start: 0;
+    }
+    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-end: 0;
+    }
+    :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 2em;
+      margin-bottom: 2em;
+    }
+    :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-bottom: 0;
+    }
+  }
   .-mt-4 {
     margin-top: calc(var(--spacing) * -4);
   }
@@ -809,9 +1232,6 @@
   .h-\[calc\(100vh-4\.75rem\)\] {
     height: calc(100vh - 4.75rem);
   }
-  .h-\[var\(--masthead-height\)\] {
-    height: var(--masthead-height);
-  }
   .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
     height: var(--radix-navigation-menu-viewport-height);
   }
@@ -995,6 +1415,9 @@
   .max-w-max {
     max-width: max-content;
   }
+  .max-w-none {
+    max-width: none;
+  }
   .max-w-sm {
     max-width: var(--container-sm);
   }
@@ -1669,6 +2092,12 @@
   .border-grey-600 {
     border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
   }
+  .border-grey-900 {
+    border-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
+  }
+  .border-grey-900\/10 {
+    border-color: color-mix(in oklab, oklch(0.17511812981113217 0.007251980042076026 242.08383926925922) 10%, transparent);
+  }
   .border-grey-950 {
     border-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
   }
@@ -1843,6 +2272,9 @@
   .bg-grey-300 {
     background-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
   }
+  .bg-grey-800 {
+    background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
+  }
   .bg-grey-950 {
     background-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
   }
@@ -1938,6 +2370,10 @@
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
+  .from-grey-800 {
+    --tw-gradient-from: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .from-nsw-grey-600 {
     --tw-gradient-from: var(--color-nsw-grey-600);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2179,6 +2615,9 @@
   .py-10 {
     padding-block: calc(var(--spacing) * 10);
   }
+  .py-12 {
+    padding-block: calc(var(--spacing) * 12);
+  }
   .py-16 {
     padding-block: calc(var(--spacing) * 16);
   }
@@ -2594,6 +3033,9 @@
   .text-grey-600 {
     color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
   }
+  .text-grey-700 {
+    color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
+  }
   .text-grey-800 {
     color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
   }
@@ -2639,9 +3081,6 @@
   .text-primary-700 {
     color: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
   }
-  .text-primary-750 {
-    color: oklch(0.3612771781572896 0.1454302157585341 260.07053568790974);
-  }
   .text-primary-800 {
     color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
   }
@@ -3857,6 +4296,13 @@
       }
     }
   }
+  .hover\:border-primary-800 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
+      }
+    }
+  }
   .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
@@ -4087,13 +4533,6 @@
       }
     }
   }
-  .hover\:text-slate-700 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-slate-700);
-      }
-    }
-  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -6165,9 +6604,9 @@
       position: sticky;
     }
   }
-  .xl\:top-\[4\.75rem\] {
+  .xl\:top-0 {
     @media (width >= 80rem) {
-      top: 4.75rem;
+      top: calc(var(--spacing) * 0);
     }
   }
   .xl\:-mr-6 {
@@ -6180,9 +6619,9 @@
       display: block;
     }
   }
-  .xl\:h-\[calc\(100vh-4\.75rem\)\] {
+  .xl\:h-screen {
     @media (width >= 80rem) {
-      height: calc(100vh - 4.75rem);
+      height: 100vh;
     }
   }
   .xl\:flex-none {
@@ -6310,6 +6749,14 @@
       }
     }
   }
+  .dark\:border-white\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: color-mix(in srgb, #fff 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+  }
   .dark\:border-white\/20 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: color-mix(in srgb, #fff 20%, transparent);
@@ -6732,6 +7179,28 @@
       backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     }
   }
+  .dark\:\!prose-invert {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --tw-prose-body: var(--tw-prose-invert-body) !important;
+      --tw-prose-headings: var(--tw-prose-invert-headings) !important;
+      --tw-prose-lead: var(--tw-prose-invert-lead) !important;
+      --tw-prose-links: var(--tw-prose-invert-links) !important;
+      --tw-prose-bold: var(--tw-prose-invert-bold) !important;
+      --tw-prose-counters: var(--tw-prose-invert-counters) !important;
+      --tw-prose-bullets: var(--tw-prose-invert-bullets) !important;
+      --tw-prose-hr: var(--tw-prose-invert-hr) !important;
+      --tw-prose-quotes: var(--tw-prose-invert-quotes) !important;
+      --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders) !important;
+      --tw-prose-captions: var(--tw-prose-invert-captions) !important;
+      --tw-prose-kbd: var(--tw-prose-invert-kbd) !important;
+      --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows) !important;
+      --tw-prose-code: var(--tw-prose-invert-code) !important;
+      --tw-prose-pre-code: var(--tw-prose-invert-pre-code) !important;
+      --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg) !important;
+      --tw-prose-th-borders: var(--tw-prose-invert-th-borders) !important;
+      --tw-prose-td-borders: var(--tw-prose-invert-td-borders) !important;
+    }
+  }
   .dark\:\[--badge-bg\:var\(--color-grey-600\)\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --badge-bg: var(--color-grey-600);
@@ -6955,6 +7424,15 @@
       }
     }
   }
+  .dark\:hover\:border-white {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-white);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-gray-700 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -7448,6 +7926,64 @@
       }
     }
   }
+  .prose-a\:font-medium {
+    & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+      --tw-font-weight: var(--font-weight-medium);
+      font-weight: var(--font-weight-medium);
+    }
+  }
+  .prose-a\:text-primary-800 {
+    & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+      color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
+    }
+  }
+  .prose-a\:underline {
+    & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+      text-decoration-line: underline;
+    }
+  }
+  .prose-a\:decoration-primary-800 {
+    & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+      text-decoration-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
+    }
+  }
+  .prose-a\:underline-offset-4 {
+    & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+      text-underline-offset: 4px;
+    }
+  }
+  .prose-a\:hover\:bg-primary-800\/10 {
+    & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
+        }
+      }
+    }
+  }
+  .prose-a\:hover\:decoration-2 {
+    & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+      &:hover {
+        @media (hover: hover) {
+          text-decoration-thickness: 2px;
+        }
+      }
+    }
+  }
+  .prose-a\:focus-visible\:bg-primary-800\/10 {
+    & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+      &:focus-visible {
+        background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
+      }
+    }
+  }
+  .prose-a\:dark\:text-grey-100 {
+    & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+      &:where([data-theme=dark], [data-theme=dark] *) {
+        color: oklch(0.9700350548225147 0 0);
+      }
+    }
+  }
   .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
     & .recharts-cartesian-axis-tick text {
       fill: var(--muted-foreground);
@@ -8341,36 +8877,110 @@ code.language-html .token.comment {
   --scaling: 1;
   --radius: 0.25rem;
   --background: oklch(1 0 0);
-  --foreground: oklch(0.141 0.005 285.823);
+  --foreground: var(--color-grey-950);
   --card: oklch(1 0 0);
-  --card-foreground: oklch(0.141 0.005 285.823);
+  --card-foreground: var(--color-grey-950);
   --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.141 0.005 285.823);
-  --primary: oklch(0.21 0.006 285.885);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.967 0.001 286.375);
-  --secondary-foreground: oklch(0.21 0.006 285.885);
-  --muted: oklch(0.967 0.001 286.375);
-  --muted-foreground: oklch(0.552 0.016 285.938);
-  --accent: oklch(0.967 0.001 286.375);
-  --accent-foreground: oklch(0.21 0.006 285.885);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.92 0.004 286.32);
-  --input: oklch(0.92 0.004 286.32);
-  --ring: oklch(0.705 0.015 286.067);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.141 0.005 285.823);
-  --sidebar-primary: oklch(0.21 0.006 285.885);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.967 0.001 286.375);
-  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
-  --sidebar-border: oklch(0.92 0.004 286.32);
-  --sidebar-ring: oklch(0.705 0.015 286.067);
+  --popover-foreground: var(--color-grey-950);
+  --primary: var(--color-grey-850);
+  --primary-foreground: var(--color-grey-50);
+  --secondary: var(--color-grey-100);
+  --secondary-foreground: var(--color-grey-850);
+  --muted: var(--color-grey-100);
+  --muted-foreground: var(--color-grey-550);
+  --accent: var(--color-grey-100);
+  --accent-foreground: var(--color-grey-850);
+  --destructive: var(--color-danger-500);
+  --border: var(--color-grey-250);
+  --input: var(--color-grey-250);
+  --ring: var(--color-grey-450);
+  --chart-1: var(--color-primary-600);
+  --chart-2: var(--color-primary-400);
+  --chart-3: var(--color-primary-800);
+  --chart-4: var(--color-accent-400);
+  --chart-5: var(--color-accent-600);
+  --sidebar: var(--color-grey-50);
+  --sidebar-foreground: var(--color-grey-950);
+  --sidebar-primary: var(--color-grey-850);
+  --sidebar-primary-foreground: var(--color-grey-50);
+  --sidebar-accent: var(--color-grey-100);
+  --sidebar-accent-foreground: var(--color-grey-850);
+  --sidebar-border: var(--color-grey-250);
+  --sidebar-ring: var(--color-grey-450);
+}
+[data-theme='dark'] {
+  --background: var(--color-grey-950);
+  --foreground: var(--color-grey-50);
+  --card: var(--color-grey-850);
+  --card-foreground: var(--color-grey-50);
+  --popover: var(--color-grey-850);
+  --popover-foreground: var(--color-grey-50);
+  --primary: var(--color-grey-250);
+  --primary-foreground: var(--color-grey-850);
+  --secondary: var(--color-grey-800);
+  --secondary-foreground: var(--color-grey-50);
+  --muted: var(--color-grey-800);
+  --muted-foreground: var(--color-grey-450);
+  --accent: var(--color-grey-800);
+  --accent-foreground: var(--color-grey-50);
+  --destructive: var(--color-danger-350);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: var(--color-grey-550);
+  --chart-1: var(--color-primary-600);
+  --chart-2: var(--color-primary-400);
+  --chart-3: var(--color-primary-800);
+  --chart-4: var(--color-accent-400);
+  --chart-5: var(--color-accent-600);
+  --sidebar: var(--color-grey-850);
+  --sidebar-foreground: var(--color-grey-50);
+  --sidebar-primary: var(--color-primary-600);
+  --sidebar-primary-foreground: var(--color-grey-50);
+  --sidebar-accent: var(--color-grey-800);
+  --sidebar-accent-foreground: var(--color-grey-50);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: var(--color-grey-550);
+}
+.prose {
+  --tw-prose-body: var(--color-grey-800);
+  --tw-prose-headings: var(--color-primary-800);
+  --tw-prose-lead: var(--color-grey-600);
+  --tw-prose-links: var(--color-primary-800);
+  --tw-prose-bold: var(--color-grey-900);
+  --tw-prose-counters: var(--color-grey-600);
+  --tw-prose-bullets: var(--color-grey-600);
+  --tw-prose-hr: var(--color-grey-200);
+  --tw-prose-quotes: var(--color-grey-900);
+  --tw-prose-quote-borders: var(--color-grey-200);
+  --tw-prose-captions: var(--color-grey-500);
+  --tw-prose-kbd: var(--color-grey-900);
+  --tw-prose-kbd-shadows: 14 17 19;
+  --tw-prose-code: var(--color-grey-900);
+  --tw-prose-pre-code: var(--color-grey-200);
+  --tw-prose-pre-bg: var(--color-grey-800);
+  --tw-prose-th-borders: var(--color-grey-300);
+  --tw-prose-td-borders: var(--color-grey-200);
+  --tw-prose-invert-body: var(--color-grey-300);
+  --tw-prose-invert-headings: var(--color-white);
+  --tw-prose-invert-lead: var(--color-grey-400);
+  --tw-prose-invert-links: var(--color-white);
+  --tw-prose-invert-bold: var(--color-white);
+  --tw-prose-invert-counters: var(--color-grey-400);
+  --tw-prose-invert-bullets: var(--color-grey-400);
+  --tw-prose-invert-hr: var(--color-grey-700);
+  --tw-prose-invert-quotes: var(--color-grey-100);
+  --tw-prose-invert-quote-borders: var(--color-grey-700);
+  --tw-prose-invert-captions: var(--color-grey-400);
+  --tw-prose-invert-kbd: var(--color-white);
+  --tw-prose-invert-kbd-shadows: 255 255 255;
+  --tw-prose-invert-code: var(--color-white);
+  --tw-prose-invert-pre-code: var(--color-grey-300);
+  --tw-prose-invert-pre-bg: color-mix(in srgb, oklch(0.17511812981113217 0.007251980042076026 242.08383926925922), transparent 50%);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-prose-invert-pre-bg: color-mix(in oklch, var(--color-grey-900), transparent 50%);
+  }
+  --tw-prose-invert-th-borders: var(--color-grey-600);
+  --tw-prose-invert-td-borders: var(--color-grey-700);
 }
 :root {
   --font-size-1: calc(18px * var(--scaling));
@@ -8468,40 +9078,10 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-[data-theme='dark'] {
-  --background: oklch(0.141 0.005 285.823);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.21 0.006 285.885);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.21 0.006 285.885);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.92 0.004 286.32);
-  --primary-foreground: oklch(0.21 0.006 285.885);
-  --secondary: oklch(0.274 0.006 286.033);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.274 0.006 286.033);
-  --muted-foreground: oklch(0.705 0.015 286.067);
-  --accent: oklch(0.274 0.006 286.033);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.552 0.016 285.938);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.21 0.006 285.885);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.274 0.006 286.033);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.552 0.016 285.938);
-}
 @layer base {
+  html {
+    scroll-behavior: smooth;
+  }
   * {
     border-color: var(--border);
     outline-color: var(--ring);