:where(html) {
  /* Font */
  --font-system-ui: system-ui, sans-serif;
  --font-transitional: Charter, Bitstream Charter, Sitka Text, Cambria, serif;
  --font-old-style: Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif;
  --font-humanist: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;
  --font-geometric-humanist: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif;
  --font-classical-humanist: Optima, Candara, Noto Sans, source-sans-pro, sans-serif;
  --font-neo-grotesque: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  --font-monospace-slab-serif: Nimbus Mono PS, Courier New, monospace;
  --font-monospace-code: Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,Cascadia Code,Menlo,Consolas,DejaVu Sans Mono,monospace;
  --font-industrial: Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif;
  --font-rounded-sans: ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif;
  --font-slab-serif: Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif;
  --font-antique: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;
  --font-didone: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;
  --font-handwritten: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;

  --font-sans: var(--font-system-ui);
  --font-serif: ui-serif, serif;
  --font-mono: var(--font-monospace-code);

  /* Other Font Properties */
  --font-features: 'kern' 1,'tnum' 1,'calt' 1,'case' 1,'cv05' 1,'zero' 1,'cv08' 0,'ss03' 1;
  --font-features-reduced: 'kern' 1,'tnum' 0,'calt' 1,'case' 1,'cv05' 1,'zero' 0,'cv08' 0,'ss03' 1;
  --text-rendering: optimizeLegibility;

  /* Font Size Based on Pixels */
  --font-size-base: 16px;

  /* Line Height Based on Pixels */
  --line-height-none: 1;
  --line-height-base: 1.5;
  --line-height-tight: 1.375;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;

  /* Font Weight */
  --weight-1: 100;
  --weight-2: 200;
  --weight-3: 300;
  --weight-4: 400;
  --weight-5: 500;
  --weight-6: 600;
  --weight-7: 700;
  --weight-8: 800;
  --weight-9: 900;

  --weight-thin: var(--weight-1);
  --weight-extra-light: var(--weight-2);
  --weight-light: var(--weight-3);
  --weight-base: var(--weight-4);
  --weight-medium: var(--weight-5);
  --weight-semi-bold: var(--weight-6);
  --weight-bold: var(--weight-7);
  --weight-extra-bold: var(--weight-8);
  --weight-black: var(--weight-9);

  /* Letter Spacing */
  --letter-spacing-base: normal;
  --letter-spacing-0: -.05em;
  --letter-spacing-1: .025em;
  --letter-spacing-2: .050em;
  --letter-spacing-3: .075em;
  --letter-spacing-4: .150em;
  --letter-spacing-5: .500em;
  --letter-spacing-6: .750em;
  --letter-spacing-7: 1em;

  --letter-spacing-tight: -0.015em;
  --letter-spacing-relaxed: 0.05em;
  --letter-spacing-loose: 0.075em;

  /* Font Color */
  --_contrast-threshold: 60%;



  /*** Body Text ***/

  /* Body Font */
  --body-text-font: var(--font-sans);

  /* Body Size Based on Pixels */
  --_body-text-size-increment: 2px;
  --body-text-size-xs: calc(var(--body-text-size-s) - var(--_body-text-size-increment)); /* 12px */
  --body-text-size-s: calc(var(--body-text-size-m) - var(--_body-text-size-increment)); /* 14px */
  --body-text-size-m: var(--font-size-base); /* 16px */
  --body-text-size-l: calc(var(--body-text-size-m) + var(--_body-text-size-increment)); /* 18px */
  --body-text-size-xl: calc(var(--body-text-size-l) + var(--_body-text-size-increment)); /* 20px */
  --body-text-size-xxl: calc(var(--body-text-size-xl) + var(--_body-text-size-increment)); /* 22px */

  /* Body Line Height Based on Pixels */
  --_body-text-line-height-increment: 4px;
  --body-text-line-height-xs: calc(var(--body-text-line-height-s) - var(--_body-text-line-height-increment)); /* 20px */
  --body-text-line-height-s: calc(var(--body-text-line-height-m) - var(--_body-text-line-height-increment)); /* 20px */
  --body-text-line-height-m: var(--line-height-base); /* 24px */
  --body-text-line-height-l: calc(var(--body-text-line-height-m) + var(--_body-text-line-height-increment)); /* 28px */
  --body-text-line-height-xl: calc(var(--body-text-line-height-l) + var(--_body-text-line-height-increment)); /* 32px */
  --body-text-line-height-xxl: calc(var(--body-text-line-height-xl) + var(--_body-text-line-height-increment)); /* 36px */

  /* Body Color */
  --body-text-color: color-mix(in HSL, var(--primary) 20%, var(--grey-8));

  /* Body Background Color */
  --body-text-bg: var(--transparent);



  /*** Caption Text ***/

  /* Caption Font */
  --caption-text-font: var(--body-text-font);

  /* Caption Size Based on Pixels */
  --caption-text-size-xs: calc(var(--body-text-size-xs) - var(--_body-text-size-increment)); /* 10px */
  --caption-text-size-s: calc(var(--body-text-size-s) - var(--_body-text-size-increment)); /* 12px */
  --caption-text-size-m: calc(var(--body-text-size-m) - var(--_body-text-size-increment)); /* 14px */

  /* Caption Line Height Based on Pixels */
  --caption-text-line-height-xs: calc(var(--body-text-line-height-xs) - var(--_body-text-line-height-increment)); /* 16px */
  --caption-text-line-height-s: calc(var(--body-text-line-height-s) - var(--_body-text-line-height-increment)); /* 18px */
  --caption-text-line-height-m: calc(var(--body-text-line-height-m) - var(--_body-text-line-height-increment)); /* 20px */

  /* Caption Color */
  --caption-text-color: var(--body-text-color);

  /* Caption Background Color */
  --caption-text-bg: var(--body-text-bg);
  
  

  /*** Label Text ***/

  /* Label Font */
  --label-text-font: var(--body-text-font);

  /* Label Size Based on Pixels */
  --_label-text-size-increment: 2px;
  --label-text-size-xs: calc(var(--label-text-size-s) - var(--_label-text-size-increment)); /* 10px */
  --label-text-size-s: calc(var(--label-text-size-m) - var(--_label-text-size-increment)); /* 12px */
  --label-text-size-m: calc(var(--label-text-size-l) - var(--_label-text-size-increment)); /* 14px */
  --label-text-size-l: var(--body-text-size-m); /* 16px */

  /* Label Line Height Based on Pixels */
  --_label-text-line-height-increment: 4px;
  --label-text-line-height-xs: calc(var(--label-text-line-height-s) - 2px); /* 12px */
  --label-text-line-height-s: calc(var(--label-text-line-height-m) - var(--_label-text-line-height-increment)); /* 16px */
  --label-text-line-height-m: calc(var(--label-text-line-height-l) - var(--_label-text-line-height-increment)); /* 20px */
  --label-text-line-height-l: var(--body-text-line-height-m); /* 24px */

  /* Label Color */
  --label-text-color: var(--body-text-color);

  /* Label Background Color */
  --body-text-bg: var(--body-text-bg);



  /*** Overline Text ***/

  /* Overline Font */
  --overline-text-font: var(--body-text-font);

  /* Overline Size Based on Pixels */
  --overline-text-size-s: calc(var(--overline-text-size-m) - 2px); /* 14px */
  --overline-text-size-m: calc(var(--body-text-size-m) - 2px); /* 14px */

  /* Overline Line Height Based on Pixels */
  --overline-text-line-height-s: calc(var(--overline-text-line-height-m) - 2px); /* 12px */
  --overline-text-line-height-m: calc(var(--body-text-line-height-m) - 10px); /* 14px */

  /* Overline Color */
  --overline-text-color: var(--accent-tint);

  /* Overline Background Color */
  --overline-text-bg: var(--body-text-bg);



  /*** Heading Text ***/

  /* Heading Font */
  --heading-text-font: var(--body-text-font);

  /* Heading Size Based on Pixels */
  --_heading-text-size-base: calc(var(--font-size-base) + 4px); /* 20px */
  --_heading-text-size-increment: 4px;
  --heading-text-size-h6: var(--_heading-text-size-base); /* 20px */
  --heading-text-size-h5: calc(var(--heading-text-size-h6) + var(--_heading-text-size-increment)); /* 24px; */
  --heading-text-size-h4: calc(var(--heading-text-size-h5) + var(--_heading-text-size-increment)); /* 28px */
  --heading-text-size-h3: calc(var(--heading-text-size-h4) + var(--_heading-text-size-increment)); /* 32px */
  --heading-text-size-h2: calc(var(--heading-text-size-h3) + var(--_heading-text-size-increment)); /* 36px */
  --heading-text-size-h1: calc(var(--heading-text-size-h2) + var(--_heading-text-size-increment)); /* 40px */

  /* Heading Line Height Based on Pixels */
  --_heading-text-line-height-base: calc(var(--line-height-base) + var(--_heading-text-line-height-increment)); /* 28px */
  --_heading-text-line-height-increment: 4px;
  --heading-text-line-height-h6: var(--_heading-text-line-height-base); /* 28px */
  --heading-text-line-height-h5: calc(var(--heading-text-line-height-h6) + var(--_heading-text-line-height-increment)); /* 32px */
  --heading-text-line-height-h4: calc(var(--heading-text-line-height-h5) + var(--_heading-text-line-height-increment)); /* 36px */
  --heading-text-line-height-h3: calc(var(--heading-text-line-height-h4) + var(--_heading-text-line-height-increment)); /* 40px */
  --heading-text-line-height-h2: calc(var(--heading-text-line-height-h3) + var(--_heading-text-line-height-increment)); /* 44px */
  --heading-text-line-height-h1: calc(var(--heading-text-line-height-h2) + var(--_heading-text-line-height-increment)); /* 48px */

  /* Heading Color */
  --heading-text-color: color-mix(in HSL, var(--primary) 40%, var(--black));

  /* Heading Background Color */
  --heading-text-bg: var(--body-text-bg);

  /* Heading Weight */
  --heading-text-weight: var(--weight-semi-bold);



  /*** Display Text ***/

  /* Display Font */
  --display-text-font: var(--body-text-font);

  /* Display Size Based on Pixels */
  --display-text-size-s: calc(var(--heading-text-size-h1) + 4px); /* 44px */
  --display-text-size-m: calc(var(--display-text-size-s) + 8px); /* 52px */

  /* Display Line Height Based on Pixels */
  --display-text-line-height-s: var(--heading-text-line-height-h1); /* 48px */
  --display-text-line-height-m: calc(var(--display-text-line-height-s) + 8px);  /* 56px */

  /* Display Color */
  --display-text-color: var(--black);

  /* Display Background Color */
  --display-text-bg: var(--body-text-bg);

  /* Heading Weight */
  --display-text-weight: var(--weight-base);



  /* Font Size Based on REM - Major Third
  --rem-small: 0.64rem;
  --rem-caption: 0.8rem;
  --rem-body: 1rem;
  --rem-h6: 1.25rem;
  --rem-h5: 1.56rem;
  --rem-h4: 1.95rem;
  --rem-h3: 2.44rem;
  --rem-h2: 3.05rem;
  --rem-h1: 3.81rem; */

  /* Fluid Font Size Based on REM */
  /* --fluid-text-small: clamp(0.94rem, 0.11vi + 0.91rem, 1rem);
  --fluid-text-caption: clamp(1rem, 0.23vi + 0.94rem, 1.13rem);
  --fluid-text-body: clamp(1.07rem, 0.36vi + 0.98rem, 1.27rem);
  --fluid-text-h6: clamp(1.14rem, 0.52vi + 1.01rem, 1.42rem);
  --fluid-text-h5: clamp(1.22rem, 0.7vi + 1.04rem, 1.6rem);
  --fluid-text-h4: clamp(1.3rem, 0.92vi + 1.07rem, 1.8rem);
  --fluid-text-h3: clamp(1.38rem, 1.17vi + 1.09rem, 2.03rem);
  --fluid-text-h2: clamp(1.48rem, 1.46vi + 1.11rem, 2.28rem);
  --fluid-text-h1: clamp(1.58rem, 1.8vi + 1.12rem, 2.57rem); */

  /* Relative Line Height */
  /* --rel-line-height-0: .95;
  --rel-line-height-1: 1.1;
  --rel-line-height-2: 1.25;
  --rel-line-height-3: 1.375;
  --rel-line-height-4: 1.5;
  --rel-line-height-5: 1.75;
  --rel-line-height-6: 2; */
}

