/* Artifactbin platform stylesheet: design systems keyed by <html data-af-design-system>. */
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 200 800; font-stretch: 75% 100%; font-display: swap; src: url("/af/fonts/bricolage-grotesque-latin-ext-standard-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 200 800; font-stretch: 75% 100%; font-display: swap; src: url("/af/fonts/bricolage-grotesque-latin-standard-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 400 700; font-stretch: 75% 100%; font-display: swap; src: url("/af/fonts/instrument-sans-latin-ext-standard-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 400 700; font-stretch: 75% 100%; font-display: swap; src: url("/af/fonts/instrument-sans-latin-standard-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Instrument Sans"; font-style: italic; font-weight: 400 700; font-stretch: 75% 100%; font-display: swap; src: url("/af/fonts/instrument-sans-latin-ext-standard-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Instrument Sans"; font-style: italic; font-weight: 400 700; font-stretch: 75% 100%; font-display: swap; src: url("/af/fonts/instrument-sans-latin-standard-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 100 800; font-display: swap; src: url("/af/fonts/jetbrains-mono-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 100 800; font-display: swap; src: url("/af/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "JetBrains Mono"; font-style: italic; font-weight: 100 800; font-display: swap; src: url("/af/fonts/jetbrains-mono-latin-ext-wght-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "JetBrains Mono"; font-style: italic; font-weight: 100 800; font-display: swap; src: url("/af/fonts/jetbrains-mono-latin-wght-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 100; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-100-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 100; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-100-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 100; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-100-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 100; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-100-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 200; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-200-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 200; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-200-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 200; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-200-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 200; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-200-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 300; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-300-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 300; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-300-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 300; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-300-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 300; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-300-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-400-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-400-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 500; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-500-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 500; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-500-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 600; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-600-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 600; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-600-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 700; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-700-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: italic; font-weight: 700; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-700-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("/af/fonts/ibm-plex-mono-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/af/fonts/archivo-latin-ext-standard-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/af/fonts/archivo-latin-standard-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Archivo"; font-style: italic; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/af/fonts/archivo-latin-ext-standard-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Archivo"; font-style: italic; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/af/fonts/archivo-latin-standard-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Archivo Narrow"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/af/fonts/archivo-narrow-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Archivo Narrow"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/af/fonts/archivo-narrow-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Archivo Narrow"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/af/fonts/archivo-narrow-latin-ext-wght-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Archivo Narrow"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/af/fonts/archivo-narrow-latin-wght-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Geist"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/af/fonts/geist-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Geist"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/af/fonts/geist-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Geist"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/af/fonts/geist-latin-ext-wght-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Geist"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/af/fonts/geist-latin-wght-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/af/fonts/geist-mono-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/af/fonts/geist-mono-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Geist Mono"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/af/fonts/geist-mono-latin-ext-wght-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Geist Mono"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/af/fonts/geist-mono-latin-wght-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("/af/fonts/newsreader-latin-ext-standard-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("/af/fonts/newsreader-latin-standard-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 200 800; font-display: swap; src: url("/af/fonts/newsreader-latin-ext-standard-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 200 800; font-display: swap; src: url("/af/fonts/newsreader-latin-standard-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/af/fonts/fraunces-latin-ext-standard-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/af/fonts/fraunces-latin-standard-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/af/fonts/fraunces-latin-ext-standard-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/af/fonts/fraunces-latin-standard-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Space Mono"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/space-mono-latin-ext-400-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Space Mono"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/space-mono-latin-400-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Space Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/space-mono-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Space Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/space-mono-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Space Mono"; font-style: italic; font-weight: 700; font-display: swap; src: url("/af/fonts/space-mono-latin-ext-700-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Space Mono"; font-style: italic; font-weight: 700; font-display: swap; src: url("/af/fonts/space-mono-latin-700-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Space Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("/af/fonts/space-mono-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Space Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("/af/fonts/space-mono-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Instrument Serif"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/instrument-serif-latin-ext-400-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Instrument Serif"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/instrument-serif-latin-400-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Instrument Serif"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/instrument-serif-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Instrument Serif"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/instrument-serif-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 100 1000; font-display: swap; src: url("/af/fonts/dm-sans-latin-ext-standard-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 100 1000; font-display: swap; src: url("/af/fonts/dm-sans-latin-standard-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "DM Sans"; font-style: italic; font-weight: 100 1000; font-display: swap; src: url("/af/fonts/dm-sans-latin-ext-standard-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "DM Sans"; font-style: italic; font-weight: 100 1000; font-display: swap; src: url("/af/fonts/dm-sans-latin-standard-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "DM Mono"; font-style: italic; font-weight: 300; font-display: swap; src: url("/af/fonts/dm-mono-latin-ext-300-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "DM Mono"; font-style: italic; font-weight: 300; font-display: swap; src: url("/af/fonts/dm-mono-latin-300-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "DM Mono"; font-style: normal; font-weight: 300; font-display: swap; src: url("/af/fonts/dm-mono-latin-ext-300-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "DM Mono"; font-style: normal; font-weight: 300; font-display: swap; src: url("/af/fonts/dm-mono-latin-300-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "DM Mono"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/dm-mono-latin-ext-400-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "DM Mono"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/dm-mono-latin-400-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "DM Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/dm-mono-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "DM Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/dm-mono-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "DM Mono"; font-style: italic; font-weight: 500; font-display: swap; src: url("/af/fonts/dm-mono-latin-ext-500-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "DM Mono"; font-style: italic; font-weight: 500; font-display: swap; src: url("/af/fonts/dm-mono-latin-500-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "DM Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/af/fonts/dm-mono-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "DM Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/af/fonts/dm-mono-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 100; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-100-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 100; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-100-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 100; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-100-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 100; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-100-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 200; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-200-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 200; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-200-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 200; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-200-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 200; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-200-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 300; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-300-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 300; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-300-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 300; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-300-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 300; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-300-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-400-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-400-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 500; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-500-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 500; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-500-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 500; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 500; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 600; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-600-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 600; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-600-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 700; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-700-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 700; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-700-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 800; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-800-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 800; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-800-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 800; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-800-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 800; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-800-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 900; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-900-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 900; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-900-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 900; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-ext-900-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 900; font-display: swap; src: url("/af/fonts/barlow-condensed-latin-900-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Cinzel"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("/af/fonts/cinzel-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Cinzel"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("/af/fonts/cinzel-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "UnifrakturCook"; font-style: normal; font-weight: 700; font-display: swap; src: url("/af/fonts/unifrakturcook-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Old Standard TT"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/old-standard-tt-latin-ext-400-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Old Standard TT"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/old-standard-tt-latin-400-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Old Standard TT"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/old-standard-tt-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Old Standard TT"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/old-standard-tt-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Old Standard TT"; font-style: normal; font-weight: 700; font-display: swap; src: url("/af/fonts/old-standard-tt-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Old Standard TT"; font-style: normal; font-weight: 700; font-display: swap; src: url("/af/fonts/old-standard-tt-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Libre Franklin"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/af/fonts/libre-franklin-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Libre Franklin"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/af/fonts/libre-franklin-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Libre Franklin"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/af/fonts/libre-franklin-latin-ext-wght-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Libre Franklin"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/af/fonts/libre-franklin-latin-wght-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Courier Prime"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/courier-prime-latin-ext-400-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Courier Prime"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/courier-prime-latin-400-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Courier Prime"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/courier-prime-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Courier Prime"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/courier-prime-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Courier Prime"; font-style: italic; font-weight: 700; font-display: swap; src: url("/af/fonts/courier-prime-latin-ext-700-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Courier Prime"; font-style: italic; font-weight: 700; font-display: swap; src: url("/af/fonts/courier-prime-latin-700-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Courier Prime"; font-style: normal; font-weight: 700; font-display: swap; src: url("/af/fonts/courier-prime-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Courier Prime"; font-style: normal; font-weight: 700; font-display: swap; src: url("/af/fonts/courier-prime-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 100; font-display: swap; src: url("/af/fonts/barlow-latin-ext-100-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 100; font-display: swap; src: url("/af/fonts/barlow-latin-100-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 100; font-display: swap; src: url("/af/fonts/barlow-latin-ext-100-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 100; font-display: swap; src: url("/af/fonts/barlow-latin-100-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 200; font-display: swap; src: url("/af/fonts/barlow-latin-ext-200-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 200; font-display: swap; src: url("/af/fonts/barlow-latin-200-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 200; font-display: swap; src: url("/af/fonts/barlow-latin-ext-200-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 200; font-display: swap; src: url("/af/fonts/barlow-latin-200-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 300; font-display: swap; src: url("/af/fonts/barlow-latin-ext-300-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 300; font-display: swap; src: url("/af/fonts/barlow-latin-300-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 300; font-display: swap; src: url("/af/fonts/barlow-latin-ext-300-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 300; font-display: swap; src: url("/af/fonts/barlow-latin-300-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/barlow-latin-ext-400-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 400; font-display: swap; src: url("/af/fonts/barlow-latin-400-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/barlow-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/barlow-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 500; font-display: swap; src: url("/af/fonts/barlow-latin-ext-500-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 500; font-display: swap; src: url("/af/fonts/barlow-latin-500-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap; src: url("/af/fonts/barlow-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap; src: url("/af/fonts/barlow-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 600; font-display: swap; src: url("/af/fonts/barlow-latin-ext-600-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 600; font-display: swap; src: url("/af/fonts/barlow-latin-600-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap; src: url("/af/fonts/barlow-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap; src: url("/af/fonts/barlow-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 700; font-display: swap; src: url("/af/fonts/barlow-latin-ext-700-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 700; font-display: swap; src: url("/af/fonts/barlow-latin-700-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 700; font-display: swap; src: url("/af/fonts/barlow-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 700; font-display: swap; src: url("/af/fonts/barlow-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 800; font-display: swap; src: url("/af/fonts/barlow-latin-ext-800-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 800; font-display: swap; src: url("/af/fonts/barlow-latin-800-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 800; font-display: swap; src: url("/af/fonts/barlow-latin-ext-800-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 800; font-display: swap; src: url("/af/fonts/barlow-latin-800-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 900; font-display: swap; src: url("/af/fonts/barlow-latin-ext-900-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 900; font-display: swap; src: url("/af/fonts/barlow-latin-900-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 900; font-display: swap; src: url("/af/fonts/barlow-latin-ext-900-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 900; font-display: swap; src: url("/af/fonts/barlow-latin-900-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Fredoka"; font-style: normal; font-weight: 300 700; font-stretch: 75% 125%; font-display: swap; src: url("/af/fonts/fredoka-latin-ext-standard-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Fredoka"; font-style: normal; font-weight: 300 700; font-stretch: 75% 125%; font-display: swap; src: url("/af/fonts/fredoka-latin-standard-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 200 1000; font-display: swap; src: url("/af/fonts/nunito-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 200 1000; font-display: swap; src: url("/af/fonts/nunito-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Nunito"; font-style: italic; font-weight: 200 1000; font-display: swap; src: url("/af/fonts/nunito-latin-ext-wght-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Nunito"; font-style: italic; font-weight: 200 1000; font-display: swap; src: url("/af/fonts/nunito-latin-wght-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Press Start 2P"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/press-start-2p-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Press Start 2P"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/press-start-2p-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Pixelify Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/af/fonts/pixelify-sans-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Pixelify Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/af/fonts/pixelify-sans-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "VT323"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/vt323-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "VT323"; font-style: normal; font-weight: 400; font-display: swap; src: url("/af/fonts/vt323-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
:where(.af-markdown-body){line-height:1.7;overflow-wrap:break-word}
:where(.af-markdown-body)>:where(:last-child){margin-block-end:0}
:where(.af-markdown-body) :where(h1,h2,h3,h4,h5,h6){font-family:var(--font-display,inherit);font-weight:600;line-height:1.2;letter-spacing:-.02em;text-wrap:balance;margin-block:1.8em .5em}
:where(.af-markdown-body) :where(h1){font-size:2.125em;letter-spacing:-.035em;margin-block:0 .75em}
:where(.af-markdown-body) :where(h2){font-size:1.4em}
:where(.af-markdown-body) :where(h3){font-size:1.125em}
:where(.af-markdown-body) :where(h4,h5,h6){font-size:1em}
:where(.af-markdown-body) :where(p,ul,ol,blockquote,pre,.mx-md-table-scroll){margin-block:0 1em}
:where(.af-markdown-body) :where(li>p,p[data-list]){margin-block:0 .3em}
:where(.af-markdown-body) :where(li>ul,li>ol){margin-block:0}
:where(.af-markdown-body) :where(p[data-list])+:where(p:not([data-list]),pre){margin-block-start:1em}
:where(.af-markdown-body) :where(blockquote,[data-quote]){color:var(--muted-foreground,inherit)}
:where(.af-markdown-body) :where(a){color:var(--primary,inherit);text-decoration:underline;text-underline-offset:.2em}
:where(.af-markdown-body) :where(code){font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:.9em;line-height:1.5;background:var(--muted,transparent);border-radius:4px;padding:.1em .3em}
:where(.af-markdown-body) :where(pre){background:var(--muted,transparent);border-radius:6px;padding:1em;overflow-x:auto}
:where(.af-markdown-body) :where(pre code){font-size:inherit;background:none;padding:0;border-radius:0}
:where(.af-markdown-body) :where(hr){border:0;border-top:1px solid var(--border,currentColor);margin-block:2em}
:where(.af-markdown-body) :where(.mx-md-check-list){list-style:none;padding-inline-start:0}
:where(.af-markdown-body) :where(li>.mx-md-check-list){padding-inline-start:1.6em}
:where(.af-markdown-body) :where(li[role="checkbox"]){position:relative;list-style:none;padding-inline-start:1.6em;min-height:1.7em}
:where(.af-markdown-body) :where(li[role="checkbox"])::before{content:'';position:absolute;inset-inline-start:0;top:.35em;width:1em;height:1em;box-sizing:border-box;border:1px solid var(--muted-foreground,currentColor);border-radius:.2em;background:var(--background,transparent)}
:where(.af-markdown-body) :where(li[aria-checked="true"])::before{background:var(--primary,currentColor);border-color:var(--primary,currentColor)}
:where(.af-markdown-body) :where(li[aria-checked="true"])::after{content:'';position:absolute;inset-inline-start:.32em;top:.5em;width:.3em;height:.5em;border:solid var(--primary-foreground,Canvas);border-width:0 2px 2px 0;transform:rotate(45deg)}
:where(.af-markdown-body) :where(li[role="checkbox"]:focus-visible){outline:2px solid var(--ring,Highlight);outline-offset:2px}
:where(.af-markdown-body) :where(.mx-md-table-scroll){overflow-x:auto;max-width:100%}
:where(.af-markdown-body) :where(table){border-collapse:collapse;display:block;width:fit-content;max-width:100%;overflow-x:auto}
:where(.af-markdown-body) :where(th,td){min-width:6em;border:1px solid var(--border,currentColor);padding:.4em .75em;vertical-align:top;text-align:start}
:where(.af-markdown-body) :where(th){background:var(--muted,transparent);font-weight:600}
:where(.af-markdown-body) :where(td p,th p){margin:0}
:where(.af-markdown-body) :where(pre code[class^="language-"]){color:var(--foreground,#24292f)}
:where(.af-markdown-body) :where(.mx-code-token-keyword){color:var(--mx-code-keyword,#8250df);font-weight:600}
:where(.af-markdown-body) :where(.mx-code-token-string){color:var(--mx-code-string,#116329)}
:where(.af-markdown-body) :where(.mx-code-token-comment){color:var(--mx-code-comment,#6e7781);font-style:italic}
:where(.af-markdown-body) :where(.mx-code-token-number,.mx-code-token-literal){color:var(--mx-code-number,#0550ae)}
:where(.af-markdown-body) :where(.mx-code-token-regexp){color:var(--mx-code-regexp,#953800)}
:where(.af-markdown-body) :where(.mx-code-token-type){color:var(--mx-code-type,#953800)}
:where(.af-markdown-body) :where(.mx-code-token-definition,.mx-code-token-function){color:var(--mx-code-definition,#8250df)}
:where(.af-markdown-body) :where(.mx-code-token-property,.mx-code-token-tag){color:var(--mx-code-property,#0550ae)}
:where(.af-markdown-body) :where(.mx-code-token-heading,.mx-code-token-link){color:var(--mx-code-link,#0969da);text-decoration:underline}
:where(.af-markdown-body) :where(.mx-code-token-emphasis){font-style:italic}
:where(.af-markdown-body) :where(.mx-code-token-strong){font-weight:700}
:where(.af-markdown-body) :where(.mx-code-token-meta){color:var(--mx-code-meta,#8250df)}
:where(.af-markdown-body) :where(.mx-code-token-operator,.mx-code-token-punctuation){color:var(--mx-code-punctuation,#57606a)}
:where(.dark,[data-theme="dark"],[data-af-dark="true"]) :where(.af-markdown-body),:where(.af-markdown-body):where(.dark,[data-theme="dark"]){--mx-code-keyword:#d2a8ff;--mx-code-string:#a5d6ff;--mx-code-comment:#8b949e;--mx-code-number:#79c0ff;--mx-code-regexp:#ffa657;--mx-code-type:#ffa657;--mx-code-definition:#d2a8ff;--mx-code-property:#79c0ff;--mx-code-link:#58a6ff;--mx-code-meta:#d2a8ff;--mx-code-punctuation:#8b949e}
:root[data-af-design-system="volta"] {
  --ds-paper: #f3eee4;
  --ds-paper-raised: #fbf8f2;
  --ds-paper-sunk: #e7dfcf;
  --ds-line: #d3c9b5;
  --ds-edge: #14110f;
  --ds-ink: #14110f;
  --ds-ink-muted: #5a5348;
  --ds-volt: #ff4d1a;
  --ds-on-volt: #14110f;
  --ds-volt-ink: #b5300a;
  --ds-volt-soft: #ffd9cb;
  --ds-acid: #d6f43a;
  --ds-on-acid: #14110f;
  --ds-cobalt: #2236d1;
  --ds-on-cobalt: #ffffff;
  --ds-cobalt-soft: #dde1ff;
  --ds-positive: #16683f;
  --ds-positive-soft: #d5efdf;
  --ds-caution: #7d5900;
  --ds-caution-soft: #fbedc4;
  --ds-negative: #b5300a;
  --ds-negative-soft: #ffd9cb;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-paper-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-paper-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-volt-ink);
  --primary-foreground: var(--ds-paper-raised);
  --secondary: var(--ds-volt-soft);
  --secondary-foreground: var(--ds-volt-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-paper-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-paper);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-cobalt);
  --chart-1: var(--ds-cobalt);
  --chart-2: var(--ds-volt);
  --chart-3: var(--ds-ink-muted);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-caution);
  --radius: 4px;
  --font-display: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;
  --font-body: "Instrument Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --ds-shadow-hard: 4px 4px 0 0 #14110f;
  --ds-shadow-hard-lg: 8px 8px 0 0 #14110f;
  --ds-focus-ring: 0 0 0 2px #f3eee4, 0 0 0 4px #2236d1;
  --ds-chip-radius: 4px;
}
:root[data-af-design-system="volta"][data-af-dark="true"] {
  --ds-paper: #121110;
  --ds-paper-raised: #1c1a18;
  --ds-paper-sunk: #0a0908;
  --ds-line: #34302a;
  --ds-edge: #f3eee4;
  --ds-ink: #f3eee4;
  --ds-ink-muted: #a69e90;
  --ds-volt: #ff5f2e;
  --ds-on-volt: #14110f;
  --ds-volt-ink: #ff8a63;
  --ds-volt-soft: #3d1a0f;
  --ds-acid: #d6f43a;
  --ds-on-acid: #14110f;
  --ds-cobalt: #7484ff;
  --ds-on-cobalt: #0a0908;
  --ds-cobalt-soft: #161c45;
  --ds-positive: #5fd394;
  --ds-positive-soft: #0f2a1c;
  --ds-caution: #f2c14e;
  --ds-caution-soft: #2e2405;
  --ds-negative: #ff8a63;
  --ds-negative-soft: #3d1a0f;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-paper-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-paper-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-volt-ink);
  --primary-foreground: var(--ds-paper-raised);
  --secondary: var(--ds-volt-soft);
  --secondary-foreground: var(--ds-volt-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-paper-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-paper);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-cobalt);
  --chart-1: var(--ds-cobalt);
  --chart-2: var(--ds-volt);
  --chart-3: var(--ds-ink-muted);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-caution);
  --ds-shadow-hard: 4px 4px 0 0 #ff5f2e;
  --ds-shadow-hard-lg: 8px 8px 0 0 #ff5f2e;
  --ds-focus-ring: 0 0 0 2px #121110, 0 0 0 4px #7484ff;
  --ds-chip-radius: 4px;
}
:root[data-af-design-system="volta"] body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); }
:root[data-af-design-system="volta"] .t-display-xl { font-family: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif; font-size: clamp(56px, 9vw, 112px); line-height: .9; font-weight: 800; letter-spacing: -0.035em; }
:root[data-af-design-system="volta"] .t-display-l { font-family: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif; font-size: clamp(36px, 5vw, 60px); line-height: .95; font-weight: 800; letter-spacing: -0.03em; }
:root[data-af-design-system="volta"] .t-display-m { font-family: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif; font-size: 40px; line-height: 40px; font-weight: 700; letter-spacing: -0.02em; }
:root[data-af-design-system="volta"] .t-title { font-family: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif; font-size: 22px; line-height: 28px; font-weight: 700; letter-spacing: -0.01em; }
:root[data-af-design-system="volta"] .t-body-l { font-family: "Instrument Sans", system-ui, sans-serif; font-size: 18px; line-height: 28px; font-weight: 400; }
:root[data-af-design-system="volta"] .t-body { font-family: "Instrument Sans", system-ui, sans-serif; font-size: 15px; line-height: 22px; font-weight: 400; }
:root[data-af-design-system="volta"] .t-body-s { font-family: "Instrument Sans", system-ui, sans-serif; font-size: 13px; line-height: 18px; font-weight: 400; }
:root[data-af-design-system="volta"] .t-label { font-family: "Instrument Sans", system-ui, sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
:root[data-af-design-system="volta"] .t-numeral { font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 40px; line-height: 44px; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="volta"] .t-mono { font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 13px; line-height: 20px; font-weight: 400; }
:root[data-af-design-system="volta"] .tok-comment, :root[data-af-design-system="volta"] .tok-quote, :root[data-af-design-system="volta"] .tok-meta { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground));font-style:italic; }
:root[data-af-design-system="volta"] .tok-keyword, :root[data-af-design-system="volta"] .tok-selector-tag, :root[data-af-design-system="volta"] .tok-doctag, :root[data-af-design-system="volta"] .tok-name { color:color-mix(in oklab, var(--primary) 66%, var(--foreground)); }
:root[data-af-design-system="volta"] .tok-string, :root[data-af-design-system="volta"] .tok-regexp, :root[data-af-design-system="volta"] .tok-template-variable, :root[data-af-design-system="volta"] .tok-addition { color:color-mix(in oklab, var(--chart-2) 59%, var(--foreground)); }
:root[data-af-design-system="volta"] .tok-number, :root[data-af-design-system="volta"] .tok-literal, :root[data-af-design-system="volta"] .tok-symbol, :root[data-af-design-system="volta"] .tok-bullet { color:color-mix(in oklab, var(--chart-3) 35%, var(--foreground)); }
:root[data-af-design-system="volta"] .tok-title, :root[data-af-design-system="volta"] .tok-section, :root[data-af-design-system="volta"] .tok-selector-id, :root[data-af-design-system="volta"] .tok-selector-class { color:var(--foreground);font-weight:600; }
:root[data-af-design-system="volta"] .tok-title.class_, :root[data-af-design-system="volta"] .tok-type, :root[data-af-design-system="volta"] .tok-built_in, :root[data-af-design-system="volta"] .tok-class { color:color-mix(in oklab, var(--chart-4) 47%, var(--foreground)); }
:root[data-af-design-system="volta"] .tok-attr, :root[data-af-design-system="volta"] .tok-attribute, :root[data-af-design-system="volta"] .tok-property, :root[data-af-design-system="volta"] .tok-variable, :root[data-af-design-system="volta"] .tok-params { color:color-mix(in oklab, var(--chart-1) 66%, var(--foreground)); }
:root[data-af-design-system="volta"] .tok-tag, :root[data-af-design-system="volta"] .tok-operator, :root[data-af-design-system="volta"] .tok-punctuation { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground)); }
:root[data-af-design-system="volta"] .tok-deletion { color:color-mix(in oklab, var(--destructive) 66%, var(--foreground)); }
:root[data-af-design-system="volta"] .tok-emphasis { font-style:italic; }
:root[data-af-design-system="volta"] .tok-strong { font-weight:700; }
:root[data-af-design-system="phosphor"] {
  --ds-glass: #f2f5ec;
  --ds-glass-raised: #fbfcf7;
  --ds-glass-sunk: #e3e9d9;
  --ds-line: #c9d3bf;
  --ds-edge: #0f7a3a;
  --ds-ink: #0f1f12;
  --ds-ink-muted: #4c6b52;
  --ds-green: #0f7a3a;
  --ds-on-green: #f2f5ec;
  --ds-green-ink: #0b6a31;
  --ds-green-soft: #d9f0dc;
  --ds-amber: #9a6a00;
  --ds-on-amber: #ffffff;
  --ds-amber-soft: #f6e9c4;
  --ds-positive: #0f7a3a;
  --ds-caution: #9a6a00;
  --ds-negative: #b3261e;
  --ds-negative-soft: #f6d9d6;
  --ds-cyan: #0b6e7a;
  --ds-violet: #5b3fb0;
  --ds-positive-soft: var(--ds-green-soft);
  --ds-caution-soft: var(--ds-amber-soft);
  --background: var(--ds-glass);
  --foreground: var(--ds-ink);
  --card: var(--ds-glass-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-glass-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-green);
  --primary-foreground: var(--ds-on-green);
  --secondary: var(--ds-green-soft);
  --secondary-foreground: var(--ds-green-ink);
  --muted: var(--ds-glass-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-glass-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-glass);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-amber);
  --chart-1: var(--ds-green);
  --chart-2: var(--ds-cyan);
  --chart-3: var(--ds-amber);
  --chart-4: var(--ds-violet);
  --chart-5: var(--ds-ink-muted);
  --radius: 0px;
  --font-display: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --font-body: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --ds-glow: none;
  --ds-glow-amber: none;
  --ds-chip-radius: 0px;
}
:root[data-af-design-system="phosphor"][data-af-dark="true"] {
  --ds-glass: #060a06;
  --ds-glass-raised: #0c130c;
  --ds-glass-sunk: #030503;
  --ds-line: #1b2a1b;
  --ds-edge: #3dff7a;
  --ds-ink: #d7ffe0;
  --ds-ink-muted: #7fb48f;
  --ds-green: #3dff7a;
  --ds-on-green: #04140a;
  --ds-green-ink: #5fff93;
  --ds-green-soft: #0f2a18;
  --ds-amber: #ffb000;
  --ds-on-amber: #1a1000;
  --ds-amber-soft: #2a1e00;
  --ds-positive: #3dff7a;
  --ds-caution: #ffb000;
  --ds-negative: #ff5c5c;
  --ds-negative-soft: #2d0e0e;
  --ds-cyan: #5ee1f0;
  --ds-violet: #b79cff;
  --ds-positive-soft: var(--ds-green-soft);
  --ds-caution-soft: var(--ds-amber-soft);
  --background: var(--ds-glass);
  --foreground: var(--ds-ink);
  --card: var(--ds-glass-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-glass-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-green);
  --primary-foreground: var(--ds-on-green);
  --secondary: var(--ds-green-soft);
  --secondary-foreground: var(--ds-green-ink);
  --muted: var(--ds-glass-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-glass-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-glass);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-amber);
  --chart-1: var(--ds-green);
  --chart-2: var(--ds-cyan);
  --chart-3: var(--ds-amber);
  --chart-4: var(--ds-violet);
  --chart-5: var(--ds-ink-muted);
  --ds-glow: 0 0 12px rgba(61,255,122,.45);
  --ds-glow-amber: 0 0 12px rgba(255,176,0,.5);
  --ds-chip-radius: 0px;
}
:root[data-af-design-system="phosphor"] body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); }
:root[data-af-design-system="phosphor"] .t-display-xl { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: clamp(44px, 7vw, 88px); line-height: .95; font-weight: 700; letter-spacing: -0.02em; }
:root[data-af-design-system="phosphor"] .t-display-l { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: clamp(30px, 4vw, 48px); line-height: 1; font-weight: 700; letter-spacing: -0.02em; }
:root[data-af-design-system="phosphor"] .t-title { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 20px; line-height: 26px; font-weight: 700; letter-spacing: -0.01em; }
:root[data-af-design-system="phosphor"] .t-body { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 15px; line-height: 24px; font-weight: 400; }
:root[data-af-design-system="phosphor"] .t-body-s { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 13px; line-height: 20px; font-weight: 400; }
:root[data-af-design-system="phosphor"] .t-label { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }
:root[data-af-design-system="phosphor"] .t-numeral { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 40px; line-height: 44px; font-weight: 500; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="phosphor"] .t-log { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 13px; line-height: 20px; font-weight: 400; }
:root[data-af-design-system="phosphor"] .tok-comment, :root[data-af-design-system="phosphor"] .tok-quote, :root[data-af-design-system="phosphor"] .tok-meta { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground));font-style:italic; }
:root[data-af-design-system="phosphor"] .tok-keyword, :root[data-af-design-system="phosphor"] .tok-selector-tag, :root[data-af-design-system="phosphor"] .tok-doctag, :root[data-af-design-system="phosphor"] .tok-name { color:color-mix(in oklab, var(--primary) 66%, var(--foreground)); }
:root[data-af-design-system="phosphor"] .tok-string, :root[data-af-design-system="phosphor"] .tok-regexp, :root[data-af-design-system="phosphor"] .tok-template-variable, :root[data-af-design-system="phosphor"] .tok-addition { color:color-mix(in oklab, var(--chart-2) 59%, var(--foreground)); }
:root[data-af-design-system="phosphor"] .tok-number, :root[data-af-design-system="phosphor"] .tok-literal, :root[data-af-design-system="phosphor"] .tok-symbol, :root[data-af-design-system="phosphor"] .tok-bullet { color:color-mix(in oklab, var(--chart-3) 35%, var(--foreground)); }
:root[data-af-design-system="phosphor"] .tok-title, :root[data-af-design-system="phosphor"] .tok-section, :root[data-af-design-system="phosphor"] .tok-selector-id, :root[data-af-design-system="phosphor"] .tok-selector-class { color:var(--foreground);font-weight:600; }
:root[data-af-design-system="phosphor"] .tok-title.class_, :root[data-af-design-system="phosphor"] .tok-type, :root[data-af-design-system="phosphor"] .tok-built_in, :root[data-af-design-system="phosphor"] .tok-class { color:color-mix(in oklab, var(--chart-4) 47%, var(--foreground)); }
:root[data-af-design-system="phosphor"] .tok-attr, :root[data-af-design-system="phosphor"] .tok-attribute, :root[data-af-design-system="phosphor"] .tok-property, :root[data-af-design-system="phosphor"] .tok-variable, :root[data-af-design-system="phosphor"] .tok-params { color:color-mix(in oklab, var(--chart-1) 66%, var(--foreground)); }
:root[data-af-design-system="phosphor"] .tok-tag, :root[data-af-design-system="phosphor"] .tok-operator, :root[data-af-design-system="phosphor"] .tok-punctuation { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground)); }
:root[data-af-design-system="phosphor"] .tok-deletion { color:color-mix(in oklab, var(--destructive) 66%, var(--foreground)); }
:root[data-af-design-system="phosphor"] .tok-emphasis { font-style:italic; }
:root[data-af-design-system="phosphor"] .tok-strong { font-weight:700; }
:root[data-af-design-system="drafting"] {
  --ds-vellum: #eeede6;
  --ds-vellum-raised: #f7f6f1;
  --ds-vellum-sunk: #e3e1d7;
  --ds-grid: #d9d7cc;
  --ds-ink: #16181c;
  --ds-ink-muted: #4a4f58;
  --ds-cobalt: #2a5bd7;
  --ds-on-cobalt: #ffffff;
  --ds-cobalt-soft: #dfe7fb;
  --ds-vermilion: #ff781f;
  --ds-on-vermilion: #16181c;
  --ds-vermilion-ink: #963b00;
  --ds-vermilion-soft: #ffd4b5;
  --ds-positive: #1f7a4d;
  --ds-positive-soft: #dcefe3;
  --ds-caution: #685500;
  --ds-caution-soft: #ffe83d;
  --ds-negative: #c2320a;
  --ds-negative-soft: #ffe0d6;
  --background: var(--ds-vellum);
  --foreground: var(--ds-ink);
  --card: var(--ds-vellum-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-vellum-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-cobalt);
  --primary-foreground: var(--ds-on-cobalt);
  --secondary: var(--ds-cobalt-soft);
  --secondary-foreground: var(--ds-cobalt);
  --muted: var(--ds-vellum-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-vellum-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-vellum);
  --border: var(--ds-grid);
  --input: var(--ds-grid);
  --ring: var(--ds-cobalt);
  --chart-1: var(--ds-cobalt);
  --chart-2: var(--ds-vermilion);
  --chart-3: var(--ds-ink);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-ink-muted);
  --radius: 0px;
  --font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Archivo", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --ds-chip-radius: 0px;
}
:root[data-af-design-system="drafting"][data-af-dark="true"] {
  --ds-vellum: #0f1b2d;
  --ds-vellum-raised: #15253d;
  --ds-vellum-sunk: #0a1322;
  --ds-grid: #1f3350;
  --ds-ink: #e9eef7;
  --ds-ink-muted: #9fb0c8;
  --ds-cobalt: #8fb4ff;
  --ds-on-cobalt: #0a1322;
  --ds-cobalt-soft: #1b2f55;
  --ds-vermilion: #ff9747;
  --ds-on-vermilion: #16181c;
  --ds-vermilion-ink: #ffaf6b;
  --ds-vermilion-soft: #3b2413;
  --ds-positive: #6fd49a;
  --ds-positive-soft: #113426;
  --ds-caution: #ffe83d;
  --ds-caution-soft: #343b0f;
  --ds-negative: #ff7a4d;
  --ds-negative-soft: #3b1a10;
  --background: var(--ds-vellum);
  --foreground: var(--ds-ink);
  --card: var(--ds-vellum-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-vellum-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-cobalt);
  --primary-foreground: var(--ds-on-cobalt);
  --secondary: var(--ds-cobalt-soft);
  --secondary-foreground: var(--ds-cobalt);
  --muted: var(--ds-vellum-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-vellum-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-vellum);
  --border: var(--ds-grid);
  --input: var(--ds-grid);
  --ring: var(--ds-cobalt);
  --chart-1: var(--ds-cobalt);
  --chart-2: var(--ds-vermilion);
  --chart-3: var(--ds-ink);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-ink-muted);
  --ds-chip-radius: 0px;
}
:root[data-af-design-system="drafting"] body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); }
:root[data-af-design-system="drafting"] .t-display-xl { font-family: "Archivo", "Arial Narrow", system-ui, sans-serif; font-size: clamp(48px, 8vw, 104px); line-height: .9; font-weight: 900; letter-spacing: -0.03em; text-transform: uppercase; }
:root[data-af-design-system="drafting"] .t-display-l { font-family: "Archivo", "Arial Narrow", system-ui, sans-serif; font-size: clamp(32px, 4.5vw, 56px); line-height: .95; font-weight: 900; letter-spacing: -0.025em; text-transform: uppercase; }
:root[data-af-design-system="drafting"] .t-title { font-family: "Archivo", "Arial Narrow", system-ui, sans-serif; font-size: 22px; line-height: 26px; font-weight: 700; letter-spacing: -0.01em; }
:root[data-af-design-system="drafting"] .t-body { font-family: "Archivo", system-ui, sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; }
:root[data-af-design-system="drafting"] .t-body-s { font-family: "Archivo", system-ui, sans-serif; font-size: 13px; line-height: 19px; font-weight: 400; }
:root[data-af-design-system="drafting"] .t-label { font-family: "Archivo Narrow", "Arial Narrow", sans-serif; font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
:root[data-af-design-system="drafting"] .t-dim { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 13px; line-height: 18px; font-weight: 500; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="drafting"] .t-numeral { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 40px; line-height: 44px; font-weight: 500; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="drafting"] .t-mono { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 13px; line-height: 20px; font-weight: 400; }
:root[data-af-design-system="drafting"] .tok-comment, :root[data-af-design-system="drafting"] .tok-quote, :root[data-af-design-system="drafting"] .tok-meta { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground));font-style:italic; }
:root[data-af-design-system="drafting"] .tok-keyword, :root[data-af-design-system="drafting"] .tok-selector-tag, :root[data-af-design-system="drafting"] .tok-doctag, :root[data-af-design-system="drafting"] .tok-name { color:color-mix(in oklab, var(--primary) 66%, var(--foreground)); }
:root[data-af-design-system="drafting"] .tok-string, :root[data-af-design-system="drafting"] .tok-regexp, :root[data-af-design-system="drafting"] .tok-template-variable, :root[data-af-design-system="drafting"] .tok-addition { color:color-mix(in oklab, var(--chart-2) 59%, var(--foreground)); }
:root[data-af-design-system="drafting"] .tok-number, :root[data-af-design-system="drafting"] .tok-literal, :root[data-af-design-system="drafting"] .tok-symbol, :root[data-af-design-system="drafting"] .tok-bullet { color:color-mix(in oklab, var(--chart-3) 35%, var(--foreground)); }
:root[data-af-design-system="drafting"] .tok-title, :root[data-af-design-system="drafting"] .tok-section, :root[data-af-design-system="drafting"] .tok-selector-id, :root[data-af-design-system="drafting"] .tok-selector-class { color:var(--foreground);font-weight:600; }
:root[data-af-design-system="drafting"] .tok-title.class_, :root[data-af-design-system="drafting"] .tok-type, :root[data-af-design-system="drafting"] .tok-built_in, :root[data-af-design-system="drafting"] .tok-class { color:color-mix(in oklab, var(--chart-4) 47%, var(--foreground)); }
:root[data-af-design-system="drafting"] .tok-attr, :root[data-af-design-system="drafting"] .tok-attribute, :root[data-af-design-system="drafting"] .tok-property, :root[data-af-design-system="drafting"] .tok-variable, :root[data-af-design-system="drafting"] .tok-params { color:color-mix(in oklab, var(--chart-1) 66%, var(--foreground)); }
:root[data-af-design-system="drafting"] .tok-tag, :root[data-af-design-system="drafting"] .tok-operator, :root[data-af-design-system="drafting"] .tok-punctuation { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground)); }
:root[data-af-design-system="drafting"] .tok-deletion { color:color-mix(in oklab, var(--destructive) 66%, var(--foreground)); }
:root[data-af-design-system="drafting"] .tok-emphasis { font-style:italic; }
:root[data-af-design-system="drafting"] .tok-strong { font-weight:700; }
:root[data-af-design-system="meridian"] {
  --ds-canvas: #f4f4f5;
  --ds-surface: #ffffff;
  --ds-surface-sunk: #eeeef0;
  --ds-hairline: #e4e4e7;
  --ds-hairline-strong: #c9c9ce;
  --ds-ink: #111114;
  --ds-ink-soft: #5a5b63;
  --ds-ink-faint: #696a73;
  --ds-blue: #2e5bff;
  --ds-on-blue: #ffffff;
  --ds-blue-soft: #e9eeff;
  --ds-blue-ink: #2449d0;
  --ds-positive: #147c3b;
  --ds-positive-soft: #e6f6ec;
  --ds-caution: #9d6007;
  --ds-caution-soft: #fdf4d8;
  --ds-negative: #ce2121;
  --ds-negative-soft: #fde8e8;
  --ds-violet: #7c5cff;
  --ds-teal: #0d9488;
  --background: var(--ds-canvas);
  --foreground: var(--ds-ink);
  --card: var(--ds-surface);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-surface);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-blue);
  --primary-foreground: var(--ds-on-blue);
  --secondary: var(--ds-blue-soft);
  --secondary-foreground: var(--ds-blue-ink);
  --muted: var(--ds-surface-sunk);
  --muted-foreground: var(--ds-ink-soft);
  --accent: var(--ds-surface-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-blue);
  --border: var(--ds-hairline);
  --input: var(--ds-hairline);
  --ring: var(--ds-blue);
  --chart-1: var(--ds-blue);
  --chart-2: var(--ds-violet);
  --chart-3: var(--ds-teal);
  --chart-4: var(--ds-ink-faint);
  --chart-5: var(--ds-caution);
  --radius: 8px;
  --font-display: "Geist", "Inter", system-ui, sans-serif;
  --font-body: "Geist", "Inter", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Menlo, monospace;
  --ds-shadow-tile: inset 0 1px 0 rgba(255,255,255,.7), 0 1px 2px rgba(17,17,20,.04);
  --ds-shadow-float: 0 1px 2px rgba(17,17,20,.06), 0 16px 40px -12px rgba(17,17,20,.22);
  --ds-shadow-key: inset 0 -2px 0 #e4e4e7, 0 1px 0 #c9c9ce;
  --ds-btn-ring: inset 0 0 0 1px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.18);
  --ds-glow: radial-gradient(600px 300px at 30% 0%, rgba(46,91,255,.10), transparent 70%);
  --ds-glass: linear-gradient(180deg, #c9c9ce, #e4e4e7);
  --ds-glow-a: .12;
  --ds-focus-ring: 0 0 0 2px #f4f4f5, 0 0 0 4px #2e5bff;
  --ds-chip-radius: 999px;
}
:root[data-af-design-system="meridian"][data-af-dark="true"] {
  --ds-canvas: #0b0c0f;
  --ds-surface: #14161b;
  --ds-surface-sunk: #1c1f26;
  --ds-hairline: #262a33;
  --ds-hairline-strong: #3a3f4b;
  --ds-ink: #f2f2f4;
  --ds-ink-soft: #a0a3ad;
  --ds-ink-faint: #848894;
  --ds-blue: #7a9bff;
  --ds-on-blue: #0b0c0f;
  --ds-blue-soft: #182040;
  --ds-blue-ink: #9db5ff;
  --ds-positive: #4ade80;
  --ds-positive-soft: #0f2a1a;
  --ds-caution: #facc15;
  --ds-caution-soft: #2d2408;
  --ds-negative: #f87171;
  --ds-negative-soft: #2f1313;
  --ds-violet: #a78bfa;
  --ds-teal: #2dd4bf;
  --background: var(--ds-canvas);
  --foreground: var(--ds-ink);
  --card: var(--ds-surface);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-surface);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-blue);
  --primary-foreground: var(--ds-on-blue);
  --secondary: var(--ds-blue-soft);
  --secondary-foreground: var(--ds-blue-ink);
  --muted: var(--ds-surface-sunk);
  --muted-foreground: var(--ds-ink-soft);
  --accent: var(--ds-surface-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-blue);
  --border: var(--ds-hairline);
  --input: var(--ds-hairline);
  --ring: var(--ds-blue);
  --chart-1: var(--ds-blue);
  --chart-2: var(--ds-violet);
  --chart-3: var(--ds-teal);
  --chart-4: var(--ds-ink-faint);
  --chart-5: var(--ds-caution);
  --ds-shadow-tile: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.4);
  --ds-shadow-float: 0 1px 2px rgba(0,0,0,.5), 0 24px 60px -16px rgba(0,0,0,.8);
  --ds-shadow-key: inset 0 -2px 0 #262a33, 0 1px 0 #3a3f4b;
  --ds-btn-ring: inset 0 0 0 1px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.16);
  --ds-glow: radial-gradient(600px 300px at 30% 0%, rgba(122,155,255,.18), transparent 70%);
  --ds-glass: linear-gradient(180deg, #3a3f4b, rgba(58,63,75,0));
  --ds-glow-a: .22;
  --ds-focus-ring: 0 0 0 2px #0b0c0f, 0 0 0 4px #7a9bff;
  --ds-chip-radius: 999px;
}
:root[data-af-design-system="meridian"] body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); }
:root[data-af-design-system="meridian"] .t-display-xl { font-family: "Geist", "Inter", system-ui, sans-serif; font-size: clamp(48px, 7vw, 96px); line-height: .98; font-weight: 600; letter-spacing: -0.045em; }
:root[data-af-design-system="meridian"] .t-display-l { font-family: "Geist", "Inter", system-ui, sans-serif; font-size: clamp(32px, 4.2vw, 52px); line-height: 1.04; font-weight: 600; letter-spacing: -0.04em; }
:root[data-af-design-system="meridian"] .t-display-m { font-family: "Geist", "Inter", system-ui, sans-serif; font-size: 28px; line-height: 32px; font-weight: 600; letter-spacing: -0.03em; }
:root[data-af-design-system="meridian"] .t-title { font-family: "Geist", "Inter", system-ui, sans-serif; font-size: 16px; line-height: 22px; font-weight: 600; letter-spacing: -0.015em; }
:root[data-af-design-system="meridian"] .t-body-l { font-family: "Geist", "Inter", system-ui, sans-serif; font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: -0.01em; }
:root[data-af-design-system="meridian"] .t-body { font-family: "Geist", "Inter", system-ui, sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; }
:root[data-af-design-system="meridian"] .t-body-s { font-family: "Geist", "Inter", system-ui, sans-serif; font-size: 13px; line-height: 18px; font-weight: 400; }
:root[data-af-design-system="meridian"] .t-label { font-family: "Geist", "Inter", system-ui, sans-serif; font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.01em; }
:root[data-af-design-system="meridian"] .t-eyebrow { font-family: "Geist Mono", ui-monospace, Menlo, monospace; font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.02em; }
:root[data-af-design-system="meridian"] .t-numeral { font-family: "Geist", "Inter", system-ui, sans-serif; font-size: 36px; line-height: 40px; font-weight: 600; letter-spacing: -0.035em; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="meridian"] .t-mono { font-family: "Geist Mono", ui-monospace, Menlo, monospace; font-size: 13px; line-height: 20px; font-weight: 400; }
:root[data-af-design-system="meridian"] .tok-comment, :root[data-af-design-system="meridian"] .tok-quote, :root[data-af-design-system="meridian"] .tok-meta { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground));font-style:italic; }
:root[data-af-design-system="meridian"] .tok-keyword, :root[data-af-design-system="meridian"] .tok-selector-tag, :root[data-af-design-system="meridian"] .tok-doctag, :root[data-af-design-system="meridian"] .tok-name { color:color-mix(in oklab, var(--primary) 66%, var(--foreground)); }
:root[data-af-design-system="meridian"] .tok-string, :root[data-af-design-system="meridian"] .tok-regexp, :root[data-af-design-system="meridian"] .tok-template-variable, :root[data-af-design-system="meridian"] .tok-addition { color:color-mix(in oklab, var(--chart-2) 59%, var(--foreground)); }
:root[data-af-design-system="meridian"] .tok-number, :root[data-af-design-system="meridian"] .tok-literal, :root[data-af-design-system="meridian"] .tok-symbol, :root[data-af-design-system="meridian"] .tok-bullet { color:color-mix(in oklab, var(--chart-3) 35%, var(--foreground)); }
:root[data-af-design-system="meridian"] .tok-title, :root[data-af-design-system="meridian"] .tok-section, :root[data-af-design-system="meridian"] .tok-selector-id, :root[data-af-design-system="meridian"] .tok-selector-class { color:var(--foreground);font-weight:600; }
:root[data-af-design-system="meridian"] .tok-title.class_, :root[data-af-design-system="meridian"] .tok-type, :root[data-af-design-system="meridian"] .tok-built_in, :root[data-af-design-system="meridian"] .tok-class { color:color-mix(in oklab, var(--chart-4) 47%, var(--foreground)); }
:root[data-af-design-system="meridian"] .tok-attr, :root[data-af-design-system="meridian"] .tok-attribute, :root[data-af-design-system="meridian"] .tok-property, :root[data-af-design-system="meridian"] .tok-variable, :root[data-af-design-system="meridian"] .tok-params { color:color-mix(in oklab, var(--chart-1) 66%, var(--foreground)); }
:root[data-af-design-system="meridian"] .tok-tag, :root[data-af-design-system="meridian"] .tok-operator, :root[data-af-design-system="meridian"] .tok-punctuation { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground)); }
:root[data-af-design-system="meridian"] .tok-deletion { color:color-mix(in oklab, var(--destructive) 66%, var(--foreground)); }
:root[data-af-design-system="meridian"] .tok-emphasis { font-style:italic; }
:root[data-af-design-system="meridian"] .tok-strong { font-weight:700; }
:root[data-af-design-system="dossier"] {
  --ds-paper: #F3EEE1;
  --ds-paper-raised: #FBF8F0;
  --ds-paper-sunk: #E9E2D0;
  --ds-line: #D6CEBB;
  --ds-ink: #12101C;
  --ds-ink-soft: #4A4658;
  --ds-night: #0D0B19;
  --ds-on-night: #ECE6D6;
  --ds-night-muted: #A9A3B8;
  --ds-violet: #3A1CF0;
  --ds-on-violet: #FFFFFF;
  --ds-violet-soft: #DCD6FB;
  --ds-lime: #D6FF3C;
  --ds-on-lime: #12101C;
  --ds-positive: #1E7B4F;
  --ds-positive-soft: #D8EEE0;
  --ds-caution: #B7791F;
  --ds-caution-soft: #FBEBC9;
  --ds-negative: #C62828;
  --ds-negative-soft: #FAD9D5;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-paper-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-paper-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-violet);
  --primary-foreground: var(--ds-on-violet);
  --secondary: var(--ds-violet-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-soft);
  --accent: var(--ds-lime);
  --accent-foreground: var(--ds-on-lime);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-paper);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-violet);
  --chart-1: var(--ds-violet);
  --chart-2: var(--ds-ink);
  --chart-3: var(--ds-caution);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-ink-soft);
  --radius: 2px;
  --font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Newsreader", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --ds-shadow-file: 10px 10px 0 0 #3A1CF0;
  --ds-chip-radius: 2px;
}
:root[data-af-design-system="dossier"][data-af-dark="true"] {
  --ds-paper: #0D0B19;
  --ds-paper-raised: #16141F;
  --ds-paper-sunk: #07060C;
  --ds-line: #2B2838;
  --ds-ink: #ECE6D6;
  --ds-ink-soft: #A9A3B8;
  --ds-night: #F3EEE1;
  --ds-on-night: #12101C;
  --ds-night-muted: #4A4658;
  --ds-violet: #8F7BFF;
  --ds-on-violet: #0D0B19;
  --ds-violet-soft: #231B55;
  --ds-lime: #D6FF3C;
  --ds-on-lime: #12101C;
  --ds-positive: #5FCF93;
  --ds-positive-soft: #0F3022;
  --ds-caution: #F0B64A;
  --ds-caution-soft: #3A2A08;
  --ds-negative: #FF7A6E;
  --ds-negative-soft: #431512;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-paper-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-paper-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-violet);
  --primary-foreground: var(--ds-on-violet);
  --secondary: var(--ds-violet-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-soft);
  --accent: var(--ds-lime);
  --accent-foreground: var(--ds-on-lime);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-paper);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-violet);
  --chart-1: var(--ds-violet);
  --chart-2: var(--ds-ink);
  --chart-3: var(--ds-caution);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-ink-soft);
  --ds-shadow-file: 10px 10px 0 0 #8F7BFF;
  --ds-chip-radius: 2px;
}
:root[data-af-design-system="dossier"] body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); }
:root[data-af-design-system="dossier"] .t-display-xl { font-family: "Archivo", "Arial Narrow", system-ui, sans-serif; font-size: clamp(64px, 12vw, 160px); line-height: .8; font-weight: 900; letter-spacing: -0.01em; text-transform: uppercase; font-stretch: 62%; }
:root[data-af-design-system="dossier"] .t-display-l { font-family: "Archivo", "Arial Narrow", system-ui, sans-serif; font-size: clamp(40px, 6.5vw, 88px); line-height: .84; font-weight: 900; letter-spacing: -0.01em; text-transform: uppercase; font-stretch: 62%; }
:root[data-af-design-system="dossier"] .t-display-m { font-family: "Archivo", "Arial Narrow", system-ui, sans-serif; font-size: 36px; line-height: 36px; font-weight: 800; letter-spacing: -0.005em; text-transform: uppercase; font-stretch: 75%; }
:root[data-af-design-system="dossier"] .t-title { font-family: "Archivo", "Arial Narrow", system-ui, sans-serif; font-size: 20px; line-height: 24px; font-weight: 800; letter-spacing: 0.005em; text-transform: uppercase; font-stretch: 80%; }
:root[data-af-design-system="dossier"] .t-body-l { font-family: "Newsreader", Georgia, serif; font-size: 21px; line-height: 1.4; font-weight: 400; }
:root[data-af-design-system="dossier"] .t-body { font-family: "Newsreader", Georgia, serif; font-size: 18px; line-height: 1.56; font-weight: 400; }
:root[data-af-design-system="dossier"] .t-body-ui { font-family: "Archivo", system-ui, sans-serif; font-size: 15px; line-height: 22px; font-weight: 400; }
:root[data-af-design-system="dossier"] .t-body-s { font-family: "Archivo", system-ui, sans-serif; font-size: 13px; line-height: 18px; font-weight: 400; }
:root[data-af-design-system="dossier"] .t-label { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 11px; line-height: 16px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
:root[data-af-design-system="dossier"] .t-numeral { font-family: "Archivo", "Arial Narrow", system-ui, sans-serif; font-size: 48px; line-height: 48px; font-weight: 800; letter-spacing: -0.01em; font-stretch: 75%; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="dossier"] .t-mono { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 13px; line-height: 20px; font-weight: 400; }
:root[data-af-design-system="dossier"] .tok-comment, :root[data-af-design-system="dossier"] .tok-quote, :root[data-af-design-system="dossier"] .tok-meta { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground));font-style:italic; }
:root[data-af-design-system="dossier"] .tok-keyword, :root[data-af-design-system="dossier"] .tok-selector-tag, :root[data-af-design-system="dossier"] .tok-doctag, :root[data-af-design-system="dossier"] .tok-name { color:color-mix(in oklab, var(--primary) 66%, var(--foreground)); }
:root[data-af-design-system="dossier"] .tok-string, :root[data-af-design-system="dossier"] .tok-regexp, :root[data-af-design-system="dossier"] .tok-template-variable, :root[data-af-design-system="dossier"] .tok-addition { color:color-mix(in oklab, var(--chart-2) 59%, var(--foreground)); }
:root[data-af-design-system="dossier"] .tok-number, :root[data-af-design-system="dossier"] .tok-literal, :root[data-af-design-system="dossier"] .tok-symbol, :root[data-af-design-system="dossier"] .tok-bullet { color:color-mix(in oklab, var(--chart-3) 35%, var(--foreground)); }
:root[data-af-design-system="dossier"] .tok-title, :root[data-af-design-system="dossier"] .tok-section, :root[data-af-design-system="dossier"] .tok-selector-id, :root[data-af-design-system="dossier"] .tok-selector-class { color:var(--foreground);font-weight:600; }
:root[data-af-design-system="dossier"] .tok-title.class_, :root[data-af-design-system="dossier"] .tok-type, :root[data-af-design-system="dossier"] .tok-built_in, :root[data-af-design-system="dossier"] .tok-class { color:color-mix(in oklab, var(--chart-4) 47%, var(--foreground)); }
:root[data-af-design-system="dossier"] .tok-attr, :root[data-af-design-system="dossier"] .tok-attribute, :root[data-af-design-system="dossier"] .tok-property, :root[data-af-design-system="dossier"] .tok-variable, :root[data-af-design-system="dossier"] .tok-params { color:color-mix(in oklab, var(--chart-1) 66%, var(--foreground)); }
:root[data-af-design-system="dossier"] .tok-tag, :root[data-af-design-system="dossier"] .tok-operator, :root[data-af-design-system="dossier"] .tok-punctuation { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground)); }
:root[data-af-design-system="dossier"] .tok-deletion { color:color-mix(in oklab, var(--destructive) 66%, var(--foreground)); }
:root[data-af-design-system="dossier"] .tok-emphasis { font-style:italic; }
:root[data-af-design-system="dossier"] .tok-strong { font-weight:700; }
:root[data-af-design-system="riso"] {
  --ds-paper: #F3ECDC;
  --ds-sheet: #FBF6EA;
  --ds-paper-sunk: #E8DFC6;
  --ds-manila: #F1DFA6;
  --ds-line: #CFC5AD;
  --ds-key: #1C2340;
  --ds-key-2: #3A3F5C;
  --ds-blue: #0078BF;
  --ds-on-blue: #FFFFFF;
  --ds-blue-soft: #CFE6F5;
  --ds-pink: #FF48B0;
  --ds-on-pink: #1C2340;
  --ds-pink-soft: #FFD3EA;
  --ds-yellow: #FFE800;
  --ds-on-yellow: #1C2340;
  --ds-positive: #00704B;
  --ds-positive-soft: #CDEEDD;
  --ds-caution: #765D00;
  --ds-caution-soft: #FFF3A0;
  --ds-negative: #E8322B;
  --ds-negative-soft: #FFD6D3;
  --background: var(--ds-paper);
  --foreground: var(--ds-key);
  --card: var(--ds-sheet);
  --card-foreground: var(--ds-key);
  --popover: var(--ds-sheet);
  --popover-foreground: var(--ds-key);
  --primary: var(--ds-blue);
  --primary-foreground: var(--ds-on-blue);
  --secondary: var(--ds-yellow);
  --secondary-foreground: var(--ds-on-yellow);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-key-2);
  --accent: var(--ds-pink-soft);
  --accent-foreground: var(--ds-key);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-paper);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-pink);
  --chart-1: var(--ds-blue);
  --chart-2: var(--ds-pink);
  --chart-3: var(--ds-yellow);
  --chart-4: var(--ds-key-2);
  --chart-5: var(--ds-positive);
  --radius: 0px;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Fraunces", Georgia, serif;
  --font-mono: "Space Mono", ui-monospace, Menlo, monospace;
  --ds-shadow-hard: 6px 6px 0 0 #1C2340;
  --ds-shadow-hard-lg: 9px 9px 0 0 #1C2340;
  --ds-chip-radius: 0;
  --ds-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");
}
:root[data-af-design-system="riso"][data-af-dark="true"] {
  --ds-paper: #1C2340;
  --ds-sheet: #263054;
  --ds-paper-sunk: #151b33;
  --ds-manila: #F1DFA6;
  --ds-line: #3A4470;
  --ds-key: #F3ECDC;
  --ds-key-2: #B9BED6;
  --ds-blue: #2E9BE8;
  --ds-on-blue: #1C2340;
  --ds-blue-soft: #173555;
  --ds-pink: #FF48B0;
  --ds-on-pink: #1C2340;
  --ds-pink-soft: #4A1E3A;
  --ds-yellow: #FFE800;
  --ds-on-yellow: #1C2340;
  --ds-positive: #2FD27E;
  --ds-positive-soft: #0F3A26;
  --ds-caution: #FFE800;
  --ds-caution-soft: #3A3400;
  --ds-negative: #FF6B61;
  --ds-negative-soft: #4A1512;
  --background: var(--ds-paper);
  --foreground: var(--ds-key);
  --card: var(--ds-sheet);
  --card-foreground: var(--ds-key);
  --popover: var(--ds-sheet);
  --popover-foreground: var(--ds-key);
  --primary: var(--ds-blue);
  --primary-foreground: var(--ds-on-blue);
  --secondary: var(--ds-yellow);
  --secondary-foreground: var(--ds-on-yellow);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-key-2);
  --accent: var(--ds-pink-soft);
  --accent-foreground: var(--ds-key);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-paper);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-pink);
  --chart-1: var(--ds-blue);
  --chart-2: var(--ds-pink);
  --chart-3: var(--ds-yellow);
  --chart-4: var(--ds-key-2);
  --chart-5: var(--ds-positive);
  --ds-shadow-hard: 6px 6px 0 0 #FF48B0;
  --ds-shadow-hard-lg: 9px 9px 0 0 #FF48B0;
  --ds-chip-radius: 0;
  --ds-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");
}
:root[data-af-design-system="riso"] body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); }
:root[data-af-design-system="riso"] .t-display-xl { font-family: "Fraunces", Georgia, serif; font-size: clamp(64px, 12vw, 160px); line-height: .82; font-weight: 900; letter-spacing: -0.045em; }
:root[data-af-design-system="riso"] .t-display-l { font-family: "Fraunces", Georgia, serif; font-size: clamp(40px, 6.4vw, 84px); line-height: .9; font-weight: 900; letter-spacing: -0.03em; }
:root[data-af-design-system="riso"] .t-display-m { font-family: "Fraunces", Georgia, serif; font-size: 40px; line-height: 40px; font-weight: 900; letter-spacing: -0.02em; }
:root[data-af-design-system="riso"] .t-title { font-family: "Fraunces", Georgia, serif; font-size: 24px; line-height: 28px; font-weight: 900; letter-spacing: -0.01em; }
:root[data-af-design-system="riso"] .t-deck { font-family: "Fraunces", Georgia, serif; font-size: clamp(20px, 2vw, 26px); line-height: 1.25; font-weight: 500; font-style: italic; }
:root[data-af-design-system="riso"] .t-body-l { font-family: "Fraunces", Georgia, serif; font-size: 20px; line-height: 1.5; font-weight: 500; }
:root[data-af-design-system="riso"] .t-body { font-family: "Fraunces", Georgia, serif; font-size: 17px; line-height: 1.55; font-weight: 500; }
:root[data-af-design-system="riso"] .t-body-s { font-family: "Fraunces", Georgia, serif; font-size: 14px; line-height: 1.45; font-weight: 500; }
:root[data-af-design-system="riso"] .t-label { font-family: "Space Mono", ui-monospace, Menlo, monospace; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.09em; text-transform: uppercase; }
:root[data-af-design-system="riso"] .t-numeral { font-family: "Space Mono", ui-monospace, Menlo, monospace; font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="riso"] .t-mono { font-family: "Space Mono", ui-monospace, Menlo, monospace; font-size: 13px; line-height: 20px; font-weight: 400; }
:root[data-af-design-system="riso"] .tok-comment, :root[data-af-design-system="riso"] .tok-quote, :root[data-af-design-system="riso"] .tok-meta { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground));font-style:italic; }
:root[data-af-design-system="riso"] .tok-keyword, :root[data-af-design-system="riso"] .tok-selector-tag, :root[data-af-design-system="riso"] .tok-doctag, :root[data-af-design-system="riso"] .tok-name { color:color-mix(in oklab, var(--primary) 66%, var(--foreground)); }
:root[data-af-design-system="riso"] .tok-string, :root[data-af-design-system="riso"] .tok-regexp, :root[data-af-design-system="riso"] .tok-template-variable, :root[data-af-design-system="riso"] .tok-addition { color:color-mix(in oklab, var(--chart-2) 59%, var(--foreground)); }
:root[data-af-design-system="riso"] .tok-number, :root[data-af-design-system="riso"] .tok-literal, :root[data-af-design-system="riso"] .tok-symbol, :root[data-af-design-system="riso"] .tok-bullet { color:color-mix(in oklab, var(--chart-3) 35%, var(--foreground)); }
:root[data-af-design-system="riso"] .tok-title, :root[data-af-design-system="riso"] .tok-section, :root[data-af-design-system="riso"] .tok-selector-id, :root[data-af-design-system="riso"] .tok-selector-class { color:var(--foreground);font-weight:600; }
:root[data-af-design-system="riso"] .tok-title.class_, :root[data-af-design-system="riso"] .tok-type, :root[data-af-design-system="riso"] .tok-built_in, :root[data-af-design-system="riso"] .tok-class { color:color-mix(in oklab, var(--chart-4) 47%, var(--foreground)); }
:root[data-af-design-system="riso"] .tok-attr, :root[data-af-design-system="riso"] .tok-attribute, :root[data-af-design-system="riso"] .tok-property, :root[data-af-design-system="riso"] .tok-variable, :root[data-af-design-system="riso"] .tok-params { color:color-mix(in oklab, var(--chart-1) 66%, var(--foreground)); }
:root[data-af-design-system="riso"] .tok-tag, :root[data-af-design-system="riso"] .tok-operator, :root[data-af-design-system="riso"] .tok-punctuation { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground)); }
:root[data-af-design-system="riso"] .tok-deletion { color:color-mix(in oklab, var(--destructive) 66%, var(--foreground)); }
:root[data-af-design-system="riso"] .tok-emphasis { font-style:italic; }
:root[data-af-design-system="riso"] .tok-strong { font-weight:700; }
:root[data-af-design-system="almanac"] {
  --ds-paper: #F2E7D6;
  --ds-card: #F8F1E6;
  --ds-band: #E7CFB4;
  --ds-screen: #C8D1A9;
  --ds-paper-sunk: #E8DBC6;
  --ds-line: #CBBFA9;
  --ds-ink: #374836;
  --ds-ink-muted: #576355;
  --ds-accent: #B44E30;
  --ds-on-accent: #FFFFFF;
  --ds-accent-soft: #F0D9CD;
  --ds-mauve: #846B94;
  --ds-positive: #3E6B3C;
  --ds-positive-soft: #DCE6C9;
  --ds-caution: #775A1A;
  --ds-caution-soft: #F3E5BE;
  --ds-negative: #B44E30;
  --ds-negative-soft: #F0D9CD;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-card);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-card);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-accent);
  --primary-foreground: var(--ds-on-accent);
  --secondary: var(--ds-band);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-accent-soft);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-accent);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-accent);
  --chart-1: var(--ds-ink);
  --chart-2: var(--ds-accent);
  --chart-3: var(--ds-mauve);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-caution);
  --radius: 4px;
  --font-display: "Instrument Serif", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, Menlo, monospace;
  --ds-shadow-soft: 23px 23px 0 0 #b44e3020;
  --ds-shadow-soft-sm: 12px 12px 0 0 #b44e3020;
  --ds-chip-radius: 0;
}
:root[data-af-design-system="almanac"][data-af-dark="true"] {
  --ds-paper: #1B241B;
  --ds-card: #243024;
  --ds-band: #2E3B2E;
  --ds-screen: #3A4A36;
  --ds-paper-sunk: #141B14;
  --ds-line: #3C4A3C;
  --ds-ink: #F2E7D6;
  --ds-ink-muted: #A9B5A6;
  --ds-accent: #E07A58;
  --ds-on-accent: #1B241B;
  --ds-accent-soft: #4A2A1E;
  --ds-mauve: #B7A3C4;
  --ds-positive: #8FC28C;
  --ds-positive-soft: #263A26;
  --ds-caution: #E0B65A;
  --ds-caution-soft: #3E3218;
  --ds-negative: #E07A58;
  --ds-negative-soft: #4A2A1E;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-card);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-card);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-accent);
  --primary-foreground: var(--ds-on-accent);
  --secondary: var(--ds-band);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-accent-soft);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-accent);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-accent);
  --chart-1: var(--ds-ink);
  --chart-2: var(--ds-accent);
  --chart-3: var(--ds-mauve);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-caution);
  --ds-shadow-soft: 23px 23px 0 0 #e07a5826;
  --ds-shadow-soft-sm: 12px 12px 0 0 #e07a5826;
  --ds-chip-radius: 0;
}
:root[data-af-design-system="almanac"] body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); }
:root[data-af-design-system="almanac"] .t-display-xl { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(64px, 10.4vw, 160px); line-height: .92; font-weight: 400; letter-spacing: -0.055em; }
:root[data-af-design-system="almanac"] .t-display-l { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(40px, 5.5vw, 78px); line-height: .98; font-weight: 400; letter-spacing: -0.045em; }
:root[data-af-design-system="almanac"] .t-display-m { font-family: "Instrument Serif", Georgia, serif; font-size: 40px; line-height: 42px; font-weight: 400; letter-spacing: -0.03em; }
:root[data-af-design-system="almanac"] .t-title { font-family: "DM Sans", system-ui, sans-serif; font-size: 24px; line-height: 1.2; font-weight: 500; letter-spacing: -0.03em; }
:root[data-af-design-system="almanac"] .t-numeral-xl { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(72px, 9vw, 120px); line-height: 1; font-weight: 400; letter-spacing: -0.07em; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="almanac"] .t-body-l { font-family: "DM Sans", system-ui, sans-serif; font-size: 18px; line-height: 1.7; font-weight: 400; }
:root[data-af-design-system="almanac"] .t-body { font-family: "DM Sans", system-ui, sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; }
:root[data-af-design-system="almanac"] .t-body-s { font-family: "DM Sans", system-ui, sans-serif; font-size: 13px; line-height: 1.5; font-weight: 400; }
:root[data-af-design-system="almanac"] .t-label { font-family: "DM Mono", ui-monospace, Menlo, monospace; font-size: 11px; line-height: 1.6; font-weight: 400; letter-spacing: 0.06em; text-transform: uppercase; }
:root[data-af-design-system="almanac"] .t-numeral { font-family: "Instrument Serif", Georgia, serif; font-size: 48px; line-height: 1; font-weight: 400; letter-spacing: -0.06em; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="almanac"] .t-mono { font-family: "DM Mono", ui-monospace, Menlo, monospace; font-size: 12px; line-height: 1.6; font-weight: 400; }
:root[data-af-design-system="almanac"] .tok-comment, :root[data-af-design-system="almanac"] .tok-quote, :root[data-af-design-system="almanac"] .tok-meta { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground));font-style:italic; }
:root[data-af-design-system="almanac"] .tok-keyword, :root[data-af-design-system="almanac"] .tok-selector-tag, :root[data-af-design-system="almanac"] .tok-doctag, :root[data-af-design-system="almanac"] .tok-name { color:color-mix(in oklab, var(--primary) 66%, var(--foreground)); }
:root[data-af-design-system="almanac"] .tok-string, :root[data-af-design-system="almanac"] .tok-regexp, :root[data-af-design-system="almanac"] .tok-template-variable, :root[data-af-design-system="almanac"] .tok-addition { color:color-mix(in oklab, var(--chart-2) 59%, var(--foreground)); }
:root[data-af-design-system="almanac"] .tok-number, :root[data-af-design-system="almanac"] .tok-literal, :root[data-af-design-system="almanac"] .tok-symbol, :root[data-af-design-system="almanac"] .tok-bullet { color:color-mix(in oklab, var(--chart-3) 35%, var(--foreground)); }
:root[data-af-design-system="almanac"] .tok-title, :root[data-af-design-system="almanac"] .tok-section, :root[data-af-design-system="almanac"] .tok-selector-id, :root[data-af-design-system="almanac"] .tok-selector-class { color:var(--foreground);font-weight:600; }
:root[data-af-design-system="almanac"] .tok-title.class_, :root[data-af-design-system="almanac"] .tok-type, :root[data-af-design-system="almanac"] .tok-built_in, :root[data-af-design-system="almanac"] .tok-class { color:color-mix(in oklab, var(--chart-4) 47%, var(--foreground)); }
:root[data-af-design-system="almanac"] .tok-attr, :root[data-af-design-system="almanac"] .tok-attribute, :root[data-af-design-system="almanac"] .tok-property, :root[data-af-design-system="almanac"] .tok-variable, :root[data-af-design-system="almanac"] .tok-params { color:color-mix(in oklab, var(--chart-1) 66%, var(--foreground)); }
:root[data-af-design-system="almanac"] .tok-tag, :root[data-af-design-system="almanac"] .tok-operator, :root[data-af-design-system="almanac"] .tok-punctuation { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground)); }
:root[data-af-design-system="almanac"] .tok-deletion { color:color-mix(in oklab, var(--destructive) 66%, var(--foreground)); }
:root[data-af-design-system="almanac"] .tok-emphasis { font-style:italic; }
:root[data-af-design-system="almanac"] .tok-strong { font-weight:700; }
:root[data-af-design-system="redline"] {
  --ds-paper: #EEEADE;
  --ds-paper-raised: #F6F3EA;
  --ds-paper-sunk: #E2DDCC;
  --ds-line: #C9C3B0;
  --ds-ink: #20201D;
  --ds-ink-soft: #5C5A52;
  --ds-on-ink: #EEEADE;
  --ds-red: #F04E38;
  --ds-on-red: #121210;
  --ds-red-ink: #B42D1C;
  --ds-red-soft: #F9D5CF;
  --ds-positive: #2A9D5C;
  --ds-positive-soft: #D7EFE0;
  --ds-caution: #B8841A;
  --ds-caution-soft: #FAECC9;
  --ds-negative: #F04E38;
  --ds-negative-soft: #F9D5CF;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-paper-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-paper-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-red);
  --primary-foreground: var(--ds-on-red);
  --secondary: var(--ds-ink);
  --secondary-foreground: var(--ds-on-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-soft);
  --accent: var(--ds-red-soft);
  --accent-foreground: var(--ds-red-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-red);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-red);
  --chart-1: var(--ds-red);
  --chart-2: var(--ds-ink);
  --chart-3: var(--ds-ink-soft);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-caution);
  --radius: 0px;
  --font-display: "Barlow Condensed", Impact, "Arial Narrow", sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, Menlo, monospace;
  --ds-chip-radius: 0px;
}
:root[data-af-design-system="redline"][data-af-dark="true"] {
  --ds-paper: #20201D;
  --ds-paper-raised: #2A2A26;
  --ds-paper-sunk: #171715;
  --ds-line: #3D3D37;
  --ds-ink: #EEEADE;
  --ds-ink-soft: #B3B0A3;
  --ds-on-ink: #20201D;
  --ds-red: #F04E38;
  --ds-on-red: #121210;
  --ds-red-ink: #FF6A55;
  --ds-red-soft: #4A1D17;
  --ds-positive: #5EC98A;
  --ds-positive-soft: #143524;
  --ds-caution: #F0BD57;
  --ds-caution-soft: #42310A;
  --ds-negative: #F04E38;
  --ds-negative-soft: #4A1D17;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-paper-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-paper-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-red);
  --primary-foreground: var(--ds-on-red);
  --secondary: var(--ds-ink);
  --secondary-foreground: var(--ds-on-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-soft);
  --accent: var(--ds-red-soft);
  --accent-foreground: var(--ds-red-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-red);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-red);
  --chart-1: var(--ds-red);
  --chart-2: var(--ds-ink);
  --chart-3: var(--ds-ink-soft);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-caution);
  --ds-chip-radius: 0px;
}
:root[data-af-design-system="redline"] body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); }
:root[data-af-design-system="redline"] .t-display-xl { font-family: "Barlow Condensed", Impact, "Arial Narrow", sans-serif; font-size: clamp(80px, 18vw, 240px); line-height: .82; font-weight: 700; letter-spacing: -0.025em; text-transform: uppercase; }
:root[data-af-design-system="redline"] .t-display-l { font-family: "Barlow Condensed", Impact, "Arial Narrow", sans-serif; font-size: clamp(48px, 7.5vw, 104px); line-height: .9; font-weight: 700; letter-spacing: -0.025em; text-transform: uppercase; }
:root[data-af-design-system="redline"] .t-display-m { font-family: "Barlow Condensed", Impact, "Arial Narrow", sans-serif; font-size: 44px; line-height: 40px; font-weight: 700; letter-spacing: -0.02em; text-transform: uppercase; }
:root[data-af-design-system="redline"] .t-title { font-family: "Barlow Condensed", Impact, "Arial Narrow", sans-serif; font-size: 24px; line-height: 26px; font-weight: 700; letter-spacing: -0.01em; text-transform: uppercase; }
:root[data-af-design-system="redline"] .t-body-l { font-family: "DM Sans", system-ui, sans-serif; font-size: 19px; line-height: 1.5; font-weight: 400; }
:root[data-af-design-system="redline"] .t-body { font-family: "DM Sans", system-ui, sans-serif; font-size: 16px; line-height: 1.55; font-weight: 400; }
:root[data-af-design-system="redline"] .t-body-s { font-family: "DM Sans", system-ui, sans-serif; font-size: 13px; line-height: 18px; font-weight: 400; }
:root[data-af-design-system="redline"] .t-label { font-family: "DM Mono", ui-monospace, Menlo, monospace; font-size: 11px; line-height: 16px; font-weight: 400; letter-spacing: 0.09em; text-transform: uppercase; }
:root[data-af-design-system="redline"] .t-numeral { font-family: "Barlow Condensed", Impact, "Arial Narrow", sans-serif; font-size: 64px; line-height: 56px; font-weight: 700; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="redline"] .t-mono { font-family: "DM Mono", ui-monospace, Menlo, monospace; font-size: 13px; line-height: 20px; font-weight: 400; }
:root[data-af-design-system="redline"] .tok-comment, :root[data-af-design-system="redline"] .tok-quote, :root[data-af-design-system="redline"] .tok-meta { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground));font-style:italic; }
:root[data-af-design-system="redline"] .tok-keyword, :root[data-af-design-system="redline"] .tok-selector-tag, :root[data-af-design-system="redline"] .tok-doctag, :root[data-af-design-system="redline"] .tok-name { color:color-mix(in oklab, var(--primary) 66%, var(--foreground)); }
:root[data-af-design-system="redline"] .tok-string, :root[data-af-design-system="redline"] .tok-regexp, :root[data-af-design-system="redline"] .tok-template-variable, :root[data-af-design-system="redline"] .tok-addition { color:color-mix(in oklab, var(--chart-2) 59%, var(--foreground)); }
:root[data-af-design-system="redline"] .tok-number, :root[data-af-design-system="redline"] .tok-literal, :root[data-af-design-system="redline"] .tok-symbol, :root[data-af-design-system="redline"] .tok-bullet { color:color-mix(in oklab, var(--chart-3) 35%, var(--foreground)); }
:root[data-af-design-system="redline"] .tok-title, :root[data-af-design-system="redline"] .tok-section, :root[data-af-design-system="redline"] .tok-selector-id, :root[data-af-design-system="redline"] .tok-selector-class { color:var(--foreground);font-weight:600; }
:root[data-af-design-system="redline"] .tok-title.class_, :root[data-af-design-system="redline"] .tok-type, :root[data-af-design-system="redline"] .tok-built_in, :root[data-af-design-system="redline"] .tok-class { color:color-mix(in oklab, var(--chart-4) 47%, var(--foreground)); }
:root[data-af-design-system="redline"] .tok-attr, :root[data-af-design-system="redline"] .tok-attribute, :root[data-af-design-system="redline"] .tok-property, :root[data-af-design-system="redline"] .tok-variable, :root[data-af-design-system="redline"] .tok-params { color:color-mix(in oklab, var(--chart-1) 66%, var(--foreground)); }
:root[data-af-design-system="redline"] .tok-tag, :root[data-af-design-system="redline"] .tok-operator, :root[data-af-design-system="redline"] .tok-punctuation { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground)); }
:root[data-af-design-system="redline"] .tok-deletion { color:color-mix(in oklab, var(--destructive) 66%, var(--foreground)); }
:root[data-af-design-system="redline"] .tok-emphasis { font-style:italic; }
:root[data-af-design-system="redline"] .tok-strong { font-weight:700; }
:root[data-af-design-system="nocturne"] {
  --ds-night: #f3e7ca;
  --ds-night-raised: #faf1dc;
  --ds-night-sunk: #e9dbb9;
  --ds-line: #d3b98b;
  --ds-ink: #1d170f;
  --ds-ink-soft: #4a3d2c;
  --ds-ink-muted: #8a7a60;
  --ds-lamp: #9a5a12;
  --ds-on-lamp: #fff6e4;
  --ds-lamp-hot: #b8661f;
  --ds-lamp-soft: #f3e5c2;
  --ds-ember: #b8551a;
  --ds-on-ember: #ffffff;
  --ds-cool: #3a5a8a;
  --ds-positive: #2b5a45;
  --ds-positive-soft: #dcebe1;
  --ds-caution: #8a5a00;
  --ds-caution-soft: #f3e5c2;
  --ds-negative: #8a2d1c;
  --ds-negative-soft: #f4dcd8;
  --background: var(--ds-night);
  --foreground: var(--ds-ink);
  --card: var(--ds-night-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-night-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-lamp);
  --primary-foreground: var(--ds-on-lamp);
  --secondary: var(--ds-lamp-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-night-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-night-raised);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-night);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-ember);
  --chart-1: var(--ds-lamp);
  --chart-2: var(--ds-cool);
  --chart-3: var(--ds-ember);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-ink-muted);
  --radius: 2px;
  --font-display: "Newsreader", Georgia, serif;
  --font-body: "Newsreader", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --ds-halo: 0 0 0 1px #d3b98b;
  --ds-glow-text: none;
  --ds-chip-radius: 999px;
}
:root[data-af-design-system="nocturne"][data-af-dark="true"] {
  --ds-night: #050818;
  --ds-night-raised: #111940;
  --ds-night-sunk: #02040f;
  --ds-line: #2a3568;
  --ds-ink: #ece6d6;
  --ds-ink-soft: #b9c8ee;
  --ds-ink-muted: #8d98c0;
  --ds-lamp: #ffc76e;
  --ds-on-lamp: #1a1206;
  --ds-lamp-hot: #ffe2a8;
  --ds-lamp-soft: #241d30;
  --ds-ember: #ff9440;
  --ds-on-ember: #1a0e04;
  --ds-cool: #b9c8ee;
  --ds-positive: #6fcf97;
  --ds-positive-soft: #10291e;
  --ds-caution: #ffd27a;
  --ds-caution-soft: #2e2306;
  --ds-negative: #ff7a5c;
  --ds-negative-soft: #3a1412;
  --background: var(--ds-night);
  --foreground: var(--ds-ink);
  --card: var(--ds-night-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-night-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-lamp);
  --primary-foreground: var(--ds-on-lamp);
  --secondary: var(--ds-lamp-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-night-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-night-raised);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-night);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-ember);
  --chart-1: var(--ds-lamp);
  --chart-2: var(--ds-cool);
  --chart-3: var(--ds-ember);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-ink-muted);
  --ds-halo: 0 0 28px rgba(255,199,110,.32);
  --ds-glow-text: 0 0 30px rgba(255,170,70,.45);
  --ds-chip-radius: 999px;
}
:root[data-af-design-system="nocturne"] body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); }
:root[data-af-design-system="nocturne"] .t-display-xl { font-family: "Newsreader", Georgia, serif; font-size: clamp(48px, 7.5vw, 104px); line-height: .92; font-weight: 300; letter-spacing: -0.03em; }
:root[data-af-design-system="nocturne"] .t-display-l { font-family: "Newsreader", Georgia, serif; font-size: clamp(32px, 4.5vw, 56px); line-height: 1; font-weight: 300; letter-spacing: -0.02em; }
:root[data-af-design-system="nocturne"] .t-display-italic { font-family: "Newsreader", Georgia, serif; font-size: clamp(32px, 4.5vw, 56px); line-height: 1; font-weight: 400; letter-spacing: -0.02em; font-style: italic; }
:root[data-af-design-system="nocturne"] .t-caps { font-family: "Cinzel", "Trajan Pro", Georgia, serif; font-size: 12px; line-height: 18px; font-weight: 500; letter-spacing: 0.3em; text-transform: uppercase; }
:root[data-af-design-system="nocturne"] .t-title { font-family: "Newsreader", Georgia, serif; font-size: 24px; line-height: 30px; font-weight: 500; }
:root[data-af-design-system="nocturne"] .t-body-l { font-family: "Newsreader", Georgia, serif; font-size: 21px; line-height: 34px; font-weight: 300; }
:root[data-af-design-system="nocturne"] .t-body { font-family: "Newsreader", Georgia, serif; font-size: 18px; line-height: 30px; font-weight: 400; font-variant-numeric: oldstyle-nums proportional-nums; }
:root[data-af-design-system="nocturne"] .t-note { font-family: "Newsreader", Georgia, serif; font-size: 15px; line-height: 22px; font-weight: 400; font-style: italic; }
:root[data-af-design-system="nocturne"] .t-label { font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; }
:root[data-af-design-system="nocturne"] .t-numeral { font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 40px; line-height: 44px; font-weight: 500; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="nocturne"] .tok-comment, :root[data-af-design-system="nocturne"] .tok-quote, :root[data-af-design-system="nocturne"] .tok-meta { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground));font-style:italic; }
:root[data-af-design-system="nocturne"] .tok-keyword, :root[data-af-design-system="nocturne"] .tok-selector-tag, :root[data-af-design-system="nocturne"] .tok-doctag, :root[data-af-design-system="nocturne"] .tok-name { color:color-mix(in oklab, var(--primary) 66%, var(--foreground)); }
:root[data-af-design-system="nocturne"] .tok-string, :root[data-af-design-system="nocturne"] .tok-regexp, :root[data-af-design-system="nocturne"] .tok-template-variable, :root[data-af-design-system="nocturne"] .tok-addition { color:color-mix(in oklab, var(--chart-2) 59%, var(--foreground)); }
:root[data-af-design-system="nocturne"] .tok-number, :root[data-af-design-system="nocturne"] .tok-literal, :root[data-af-design-system="nocturne"] .tok-symbol, :root[data-af-design-system="nocturne"] .tok-bullet { color:color-mix(in oklab, var(--chart-3) 35%, var(--foreground)); }
:root[data-af-design-system="nocturne"] .tok-title, :root[data-af-design-system="nocturne"] .tok-section, :root[data-af-design-system="nocturne"] .tok-selector-id, :root[data-af-design-system="nocturne"] .tok-selector-class { color:var(--foreground);font-weight:600; }
:root[data-af-design-system="nocturne"] .tok-title.class_, :root[data-af-design-system="nocturne"] .tok-type, :root[data-af-design-system="nocturne"] .tok-built_in, :root[data-af-design-system="nocturne"] .tok-class { color:color-mix(in oklab, var(--chart-4) 47%, var(--foreground)); }
:root[data-af-design-system="nocturne"] .tok-attr, :root[data-af-design-system="nocturne"] .tok-attribute, :root[data-af-design-system="nocturne"] .tok-property, :root[data-af-design-system="nocturne"] .tok-variable, :root[data-af-design-system="nocturne"] .tok-params { color:color-mix(in oklab, var(--chart-1) 66%, var(--foreground)); }
:root[data-af-design-system="nocturne"] .tok-tag, :root[data-af-design-system="nocturne"] .tok-operator, :root[data-af-design-system="nocturne"] .tok-punctuation { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground)); }
:root[data-af-design-system="nocturne"] .tok-deletion { color:color-mix(in oklab, var(--destructive) 66%, var(--foreground)); }
:root[data-af-design-system="nocturne"] .tok-emphasis { font-style:italic; }
:root[data-af-design-system="nocturne"] .tok-strong { font-weight:700; }
:root[data-af-design-system="broadsheet"] {
  --ds-newsprint: #f6efe0;
  --ds-newsprint-raised: #fbf6ea;
  --ds-newsprint-sunk: #ebe2cd;
  --ds-line: #cfc3a6;
  --ds-ink: #1f1b16;
  --ds-ink-muted: #5c5345;
  --ds-red: #b8371f;
  --ds-on-red: #f6efe0;
  --ds-red-soft: #f3dcd5;
  --ds-positive: #2f6b3a;
  --ds-positive-soft: #dcebd8;
  --ds-caution: #8a5a00;
  --ds-caution-soft: #f3e5c0;
  --ds-negative: #b8371f;
  --ds-negative-soft: #f3dcd5;
  --background: var(--ds-newsprint);
  --foreground: var(--ds-ink);
  --card: var(--ds-newsprint-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-newsprint-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-red);
  --primary-foreground: var(--ds-on-red);
  --secondary: var(--ds-red-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-newsprint-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-newsprint-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-newsprint);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-red);
  --chart-1: var(--ds-ink);
  --chart-2: var(--ds-red);
  --chart-3: var(--ds-ink-muted);
  --chart-4: var(--ds-line);
  --chart-5: var(--ds-positive);
  --radius: 0px;
  --font-display: "Old Standard TT", "Times New Roman", serif;
  --font-body: "Old Standard TT", "Times New Roman", serif;
  --font-mono: "Courier Prime", "Courier New", monospace;
  --ds-chip-radius: 0px;
}
:root[data-af-design-system="broadsheet"][data-af-dark="true"] {
  --ds-newsprint: #141210;
  --ds-newsprint-raised: #1d1a16;
  --ds-newsprint-sunk: #0e0c0a;
  --ds-line: #3a342b;
  --ds-ink: #efe6d2;
  --ds-ink-muted: #ada28b;
  --ds-red: #ff6a4d;
  --ds-on-red: #141210;
  --ds-red-soft: #3a1812;
  --ds-positive: #8ed29a;
  --ds-positive-soft: #15301b;
  --ds-caution: #f2c14e;
  --ds-caution-soft: #332508;
  --ds-negative: #ff6a4d;
  --ds-negative-soft: #3a1812;
  --background: var(--ds-newsprint);
  --foreground: var(--ds-ink);
  --card: var(--ds-newsprint-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-newsprint-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-red);
  --primary-foreground: var(--ds-on-red);
  --secondary: var(--ds-red-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-newsprint-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-newsprint-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-newsprint);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-red);
  --chart-1: var(--ds-ink);
  --chart-2: var(--ds-red);
  --chart-3: var(--ds-ink-muted);
  --chart-4: var(--ds-line);
  --chart-5: var(--ds-positive);
  --ds-chip-radius: 0px;
}
:root[data-af-design-system="broadsheet"] body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); }
:root[data-af-design-system="broadsheet"] .t-masthead { font-family: "UnifrakturCook", "Old English Text MT", serif; font-size: clamp(40px, 7vw, 84px); line-height: 1; font-weight: 700; }
:root[data-af-design-system="broadsheet"] .t-display-xl { font-family: "Old Standard TT", "Times New Roman", serif; font-size: clamp(44px, 6.5vw, 80px); line-height: 1; font-weight: 700; letter-spacing: -0.015em; }
:root[data-af-design-system="broadsheet"] .t-display-l { font-family: "Old Standard TT", "Times New Roman", serif; font-size: clamp(30px, 4vw, 48px); line-height: 1.08; font-weight: 700; letter-spacing: -0.01em; }
:root[data-af-design-system="broadsheet"] .t-deck { font-family: "Old Standard TT", "Times New Roman", serif; font-size: clamp(19px, 2.2vw, 24px); line-height: 1.35; font-weight: 400; font-style: italic; }
:root[data-af-design-system="broadsheet"] .t-body { font-family: "Old Standard TT", "Times New Roman", serif; font-size: 17px; line-height: 27px; font-weight: 400; }
:root[data-af-design-system="broadsheet"] .t-small { font-family: "Libre Franklin", system-ui, sans-serif; font-size: 11px; line-height: 15px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
:root[data-af-design-system="broadsheet"] .t-numeral { font-family: "Old Standard TT", "Times New Roman", serif; font-size: clamp(44px, 6vw, 72px); line-height: .95; font-weight: 700; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="broadsheet"] .t-wire { font-family: "Courier Prime", "Courier New", monospace; font-size: 13px; line-height: 20px; font-weight: 400; }
:root[data-af-design-system="broadsheet"] .tok-comment, :root[data-af-design-system="broadsheet"] .tok-quote, :root[data-af-design-system="broadsheet"] .tok-meta { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground));font-style:italic; }
:root[data-af-design-system="broadsheet"] .tok-keyword, :root[data-af-design-system="broadsheet"] .tok-selector-tag, :root[data-af-design-system="broadsheet"] .tok-doctag, :root[data-af-design-system="broadsheet"] .tok-name { color:color-mix(in oklab, var(--primary) 66%, var(--foreground)); }
:root[data-af-design-system="broadsheet"] .tok-string, :root[data-af-design-system="broadsheet"] .tok-regexp, :root[data-af-design-system="broadsheet"] .tok-template-variable, :root[data-af-design-system="broadsheet"] .tok-addition { color:color-mix(in oklab, var(--chart-2) 59%, var(--foreground)); }
:root[data-af-design-system="broadsheet"] .tok-number, :root[data-af-design-system="broadsheet"] .tok-literal, :root[data-af-design-system="broadsheet"] .tok-symbol, :root[data-af-design-system="broadsheet"] .tok-bullet { color:color-mix(in oklab, var(--chart-3) 35%, var(--foreground)); }
:root[data-af-design-system="broadsheet"] .tok-title, :root[data-af-design-system="broadsheet"] .tok-section, :root[data-af-design-system="broadsheet"] .tok-selector-id, :root[data-af-design-system="broadsheet"] .tok-selector-class { color:var(--foreground);font-weight:600; }
:root[data-af-design-system="broadsheet"] .tok-title.class_, :root[data-af-design-system="broadsheet"] .tok-type, :root[data-af-design-system="broadsheet"] .tok-built_in, :root[data-af-design-system="broadsheet"] .tok-class { color:color-mix(in oklab, var(--chart-4) 47%, var(--foreground)); }
:root[data-af-design-system="broadsheet"] .tok-attr, :root[data-af-design-system="broadsheet"] .tok-attribute, :root[data-af-design-system="broadsheet"] .tok-property, :root[data-af-design-system="broadsheet"] .tok-variable, :root[data-af-design-system="broadsheet"] .tok-params { color:color-mix(in oklab, var(--chart-1) 66%, var(--foreground)); }
:root[data-af-design-system="broadsheet"] .tok-tag, :root[data-af-design-system="broadsheet"] .tok-operator, :root[data-af-design-system="broadsheet"] .tok-punctuation { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground)); }
:root[data-af-design-system="broadsheet"] .tok-deletion { color:color-mix(in oklab, var(--destructive) 66%, var(--foreground)); }
:root[data-af-design-system="broadsheet"] .tok-emphasis { font-style:italic; }
:root[data-af-design-system="broadsheet"] .tok-strong { font-weight:700; }
:root[data-af-design-system="signout"] {
  --ds-kraft: #f3ecdc;
  --ds-kraft-raised: #faf6ec;
  --ds-kraft-sunk: #e8dfca;
  --ds-line: #c9bc9c;
  --ds-ink: #16140f;
  --ds-ink-muted: #5b5344;
  --ds-vermilion: #e5481b;
  --ds-on-vermilion: #16140f;
  --ds-vermilion-soft: #f9d9cc;
  --ds-hazard: #f2b705;
  --ds-hazard-soft: #f8ecc0;
  --ds-caution: #7a5a00;
  --ds-open: #1f7a4d;
  --ds-open-soft: #d9ebdf;
  --ds-booked: #5b5344;
  --ds-negative: #b3261e;
  --ds-negative-soft: #f3d4d0;
  --ds-positive: var(--ds-open);
  --ds-positive-soft: var(--ds-open-soft);
  --ds-caution-soft: var(--ds-hazard-soft);
  --background: var(--ds-kraft);
  --foreground: var(--ds-ink);
  --card: var(--ds-kraft-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-kraft-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-vermilion);
  --primary-foreground: var(--ds-on-vermilion);
  --secondary: var(--ds-vermilion-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-kraft-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-kraft-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-kraft);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-vermilion);
  --chart-1: var(--ds-ink);
  --chart-2: var(--ds-vermilion);
  --chart-3: var(--ds-hazard);
  --chart-4: var(--ds-open);
  --chart-5: var(--ds-ink-muted);
  --radius: 0px;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Barlow", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --ds-chip-radius: 0px;
}
:root[data-af-design-system="signout"][data-af-dark="true"] {
  --ds-kraft: #14201a;
  --ds-kraft-raised: #1b2a22;
  --ds-kraft-sunk: #0e1712;
  --ds-line: #35493d;
  --ds-ink: #ede6d6;
  --ds-ink-muted: #a9b3a4;
  --ds-vermilion: #ff6a3d;
  --ds-on-vermilion: #16140f;
  --ds-vermilion-soft: #3a1d14;
  --ds-hazard: #f2b705;
  --ds-hazard-soft: #3a2f08;
  --ds-caution: #f2b705;
  --ds-open: #7fd99f;
  --ds-open-soft: #17352a;
  --ds-booked: #a9b3a4;
  --ds-negative: #ff6a5a;
  --ds-negative-soft: #3a1a14;
  --ds-positive: var(--ds-open);
  --ds-positive-soft: var(--ds-open-soft);
  --ds-caution-soft: var(--ds-hazard-soft);
  --background: var(--ds-kraft);
  --foreground: var(--ds-ink);
  --card: var(--ds-kraft-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-kraft-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-vermilion);
  --primary-foreground: var(--ds-on-vermilion);
  --secondary: var(--ds-vermilion-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-kraft-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-kraft-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-kraft);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-vermilion);
  --chart-1: var(--ds-ink);
  --chart-2: var(--ds-vermilion);
  --chart-3: var(--ds-hazard);
  --chart-4: var(--ds-open);
  --chart-5: var(--ds-ink-muted);
  --ds-chip-radius: 0px;
}
:root[data-af-design-system="signout"] body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); }
:root[data-af-design-system="signout"] .t-display-xl { font-family: "Barlow Condensed", "Arial Narrow", sans-serif; font-size: clamp(56px, 9vw, 120px); line-height: .86; font-weight: 800; letter-spacing: -0.01em; text-transform: uppercase; }
:root[data-af-design-system="signout"] .t-display-l { font-family: "Barlow Condensed", "Arial Narrow", sans-serif; font-size: clamp(36px, 5vw, 64px); line-height: .9; font-weight: 800; letter-spacing: -0.01em; text-transform: uppercase; }
:root[data-af-design-system="signout"] .t-display-m { font-family: "Barlow Condensed", "Arial Narrow", sans-serif; font-size: 28px; line-height: 28px; font-weight: 700; text-transform: uppercase; }
:root[data-af-design-system="signout"] .t-body { font-family: "Barlow", system-ui, sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; }
:root[data-af-design-system="signout"] .t-body-s { font-family: "Barlow", system-ui, sans-serif; font-size: 13px; line-height: 18px; font-weight: 400; }
:root[data-af-design-system="signout"] .t-label { font-family: "Barlow Condensed", "Arial Narrow", sans-serif; font-size: 12px; line-height: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
:root[data-af-design-system="signout"] .t-numeral { font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 36px; line-height: 40px; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="signout"] .t-mono { font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 13px; line-height: 20px; font-weight: 400; }
:root[data-af-design-system="signout"] .tok-comment, :root[data-af-design-system="signout"] .tok-quote, :root[data-af-design-system="signout"] .tok-meta { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground));font-style:italic; }
:root[data-af-design-system="signout"] .tok-keyword, :root[data-af-design-system="signout"] .tok-selector-tag, :root[data-af-design-system="signout"] .tok-doctag, :root[data-af-design-system="signout"] .tok-name { color:color-mix(in oklab, var(--primary) 66%, var(--foreground)); }
:root[data-af-design-system="signout"] .tok-string, :root[data-af-design-system="signout"] .tok-regexp, :root[data-af-design-system="signout"] .tok-template-variable, :root[data-af-design-system="signout"] .tok-addition { color:color-mix(in oklab, var(--chart-2) 59%, var(--foreground)); }
:root[data-af-design-system="signout"] .tok-number, :root[data-af-design-system="signout"] .tok-literal, :root[data-af-design-system="signout"] .tok-symbol, :root[data-af-design-system="signout"] .tok-bullet { color:color-mix(in oklab, var(--chart-3) 35%, var(--foreground)); }
:root[data-af-design-system="signout"] .tok-title, :root[data-af-design-system="signout"] .tok-section, :root[data-af-design-system="signout"] .tok-selector-id, :root[data-af-design-system="signout"] .tok-selector-class { color:var(--foreground);font-weight:600; }
:root[data-af-design-system="signout"] .tok-title.class_, :root[data-af-design-system="signout"] .tok-type, :root[data-af-design-system="signout"] .tok-built_in, :root[data-af-design-system="signout"] .tok-class { color:color-mix(in oklab, var(--chart-4) 47%, var(--foreground)); }
:root[data-af-design-system="signout"] .tok-attr, :root[data-af-design-system="signout"] .tok-attribute, :root[data-af-design-system="signout"] .tok-property, :root[data-af-design-system="signout"] .tok-variable, :root[data-af-design-system="signout"] .tok-params { color:color-mix(in oklab, var(--chart-1) 66%, var(--foreground)); }
:root[data-af-design-system="signout"] .tok-tag, :root[data-af-design-system="signout"] .tok-operator, :root[data-af-design-system="signout"] .tok-punctuation { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground)); }
:root[data-af-design-system="signout"] .tok-deletion { color:color-mix(in oklab, var(--destructive) 66%, var(--foreground)); }
:root[data-af-design-system="signout"] .tok-emphasis { font-style:italic; }
:root[data-af-design-system="signout"] .tok-strong { font-weight:700; }
:root[data-af-design-system="sorbet"] {
  --ds-cream: #fff9f2;
  --ds-cream-raised: #ffffff;
  --ds-cream-sunk: #ffefe3;
  --ds-line: #f0d9d0;
  --ds-ink: #2b1b3d;
  --ds-ink-muted: #6e5a80;
  --ds-rim: #ffffff;
  --ds-strawberry: #ff5c8a;
  --ds-on-strawberry: #2b1b3d;
  --ds-strawberry-soft: #ffe1ea;
  --ds-mango: #ffb01f;
  --ds-lime: #8be04d;
  --ds-blueberry: #5b7cff;
  --ds-on-blueberry: #120a1f;
  --ds-grape: #b96cff;
  --ds-lilac: #eadff5;
  --ds-positive: #367a10;
  --ds-positive-soft: #e6f8d6;
  --ds-caution: #9a5e00;
  --ds-caution-soft: #fff0cc;
  --ds-negative: #c2185b;
  --ds-negative-soft: #ffe1ea;
  --background: var(--ds-cream);
  --foreground: var(--ds-ink);
  --card: var(--ds-cream-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-cream-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-strawberry);
  --primary-foreground: var(--ds-on-strawberry);
  --secondary: var(--ds-strawberry-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-cream-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-lilac);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-cream);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-blueberry);
  --chart-1: var(--ds-strawberry);
  --chart-2: var(--ds-blueberry);
  --chart-3: var(--ds-mango);
  --chart-4: var(--ds-lime);
  --chart-5: var(--ds-grape);
  --radius: 20px;
  --font-display: "Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif;
  --font-body: "Nunito", system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, Menlo, monospace;
  --ds-chip-radius: 999px;
  --ds-drop: 6px 6px 0 0 #2b1b3d;
  --ds-sticker: 0 0 0 3px #ffffff, 7px 7px 0 0 #2b1b3d;
  --ds-spring: cubic-bezier(.34,1.56,.64,1);
}
:root[data-af-design-system="sorbet"][data-af-dark="true"] {
  --ds-cream: #221433;
  --ds-cream-raised: #2e1c45;
  --ds-cream-sunk: #1a0f29;
  --ds-line: #45306a;
  --ds-ink: #fff4f8;
  --ds-ink-muted: #c9b6d9;
  --ds-rim: #2e1c45;
  --ds-strawberry: #ff6e98;
  --ds-on-strawberry: #2b1b3d;
  --ds-strawberry-soft: #4a2340;
  --ds-mango: #ffbb3d;
  --ds-lime: #9beb5e;
  --ds-blueberry: #7a95ff;
  --ds-on-blueberry: #120a1f;
  --ds-grape: #c78aff;
  --ds-lilac: #3b2a55;
  --ds-positive: #9beb5e;
  --ds-positive-soft: #213a14;
  --ds-caution: #ffbb3d;
  --ds-caution-soft: #3d2b08;
  --ds-negative: #ff6e98;
  --ds-negative-soft: #4a2340;
  --background: var(--ds-cream);
  --foreground: var(--ds-ink);
  --card: var(--ds-cream-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-cream-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-strawberry);
  --primary-foreground: var(--ds-on-strawberry);
  --secondary: var(--ds-strawberry-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-cream-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-lilac);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-cream);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-blueberry);
  --chart-1: var(--ds-strawberry);
  --chart-2: var(--ds-blueberry);
  --chart-3: var(--ds-mango);
  --chart-4: var(--ds-lime);
  --chart-5: var(--ds-grape);
  --ds-chip-radius: 999px;
  --ds-drop: 6px 6px 0 0 #fff4f8;
  --ds-sticker: 0 0 0 3px #2e1c45, 7px 7px 0 0 #fff4f8;
  --ds-spring: cubic-bezier(.34,1.56,.64,1);
}
:root[data-af-design-system="sorbet"] body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); }
:root[data-af-design-system="sorbet"] .t-display-xl { font-family: "Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif; font-size: clamp(48px, 8vw, 104px); line-height: .95; font-weight: 700; letter-spacing: -0.02em; }
:root[data-af-design-system="sorbet"] .t-display-l { font-family: "Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif; font-size: clamp(32px, 4.5vw, 56px); line-height: 1.02; font-weight: 700; letter-spacing: -0.01em; }
:root[data-af-design-system="sorbet"] .t-title { font-family: "Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif; font-size: 24px; line-height: 28px; font-weight: 600; }
:root[data-af-design-system="sorbet"] .t-body { font-family: "Nunito", system-ui, sans-serif; font-size: 17px; line-height: 27px; font-weight: 400; }
:root[data-af-design-system="sorbet"] .t-body-s { font-family: "Nunito", system-ui, sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; }
:root[data-af-design-system="sorbet"] .t-label { font-family: "Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
:root[data-af-design-system="sorbet"] .t-numeral { font-family: "Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif; font-size: 52px; line-height: 52px; font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="sorbet"] .t-mono { font-family: "DM Mono", ui-monospace, Menlo, monospace; font-size: 13px; line-height: 20px; font-weight: 400; }
:root[data-af-design-system="sorbet"] .tok-comment, :root[data-af-design-system="sorbet"] .tok-quote, :root[data-af-design-system="sorbet"] .tok-meta { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground));font-style:italic; }
:root[data-af-design-system="sorbet"] .tok-keyword, :root[data-af-design-system="sorbet"] .tok-selector-tag, :root[data-af-design-system="sorbet"] .tok-doctag, :root[data-af-design-system="sorbet"] .tok-name { color:color-mix(in oklab, var(--primary) 66%, var(--foreground)); }
:root[data-af-design-system="sorbet"] .tok-string, :root[data-af-design-system="sorbet"] .tok-regexp, :root[data-af-design-system="sorbet"] .tok-template-variable, :root[data-af-design-system="sorbet"] .tok-addition { color:color-mix(in oklab, var(--chart-2) 59%, var(--foreground)); }
:root[data-af-design-system="sorbet"] .tok-number, :root[data-af-design-system="sorbet"] .tok-literal, :root[data-af-design-system="sorbet"] .tok-symbol, :root[data-af-design-system="sorbet"] .tok-bullet { color:color-mix(in oklab, var(--chart-3) 35%, var(--foreground)); }
:root[data-af-design-system="sorbet"] .tok-title, :root[data-af-design-system="sorbet"] .tok-section, :root[data-af-design-system="sorbet"] .tok-selector-id, :root[data-af-design-system="sorbet"] .tok-selector-class { color:var(--foreground);font-weight:600; }
:root[data-af-design-system="sorbet"] .tok-title.class_, :root[data-af-design-system="sorbet"] .tok-type, :root[data-af-design-system="sorbet"] .tok-built_in, :root[data-af-design-system="sorbet"] .tok-class { color:color-mix(in oklab, var(--chart-4) 47%, var(--foreground)); }
:root[data-af-design-system="sorbet"] .tok-attr, :root[data-af-design-system="sorbet"] .tok-attribute, :root[data-af-design-system="sorbet"] .tok-property, :root[data-af-design-system="sorbet"] .tok-variable, :root[data-af-design-system="sorbet"] .tok-params { color:color-mix(in oklab, var(--chart-1) 66%, var(--foreground)); }
:root[data-af-design-system="sorbet"] .tok-tag, :root[data-af-design-system="sorbet"] .tok-operator, :root[data-af-design-system="sorbet"] .tok-punctuation { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground)); }
:root[data-af-design-system="sorbet"] .tok-deletion { color:color-mix(in oklab, var(--destructive) 66%, var(--foreground)); }
:root[data-af-design-system="sorbet"] .tok-emphasis { font-style:italic; }
:root[data-af-design-system="sorbet"] .tok-strong { font-weight:700; }
:root[data-af-design-system="arcade"] {
  --ds-ground: #f7f3e8;
  --ds-raised: #ffffff;
  --ds-sunk: #e9e3d3;
  --ds-line: #c9c2b0;
  --ds-ink: #0f0f1a;
  --ds-ink-muted: #5b586b;
  --ds-red: #ff3b3b;
  --ds-on-red: #0f0f1a;
  --ds-blue: #2e6bff;
  --ds-on-blue: #ffffff;
  --ds-blue-soft: #dce6ff;
  --ds-yellow: #ffd60a;
  --ds-on-yellow: #0f0f1a;
  --ds-magenta: #ff4fd8;
  --ds-cyan: #35e0ff;
  --ds-positive: #13a03f;
  --ds-positive-soft: #d4f5dd;
  --ds-caution: #c98a00;
  --ds-caution-soft: #fff1b8;
  --ds-negative: #e02b2b;
  --ds-negative-soft: #ffd9d9;
  --background: var(--ds-ground);
  --foreground: var(--ds-ink);
  --card: var(--ds-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-red);
  --primary-foreground: var(--ds-on-red);
  --secondary: var(--ds-blue-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-blue-soft);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-red);
  --border: var(--ds-ink);
  --input: var(--ds-line);
  --ring: var(--ds-yellow);
  --chart-1: var(--ds-blue);
  --chart-2: var(--ds-red);
  --chart-3: var(--ds-yellow);
  --chart-4: var(--ds-magenta);
  --chart-5: var(--ds-cyan);
  --radius: 0px;
  --font-display: "Press Start 2P", "Courier New", monospace;
  --font-body: "Pixelify Sans", "Verdana", sans-serif;
  --font-mono: "VT323", "Courier New", monospace;
  --ds-chip-radius: 0px;
  --ds-px: 4px;
  --ds-pixel-edge: 0 -4px 0 0 var(--ds-ink), 0 4px 0 0 var(--ds-ink), -4px 0 0 0 var(--ds-ink), 4px 0 0 0 var(--ds-ink);
  --ds-pixel-shadow: 0 -4px 0 0 var(--ds-ink), 0 4px 0 0 var(--ds-ink), -4px 0 0 0 var(--ds-ink), 4px 0 0 0 var(--ds-ink), 4px 8px 0 0 var(--ds-ink), 8px 4px 0 0 var(--ds-ink);
}
:root[data-af-design-system="arcade"][data-af-dark="true"] {
  --ds-ground: #0a0a14;
  --ds-raised: #141428;
  --ds-sunk: #050509;
  --ds-line: #26263d;
  --ds-ink: #f2f0ff;
  --ds-ink-muted: #9c98be;
  --ds-red: #ff5c5c;
  --ds-on-red: #0a0a14;
  --ds-blue: #5c8bff;
  --ds-on-blue: #0a0a14;
  --ds-blue-soft: #15224d;
  --ds-yellow: #ffe34d;
  --ds-on-yellow: #0f0f1a;
  --ds-magenta: #ff6ee0;
  --ds-cyan: #5ce8ff;
  --ds-positive: #2bd34a;
  --ds-positive-soft: #0d3a1c;
  --ds-caution: #ffd60a;
  --ds-caution-soft: #3a2e05;
  --ds-negative: #ff5c5c;
  --ds-negative-soft: #3d0f14;
  --background: var(--ds-ground);
  --foreground: var(--ds-ink);
  --card: var(--ds-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-red);
  --primary-foreground: var(--ds-on-red);
  --secondary: var(--ds-blue-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-blue-soft);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-red);
  --border: var(--ds-ink);
  --input: var(--ds-line);
  --ring: var(--ds-yellow);
  --chart-1: var(--ds-blue);
  --chart-2: var(--ds-red);
  --chart-3: var(--ds-yellow);
  --chart-4: var(--ds-magenta);
  --chart-5: var(--ds-cyan);
  --ds-chip-radius: 0px;
  --ds-px: 4px;
  --ds-pixel-edge: 0 -4px 0 0 var(--ds-ink), 0 4px 0 0 var(--ds-ink), -4px 0 0 0 var(--ds-ink), 4px 0 0 0 var(--ds-ink);
  --ds-pixel-shadow: 0 -4px 0 0 var(--ds-ink), 0 4px 0 0 var(--ds-ink), -4px 0 0 0 var(--ds-ink), 4px 0 0 0 var(--ds-ink), 4px 8px 0 0 var(--ds-ink), 8px 4px 0 0 var(--ds-ink);
}
:root[data-af-design-system="arcade"] body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); }
:root[data-af-design-system="arcade"] .t-display-xl { font-family: "Press Start 2P", "Courier New", monospace; font-size: clamp(22px, 3.4vw, 44px); line-height: 1.4; font-weight: 400; text-transform: uppercase; }
:root[data-af-design-system="arcade"] .t-display-l { font-family: "Press Start 2P", "Courier New", monospace; font-size: clamp(15px, 2vw, 26px); line-height: 1.5; font-weight: 400; text-transform: uppercase; }
:root[data-af-design-system="arcade"] .t-title { font-family: "Pixelify Sans", "Verdana", sans-serif; font-size: 26px; line-height: 30px; font-weight: 700; }
:root[data-af-design-system="arcade"] .t-body { font-family: "Pixelify Sans", "Verdana", sans-serif; font-size: 18px; line-height: 26px; font-weight: 400; }
:root[data-af-design-system="arcade"] .t-body-s { font-family: "Pixelify Sans", "Verdana", sans-serif; font-size: 15px; line-height: 20px; font-weight: 400; }
:root[data-af-design-system="arcade"] .t-label { font-family: "Press Start 2P", "Courier New", monospace; font-size: 10px; line-height: 16px; font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; }
:root[data-af-design-system="arcade"] .t-numeral { font-family: "VT323", "Courier New", monospace; font-size: 56px; line-height: 52px; font-weight: 400; font-variant-numeric: tabular-nums; }
:root[data-af-design-system="arcade"] .t-combo { font-family: "Pixelify Sans", "Verdana", sans-serif; font-size: 48px; line-height: 48px; font-weight: 700; font-style: italic; }
:root[data-af-design-system="arcade"] .t-mono { font-family: "VT323", "Courier New", monospace; font-size: 22px; line-height: 26px; font-weight: 400; }
:root[data-af-design-system="arcade"] .tok-comment, :root[data-af-design-system="arcade"] .tok-quote, :root[data-af-design-system="arcade"] .tok-meta { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground));font-style:italic; }
:root[data-af-design-system="arcade"] .tok-keyword, :root[data-af-design-system="arcade"] .tok-selector-tag, :root[data-af-design-system="arcade"] .tok-doctag, :root[data-af-design-system="arcade"] .tok-name { color:color-mix(in oklab, var(--primary) 66%, var(--foreground)); }
:root[data-af-design-system="arcade"] .tok-string, :root[data-af-design-system="arcade"] .tok-regexp, :root[data-af-design-system="arcade"] .tok-template-variable, :root[data-af-design-system="arcade"] .tok-addition { color:color-mix(in oklab, var(--chart-2) 59%, var(--foreground)); }
:root[data-af-design-system="arcade"] .tok-number, :root[data-af-design-system="arcade"] .tok-literal, :root[data-af-design-system="arcade"] .tok-symbol, :root[data-af-design-system="arcade"] .tok-bullet { color:color-mix(in oklab, var(--chart-3) 35%, var(--foreground)); }
:root[data-af-design-system="arcade"] .tok-title, :root[data-af-design-system="arcade"] .tok-section, :root[data-af-design-system="arcade"] .tok-selector-id, :root[data-af-design-system="arcade"] .tok-selector-class { color:var(--foreground);font-weight:600; }
:root[data-af-design-system="arcade"] .tok-title.class_, :root[data-af-design-system="arcade"] .tok-type, :root[data-af-design-system="arcade"] .tok-built_in, :root[data-af-design-system="arcade"] .tok-class { color:color-mix(in oklab, var(--chart-4) 47%, var(--foreground)); }
:root[data-af-design-system="arcade"] .tok-attr, :root[data-af-design-system="arcade"] .tok-attribute, :root[data-af-design-system="arcade"] .tok-property, :root[data-af-design-system="arcade"] .tok-variable, :root[data-af-design-system="arcade"] .tok-params { color:color-mix(in oklab, var(--chart-1) 66%, var(--foreground)); }
:root[data-af-design-system="arcade"] .tok-tag, :root[data-af-design-system="arcade"] .tok-operator, :root[data-af-design-system="arcade"] .tok-punctuation { color:color-mix(in oklab, var(--muted-foreground) 75%, var(--foreground)); }
:root[data-af-design-system="arcade"] .tok-deletion { color:color-mix(in oklab, var(--destructive) 66%, var(--foreground)); }
:root[data-af-design-system="arcade"] .tok-emphasis { font-style:italic; }
:root[data-af-design-system="arcade"] .tok-strong { font-weight:700; }