/*
@font-face {
  font-family: var(--font-sans-family);
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: var(--font-sans-src);
  unicode-range: U+0000-007F,U+00A0-0100,U+0131,U+0152-0154,U+02BB-02BD,U+02C6,U+02DA,U+02DC,U+2000-200C,U+2010-2028,U+202F-2060,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF;
  font-named-instance: "Regular"
}
@font-face {
  font-family: var(--font-mono-family);
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: var(--font-mono-src);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
*/

@media screen and (width < 480px) {
  /* Headings */
  :where(html) {
    --_heading-text-size-base: calc(var(--font-size-base) + 2px); /* 18px */
    --heading-text-size-h6: var(--_heading-text-size-base); /* 18px */
    --heading-text-size-h5: calc(var(--heading-text-size-h6) + 2px); /* 20px */
    --heading-text-size-h4: calc(var(--heading-text-size-h5) + var(--_heading-text-size-increment)); /* 24px */
    --heading-text-size-h3: calc(var(--heading-text-size-h4) + var(--_heading-text-size-increment)); /* 28px */
    --heading-text-size-h2: calc(var(--heading-text-size-h3) + var(--_heading-text-size-increment)); /* 32px */
    --heading-text-size-h1: calc(var(--heading-text-size-h2) + var(--_heading-text-size-increment)); /* 36px */
    /* Heading Line Height */
    --_heading-text-line-height-base: var(--_line-height-base); /* 24px */
    --heading-text-line-height-h6: var(--_heading-text-line-height-base); /* 24px */
    --heading-text-line-height-h5: calc(var(--heading-text-line-height-h6) + var(--_heading-text-line-height-increment)); /* 28px */
    --heading-text-line-height-h4: calc(var(--heading-text-line-height-h5) + var(--_heading-text-line-height-increment)); /* 32px */
    --heading-text-line-height-h3: calc(var(--heading-text-line-height-h4) + var(--_heading-text-line-height-increment)); /* 36px */
    --heading-text-line-height-h2: calc(var(--heading-text-line-height-h3) + var(--_heading-text-line-height-increment)); /* 40px */
    --heading-text-line-height-h1: calc(var(--heading-text-line-height-h2) + var(--_heading-text-line-height-increment)); /* 44px */
  }
}


:where(
  h6,
  h5,
  h4,
  h3,
  h2,
  h1 ,
  .h6,
  .h5,
  .h4,
  .h3,
  .h2,
  .h1) {
  color: var(--heading-text-color);
  background-color: var(--heading-text-bg);
}
:where(h1,
  .h1) {
  font-size: var(--heading-text-size-h1);
  line-height: var(--heading-text-line-height-h1);
  letter-spacing: var(--letter-spacing-tight);
}
:where(h2,
  .h2) {
  font-size: var(--heading-text-size-h2);
  line-height: var(--heading-text-line-height-h2);
  letter-spacing: var(--letter-spacing-tight);
  font-weight: var(--heading-text-weight);
}
:where(h3,
  .h3) {
  font-size: var(--heading-text-size-h3);
  line-height: var(--heading-text-line-height-h3);
  letter-spacing: var(--letter-spacing-tight);
  font-weight: var(--heading-text-weight);
}
:where(h4,
  .h4) {
  font-size: var(--heading-text-size-h4);
  line-height: var(--heading-text-line-height-h4);
  letter-spacing: var(--letter-spacing-tight);
  font-weight: var(--heading-text-weight);
}
:where(h5,
  .h5) {
  font-size: var(--heading-text-size-h5);
  line-height: var(--heading-text-line-height-h5);
  font-weight: var(--heading-text-weight);
}
:where(
  h6,
  .h6 ) {
  font-size: var(--heading-text-size-h6);
  line-height: var(--heading-text-line-height-h6);
  font-weight: var(--heading-text-weight);
}

:where(.display
.display-s,
.display-text-s,
.display-m,
.display-text-m) {
  color: var(--display-text-color);
  background-color: var(--display-text-bg);
  font-weight: var(--display-text-weight);
}
:where(
  .display-s,
.display-text-s) {
  font-size: var(--display-text-size-s);
  line-height: var(--display-text-line-height-s);
  letter-spacing: var(--letter-spacing-tight);
}
:where(
  .display,
.display-m,
.display-text-m) {
  font-size: var(--display-text-size-m);
  line-height: var(--display-text-line-height-m);
  letter-spacing: var(--letter-spacing-tight);
}

:where(p,
  div,
  span) {
  font-size: inherit;
  line-height: inherit;
}

:where(
  .body-text) {
  font-size: var(--body-text-size-m);
  line-height: var(--body-text-line-height-m);
}

:where(.text-xxl,
  .text-size-xxl) {
  font-size: var(--body-text-size-xxl)
}
:where(.text-xl,
  .text-size-xl) {
  font-size: var(--body-text-size-xl)
}
:where(
  .text-l,
  .text-size-l) {
  font-size: var(--body-text-size-l)
}
:where(
  .text-m,
.text-size-m) {
  font-size: var(--body-text-size-m)
}
:where(
  .text-s,
.text-size-s) {
  font-size: var(--body-text-size-s)
}
:where(
  .text-xs,
.text-size-xs) {
  font-size: var(--body-text-size-xs)
}

:where(
  .thin,
.weight-thin) {
  font-weight: var(--weight-base)
}
:where(.light,
.weight-light) {
  font-weight: var(--weight-base)
}
:where(.weight-base) {
  font-weight: var(--weight-base)
}
:where(.bold,
.weight-bold ){
  font-weight: var(--weight-bold)
}
:where(.strong,
  .weight-strong) {
  font-weight: var(--weight-strong)
}
:where(.semi-bold,
  .weight-semi-bold) {
  font-weight: var(--weight-semi-bold)
}


:where(.body-text-xs,
.body-text-s,
.body-text-m,
.body-text-l ){
  color: var(--body-text-color);
  background-color: var(--body-text-bg);
}
:where(.body-text-xs) {
  font-size: var(--body-text-size-xs);
  line-height: var(--body-text-line-height-xs);
}
:where(.body-text-s ){
  font-size: var(--body-text-size-s);
  line-height: var(--body-text-line-height-s);
}
:where(.body-text-m) {
  font-size: var(--body-text-size-m);
  line-height: var(--body-text-line-height-m);
}
:where(.body-text-l) {
  font-size: var(--body-text-size-l);
  line-height: var(--body-text-line-height-l);
}
:where(.body-text-xl) {
  font-size: var(--body-text-size-xl);
  line-height: var(--body-text-line-height-xl);
}
:where(.body-text-xxl) {
  font-size: var(--body-text-size-xxl);
  line-height: var(--body-text-line-height-xxl);
}

:where(.caption,
.caption-xs,
.caption-text-xs,
.caption-s,
.caption-text-s,
.caption-m,
.caption-text-m) {
  font-size: var(--caption-text-size-m);
  line-height: var(--caption-text-line-height-m);
  color: var(--caption-text-color);
  background-color: var(--caption-text-bg);
}
:where(.caption-xs,
.caption-text-xs) {
  font-size: var(--caption-text-size-xs);
  line-height: var(--caption-text-line-height-xs);
}
:where(.caption-s,
.caption-text-s) {
  font-size: var(--caption-text-size-s);
  line-height: var(--caption-text-line-height-s);
}
:where(.caption,
.caption-m,
.caption-text-m) {
  font-size: var(--caption-text-size-m);
  line-height: var(--caption-line-height-m);
}

.label,
.label-xs,
.label-s,
.label-m,
.label-l,
.label-text,
.label-text-xs,
.label-text-s,
.label-text-m,
.label-text-l {
  color: var(--label-text-color);
  background-color: var(--label-text-bg);
}
.label-xs,
.label-text-xs {
  font-size: var(--label-text-size-xs);
  line-height: var(--label-text-line-height-xs);
}
.label-s,
.label-text-s {
  font-size: var(--label-text-size-s);
  line-height: var(--label-text-line-height-s);
}
.label,
.label-m,
.label-text-m {
  font-size: var(--label-text-size-m);
  line-height: var(--label-text-line-height-m);
}
.label-l,
.label-text-l {
  font-size: var(--label-text-size-l);
  line-height: var(--label-text-line-height-l);
}

:where(.overline,
.overline-s,
.overline-text-s,
.overline-m,
.overline-text-m) {
  color: var(--overline-text-color);
  background-color: var(--overline-text-bg);
}
:where(.overline-s,
.overline-text-s) {
  font-size: var(--overline-text-size-s);
  line-height: var(--overline-text-line-height-s);
}
:where(.overline,
.overline-m,
.overline-text-m) {
  font-size: var(--overline-text-size-m);
  line-height: var(--overline-line-height-m);
}


.truncate {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* width: 100%;
  flex: 1; */
}
.truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncate-overflow {
  /* display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; */
  position: relative;
  max-height: calc(var(--lh) * var(--max-lines, 3));
  overflow: hidden;
  padding-right: 1rem; /* space for ellipsis */
}
.truncate-overflow::before {
  position: absolute;
  content: "...";
  /* tempting... but shows when lines == content */
  /* top: calc(var(--lh) * (var(--max-lines) - 1)); */

  /*
  inset-block-end: 0;
  inset-inline-end: 0;
  */
  bottom: 0;
  right: 0;
}

.truncate-overflow::after {
  content: "";
  position: absolute;
  /*
  inset-inline-end: 0;
  */
  right: 0;
  /* missing bottom on purpose*/
  width: 1rem;
  height: 1rem;
  background: white;
}


:where(.align-start) {
  text-align: start;
}
:where(.align-center) {
  text-align: center;
}
:where(.align-end) {
  text-align: end;
}

:where(.uppercase) {
  text-transform: uppercase;
}

/* DL */
:where(html) {
  --dl-s: 9ch;
}
.dl, 
:where(dl) {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--dl-s, 9ch), max-content));
  column-gap: var(--space-m);
}

.dl dt,
:where(dl dt) {
  color: var(--weaker);
  font-weight: var(--weight-medium);
  font-size: var(--body-text-size-xs);
  /* padding-block-start: calc(var(--body-text-size-m) - var(--body-text-size-s)); */
  grid-column-start: 1
}

.dl dt,
:where(dl dt) {
  margin-block-start: 0;
  /* margin-block-end: var(--space-xs); */
  margin-inline: 0;
}

.dl dd,
:where(dl dd) {
  margin-block-start: 0;
  margin-block-end: var(--space-m);
  margin-inline: 0;
}

.dl dd,
:where(dl dd) {
  color: var(--body-text-color);
  font-weight: var(--weight-base);
  font-size: var(--body-text-size-s);
  /* margin-block-end: var(--space-m) */
}

.dl dd:last-of-type,
:where(dl dd:last-of-type) {
  margin-block-end: 0
}

.markdown-content {
  /* white-space: pre-line;

  & p {
    line-height: var(--line-height-base);
  }

  & p:first-child {
    margin-top: 0;
  }

  & p:last-child {
    margin-bottom: 0;
  }

  & a {
    color: var(--color-link);
    text-decoration: none;
  }

  & a:hover {
    text-decoration: underline;
  }

  & code {
    background: var(--color-code-bg);
    padding: 0.2em 0.4em;
    border-radius: 3px;
    font-size: 0.9em;
  }

  & ul,
  & ol {
    margin: 0 0;
    padding-left: 2em;
  }

  & li {
    line-height: var(--line-height-base);
  }

  & strong {
    font-weight: 600;
  } */
}