/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap");
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .table {
    display: table;
  }
  .h-full {
    height: 100%;
  }
  .w-full {
    width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .text-center {
    text-align: center;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-\[var\(--muted\)\] {
    color: var(--muted);
  }
  .italic {
    font-style: italic;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
@layer base {
  :root {
    --brand-50: #f2f7ff;
    --brand-100: #e6f0fe;
    --brand-200: #cfe0fd;
    --brand-300: #a8c5fb;
    --brand-400: #7ea7f6;
    --brand-500: #5a8df0;
    --brand-600: #3d73d6;
    --brand-700: #2f5aa9;
    --brand-800: #274a88;
    --brand-900: #213e6d;
    --sage-50: #f4f7f5;
    --sage-100: #e9f0ec;
    --sage-200: #d5e2db;
    --sage-300: #b8cfc4;
    --sage-400: #95b3a5;
    --sage-500: #7a9b8b;
    --sage-600: #5f7f70;
    --sage-700: #4e685c;
    --sage-800: #40554b;
    --sage-900: #35463e;
    --bg: #f8fafc;
    --bg-elev: #eef2f7;
    --border: #d2d8e3;
    --ink: #111827;
    --ink-dim: #4b5563;
    --invert-ink: #f1f5f9;
    --invert-ink-dim: #cbd5e1;
    --muted: #9ca3af;
    --ok: #7fb37b;
    --warn: #d6b25d;
    --err: #ce6b6b;
    --font-body: "Inter", "Helvetica Neue", Helvetica, Arial, ui-sans-serif,
      system-ui, sans-serif;
    --font-mono: "IBM Plex Mono", "JetBrains Mono", "Fira Code", ui-monospace,
      SFMono-Regular, Menlo, Consolas, monospace;
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --radius-md: 12px;
    --radius-lg: 16px;
    --spacing: 0.25rem;
    --shell-gutter: 1rem;
    color-scheme: light;
  }
  :root.dark {
    --bg: #020617;
    --bg-elev: #070f1f;
    --border: #1f2937;
    --ink: #f1f5f9;
    --ink-dim: #cbd5e1;
    --muted: #64748b;
    --invert-ink: #111827;
    --invert-ink-dim: #4b5563;
    color-scheme: dark;
  }
  html, body {
    height: 100%;
  }
  body {
    background-color: var(--bg);
    color: var(--ink);
    font-family: var(--font-body);
    line-height: 1.6;
  }
  .font-sans {
    font-family: var(--font-body);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
  img {
    max-width: 100%;
    height: auto;
  }
}
@layer base {
  body {
    min-height: 100dvh;
    background-color: var(--bg);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  a.skip-link {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    background-color: var(--brand-500);
    color: white;
    font-size: 0.85rem;
    font-weight: 500;
    transform: translateY(-150%);
    transition: transform 0.2s ease;
    z-index: 10;
  }
  a.skip-link:focus-visible {
    transform: translateY(0);
    outline: 2px solid var(--brand-300);
    outline-offset: 2px;
  }
  div.app-shell {
    margin-inline: auto;
    display: flex;
    min-height: 100dvh;
    width: 100%;
    flex-direction: column;
    row-gap: 1rem;
    padding: var(--shell-gutter);
  }
  header.site-header {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--bg);
    padding: calc(var(--spacing) * 4);
    transition: margin 0.2s ease, top 0.2s ease, border-radius 0.2s ease, width 0.2s ease;
    div.header-wrapper {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 6);
      div.header-bar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: calc(var(--spacing) * 4);
        div.header-bar-wrapper {
          width: 100%;
          text-align: center;
          a.owner {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
            color: var(--muted);
            text-transform: uppercase;
          }
          p.role {
            display: none;
            font-family: var(--font-mono);
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            color: var(--ink);
          }
        }
        div.header-buttons {
          margin-inline: auto;
          display: flex;
          gap: calc(var(--spacing) * 4);
        }
      }
      div.menu-drawer {
        position: fixed;
        right: calc(var(--spacing) * 4);
        left: calc(var(--spacing) * 4);
        z-index: 30;
        margin-inline: auto;
        margin-top: calc(var(--spacing) * 24);
        display: flex;
        flex-direction: column;
        border-radius: var(--radius-2xl);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--bg);
        padding: calc(var(--spacing) * 5);
        input[type="search"].search-field {
          width: 100%;
          border-radius: 12px;
          border: 1px solid var(--border);
          background-color: var(--bg);
          padding: 0.6rem 0.9rem;
          font-family: var(--font-mono);
          font-size: 0.85rem;
          color: var(--ink);
        }
        input[type="search"].search-field::placeholder {
          color: var(--muted);
          letter-spacing: 0.08em;
        }
        input[type="search"].search-field:focus-visible {
          outline: 2px solid var(--brand-400);
          outline-offset: 2px;
        }
        nav ul.menu-list {
          list-style: none;
          display: flex;
          flex-direction: column;
          gap: 0.35rem;
          li {
            margin-bottom: calc(var(--spacing) * 1);
          }
          li:last-child {
            margin-bottom: calc(var(--spacing) * 0);
          }
          li a.menu-link {
            width: 100%;
            justify-content: flex-start;
            text-align: left;
            --btn-letter-spacing: 0.25em;
            --btn-font-size: 0.75rem;
            --btn-padding-y: 1rem;
            --btn-padding-x: 1rem;
            --btn-radius: 1rem;
            --btn-bg: var(--bg-elev);
            --btn-bg-hover: var(--brand-50);
            --btn-color: var(--ink);
          }
          li a.menu-link.is-active {
            --btn-bg: var(--brand-50);
            --btn-bg-hover: var(--brand-50);
            --btn-color: var(--brand-700);
            --btn-color-hover: var(--brand-700);
            --btn-border: var(--brand-400);
            --btn-border-hover: var(--brand-500);
            --btn-font-weight: 600;
          }
          li a.menu-link:hover {
            --btn-bg: var(--brand-50);
            --btn-color: var(--brand-700);
            --btn-border: var(--brand-200);
          }
          li a.menu-link:focus-visible {
            outline: none;
            box-shadow: 0 0 0 2px rgba(90, 141, 240, 0.25);
            --btn-bg: var(--bg);
            --btn-color: var(--brand-700);
            --btn-border: var(--brand-400);
          }
          li.theme-button, li.language-button {
            display: none;
          }
        }
      }
      .dark div.menu-drawer {
        background-color: var(--bg-elev);
      }
      div.menu-overlay {
        position: fixed;
        inset: 0;
        background: rgba(6, 11, 20, 0.4);
        backdrop-filter: blur(8px);
        z-index: 15;
      }
      div.menu-overlay[hidden] {
        display: none;
      }
      nav.line-menu {
        display: none;
        ul.menu-list {
          display: flex;
          justify-content: center;
          gap: calc(var(--spacing) * 4);
          li:first-child {
            display: none;
          }
          li>a {
            padding: calc(var(--spacing) * 3);
          }
        }
      }
      p.slogan {
        margin: calc(var(--spacing) * 0);
        text-align: center;
        font-family: var(--font-mono);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--ink-dim);
      }
    }
  }
  @media (min-width: 480px) {
    header.site-header {
      div.header-wrapper {
        div.menu-drawer {
          right: calc(var(--spacing) * 12);
          left: calc(var(--spacing) * 12);
        }
        div.header-bar {
          div.header-bar-wrapper {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: calc(var(--spacing) * 4);
            width: unset;
            text-align: left;
          }
          div.header-buttons {
            display: unset;
            margin-inline: unset;
          }
        }
      }
    }
  }
  @media (min-width: 768px) {
    header.site-header {
      div.header-wrapper {
        gap: calc(var(--spacing) * 0);
        div.header-bar {
          align-items: flex-start;
          div.header-bar-wrapper {
            flex-direction: column;
            gap: calc(var(--spacing) * 0);
            align-items: unset;
            a.owner {
              font-size: var(--text-lg);
              line-height: var(--tw-leading, var(--text-lg--line-height));
            }
            p.role {
              margin: calc(var(--spacing) * 0);
              display: block;
            }
          }
          div.header-buttons {
            button.menu-button {
              display: none;
            }
          }
        }
        div.menu-drawer {
          position: relative;
          right: calc(var(--spacing) * 0);
          left: calc(var(--spacing) * 0);
          z-index: 0;
          margin: calc(var(--spacing) * 0);
          margin-top: calc(var(--spacing) * 4);
          border-style: var(--tw-border-style);
          border-width: 0px;
          padding: calc(var(--spacing) * 0);
          display: block !important;
          nav ul.menu-list {
            flex-direction: row;
            justify-content: center;
            gap: calc(var(--spacing) * 1);
            li a.menu-link {
              --btn-padding-y: 0.50rem;
              --btn-padding-x: 0.75rem;
            }
          }
        }
        p.slogan {
          margin-top: calc(var(--spacing) * 4);
        }
      }
    }
  }
  @media (min-width: 960px) {
    header.site-header {
      div.header-wrapper {
        div.header-bar {
          div.header-bar-wrapper {
            a.owner {
              font-size: var(--text-base);
              line-height: var(--tw-leading, var(--text-base--line-height));
            }
            p.role {
              font-size: var(--text-base);
              line-height: var(--tw-leading, var(--text-base--line-height));
            }
          }
          div.header-buttons {
            display: none;
          }
        }
        div.menu-drawer {
          position: absolute;
          z-index: 30;
          margin-top: calc(var(--spacing) * 0);
          display: flex;
          justify-self: flex-end;
          background-color: transparent;
          nav ul.menu-list {
            li a.menu-link {
              --btn-padding-y: 1rem;
              --btn-bg: transparent;
              --btn-border: transparent;
              --btn-border-hover: transparent;
              --btn-border-active: transparent;
              --btn-letter-spacing: 0.08em;
            }
            li:first-child {
              display: none;
            }
            li.theme-button {
              display: flex;
            }
            li.language-button {
              display: flex;
            }
          }
        }
      }
    }
  }
  main {
    max-width: 100%;
    margin: 0px auto;
  }
  @media (min-width: 768px) {
    main {
      margin: 0px auto;
    }
  }
  footer.site-footer {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted);
    position: static;
    border-radius: 24px 24px 0 0;
    div.footer-wrapper {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 3);
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--border);
      background-color: var(--bg);
      padding: calc(var(--spacing) * 4);
      --tw-backdrop-blur: blur(8px);
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      div.footer-tags {
        margin-bottom: calc(var(--spacing) * 2);
        ul {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          gap: calc(var(--spacing) * 3);
          font-size: var(--text-xs);
          line-height: var(--tw-leading, var(--text-xs--line-height));
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
      }
      div.footer-policies {
        margin-block: calc(var(--spacing) * 2);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: calc(var(--spacing) * 2);
        text-align: center;
        font-size: 0.65rem;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        --tw-tracking: 0.3em;
        letter-spacing: 0.3em;
        color: var(--muted);
        text-transform: uppercase;
      }
      div.footer-social {
        margin-block: calc(var(--spacing) * 2);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: calc(var(--spacing) * 3);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--ink);
      }
      p.copyright {
        margin-block: calc(var(--spacing) * 2);
        text-align: center;
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: var(--muted);
      }
    }
  }
  @media (min-width: 768px) {
    footer.site-footer {
      div.footer-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: calc(var(--spacing) * 3);
        div.footer-policies {
          margin: calc(var(--spacing) * 0);
          flex-direction: column;
          justify-content: flex-start;
        }
        p.copyright {
          width: 100%;
        }
        div.footer-tags {
          margin-bottom: calc(var(--spacing) * 0);
          display: flex;
          width: calc(1/2 * 100%);
        }
        div.footer-social {
          margin-block: calc(var(--spacing) * 0);
          flex-direction: column;
          align-content: flex-start;
          justify-content: flex-start;
          gap: calc(var(--spacing) * 2);
        }
      }
    }
  }
  @media (min-width: 960px) {
    footer.site-footer {
      div.footer-wrapper {
        div.footer-tags {
          width: 60%;
        }
      }
    }
  }
}
@layer base {
  a {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-decoration-line: none;
    color: var(--brand-700);
  }
  a:hover {
    text-decoration-line: underline;
    opacity: 75%;
  }
  p {
    margin: 0 0 1.25rem;
  }
  h1 {
    font-family: var(--font-mono);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
    margin: 0 0 1.5rem;
  }
  h2 {
    font-family: var(--font-mono);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
    margin: 2rem 0 1rem;
  }
  h3 {
    font-family: var(--font-mono);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
    margin: 1.75rem 0 0.75rem;
  }
  h4 {
    font-family: var(--font-mono);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
    margin: 1.5rem 0 0.5rem;
  }
  pre {
    margin-block: calc(var(--spacing) * 8);
    width: 100%;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--sage-900);
    background-color: var(--bg-elev);
    padding: calc(var(--spacing) * 2);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
  }
  code {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--sage-200);
    padding: calc(var(--spacing) * 0.5);
    padding-inline: calc(var(--spacing) * 1);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--sage-900);
  }
  pre > code {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    background-color: unset;
    padding: unset;
    font-weight: unset;
    border: unset;
    color: unset;
  }
  pre > code::before {
    position: sticky;
    left: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-dim);
    content: "txt";
  }
}
@layer base {
  .btn {
    --btn-bg: var(--bg);
    --btn-bg-hover: var(--bg-elev);
    --btn-bg-active: var(--brand-50);
    --btn-border: var(--border);
    --btn-border-hover: var(--brand-300);
    --btn-border-active: var(--brand-400);
    --btn-color: var(--ink);
    --btn-color-hover: var(--ink);
    --btn-color-active: var(--ink);
    --btn-shadow: none;
    --btn-shadow-hover: none;
    --btn-shadow-active: none;
    --btn-padding-y: 0.45rem;
    --btn-padding-x: 0.9rem;
    --btn-letter-spacing: 0.15em;
    --btn-font-size: 0.75rem;
    --btn-font-weight: 600;
    --btn-gap: 0.35rem;
    --btn-radius: 12px;
    --btn-border-width: 1.5px;
    --btn-icon-size: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--btn-gap);
    padding: var(--btn-padding-y) var(--btn-padding-x);
    border-radius: var(--btn-radius);
    border: var(--btn-border-width) solid var(--btn-border);
    background-color: var(--btn-bg);
    color: var(--btn-color);
    font-family: var(--font-mono);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    letter-spacing: var(--btn-letter-spacing);
    text-transform: uppercase;
    line-height: 1.1;
    box-shadow: var(--btn-shadow);
    transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
    cursor: pointer;
    text-decoration: none;
  }
  .btn svg {
    width: 16px;
    height: 16px;
    color: currentColor;
    transition: color 0.2s ease;
  }
  .btn:hover {
    border-color: var(--btn-border-hover);
    background-color: var(--btn-bg-hover);
    color: var(--btn-color-hover);
    box-shadow: var(--btn-shadow-hover);
  }
  .btn:focus-visible {
    outline: none;
    border-color: var(--btn-border-hover);
    box-shadow: 0 0 0 2px rgba(90, 141, 240, 0.25);
  }
  .btn:active {
    border-color: var(--btn-border-active);
    background-color: var(--btn-bg-active);
    color: var(--btn-color-active);
    transform: translateY(1px);
    box-shadow: var(--btn-shadow-active);
  }
  .btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
  }
  .btn--xs {
    --btn-padding-y: 0.25rem;
    --btn-padding-x: 0.55rem;
    --btn-font-size: 0.62rem;
    --btn-letter-spacing: 0.2em;
    --btn-radius: 8px;
  }
  .btn--sm {
    --btn-padding-y: 0.35rem;
    --btn-padding-x: 0.7rem;
    --btn-font-size: 0.7rem;
  }
  .btn--md {
    --btn-padding-y: 0.45rem;
    --btn-padding-x: 0.9rem;
    --btn-font-size: 0.75rem;
  }
  .btn--lg {
    --btn-padding-y: 0.55rem;
    --btn-padding-x: 1.1rem;
    --btn-font-size: 0.85rem;
    --btn-radius: 14px;
  }
  .btn--xl {
    --btn-padding-y: 0.7rem;
    --btn-padding-x: 1.35rem;
    --btn-font-size: 0.95rem;
    --btn-radius: 16px;
  }
  .btn--full {
    width: 100%;
  }
  .btn--thin {
    --btn-border-width: 1px;
    --btn-font-weight: 500;
  }
  .btn--thick {
    --btn-border-width: 2px;
    --btn-font-weight: 600;
  }
  .btn--fill {
    --btn-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    --btn-shadow-hover: 0 6px 18px rgba(2, 6, 23, 0.08);
    --btn-shadow-active: 0 4px 12px rgba(2, 6, 23, 0.12);
  }
  .btn--text {
    --btn-bg: transparent;
    --btn-bg-hover: rgba(90, 141, 240, 0.08);
    --btn-bg-active: rgba(90, 141, 240, 0.16);
    --btn-border: transparent;
    --btn-border-hover: transparent;
    --btn-border-active: transparent;
    --btn-border-width: 0;
    --btn-letter-spacing: 0.08em;
    text-transform: none;
    padding-inline: 0.25rem;
    box-shadow: none;
  }
  .btn--icon {
    --btn-padding-x: 0;
    --btn-padding-y: 0;
    --btn-gap: 0.15rem;
    width: var(--btn-icon-size);
    height: var(--btn-icon-size);
    border-radius: 12px;
  }
  .btn--icon svg {
    width: 26px;
    height: 26px;
  }
  .btn--icon.btn--xs svg {
    width: 20px;
    height: 20px;
  }
  .btn--icon.btn--xs {
    --btn-icon-size: 34px;
  }
  .btn--icon.btn--sm {
    --btn-icon-size: 40px;
  }
  .btn--icon.btn--md {
    --btn-icon-size: 48px;
  }
  .btn--icon.btn--lg {
    --btn-icon-size: 56px;
  }
  .btn--icon.btn--xl {
    --btn-icon-size: 64px;
  }
  .btn--icon-left {
    flex-direction: row;
  }
  .btn--icon-right {
    flex-direction: unset;
  }
  .btn--tone-neutral {
    --btn-bg: var(--bg);
    --btn-bg-hover: var(--bg-elev);
    --btn-bg-active: var(--brand-50);
    --btn-border: var(--border);
    --btn-border-hover: var(--brand-300);
    --btn-border-active: var(--brand-400);
    --btn-color: var(--muted);
    --btn-color-hover: var(--brand-700);
    --btn-color-active: var(--brand-800);
  }
  .btn--tone-brand {
    --btn-bg: var(--brand-50);
    --btn-bg-hover: var(--brand-100);
    --btn-bg-active: var(--brand-200);
    --btn-border: var(--brand-400);
    --btn-border-hover: var(--brand-500);
    --btn-border-active: var(--brand-600);
    --btn-color: var(--brand-800);
    --btn-color-hover: var(--brand-900);
    --btn-color-active: #142348;
  }
  .btn--tone-sage {
    --btn-bg: var(--sage-50);
    --btn-bg-hover: var(--sage-100);
    --btn-bg-active: var(--sage-200);
    --btn-border: var(--sage-200);
    --btn-border-hover: var(--sage-400);
    --btn-border-active: var(--sage-500);
    --btn-color: var(--sage-800);
    --btn-color-hover: var(--sage-900);
    --btn-color-active: #1b2a23;
  }
  .btn--tone-rss {
    --btn-bg: #f5a623;
    --btn-bg-hover: #ffbe3d;
    --btn-bg-active: #e09900;
    --btn-border: #e28e00;
    --btn-border-hover: #d88400;
    --btn-border-active: #b87300;
    --btn-color: #2b1800;
    --btn-color-hover: #201100;
    --btn-color-active: #1a0d00;
  }
  .btn--tone-github {
    --btn-bg: #24292f;
    --btn-bg-hover: #2f353d;
    --btn-bg-active: #15181d;
    --btn-border: #24292f;
    --btn-border-hover: #2f353d;
    --btn-border-active: #15181d;
    --btn-color: #f8fafc;
    --btn-color-hover: #ffffff;
    --btn-color-active: #ffffff;
  }
  .btn--tone-linkedin {
    --btn-bg: #0a66c2;
    --btn-bg-hover: #0c74da;
    --btn-bg-active: #084f91;
    --btn-border: #0a66c2;
    --btn-border-hover: #0c74da;
    --btn-border-active: #084f91;
    --btn-color: #f5fbff;
    --btn-color-hover: #ffffff;
    --btn-color-active: #ffffff;
  }
  .theme-icon {
    display: none;
    width: 26px;
    height: 26px;
    color: currentColor;
  }
  .theme-button svg path, .theme-button svg circle, .theme-button svg rect {
    stroke: currentColor;
  }
  .theme-button[data-theme-state="light"] [data-icon="light"], .theme-button[data-theme-state="dark"] [data-icon="dark"], .theme-button[data-theme-state="system"] [data-icon="system"] {
    display: block;
  }
  .theme-button[data-theme-state="dark"], .theme-button[data-theme-state="system"] {
    --btn-bg: var(--bg-elev);
    --btn-bg-hover: var(--brand-50);
    --btn-bg-active: var(--brand-100);
    --btn-border: var(--brand-400);
    --btn-border-hover: var(--brand-500);
    --btn-border-active: var(--brand-600);
    --btn-color: var(--brand-700);
    --btn-color-hover: var(--brand-800);
    --btn-color-active: var(--brand-900);
  }
  .language-button {
    --btn-gap: 0;
    border-radius: 10px;
  }
  .lang-flag {
    display: none;
    width: 30px;
    height: 22px;
    border-radius: 6px;
    overflow: hidden;
  }
  .language-button[data-active-lang="tr"] [data-flag="tr"], .language-button[data-active-lang="en"] [data-flag="en"] {
    display: block;
  }
  .language-button[data-active-lang="en"] {
    --btn-bg: var(--bg-elev);
    --btn-border: var(--brand-400);
    --btn-border-hover: var(--brand-500);
    --btn-border-active: var(--brand-600);
    --btn-color: var(--brand-700);
    --btn-color-hover: var(--brand-800);
    --btn-color-active: var(--brand-900);
  }
  .menu-button {
    --btn-gap: 0;
  }
  .icon-menu, .icon-menu::before, .icon-menu::after {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background-color: currentColor;
    transition: background-color 0.2s ease;
  }
  .icon-menu {
    position: relative;
  }
  .icon-menu::before, .icon-menu::after {
    content: "";
    position: absolute;
    left: 0;
  }
  .icon-menu::before {
    top: -5px;
  }
  .icon-menu::after {
    top: 5px;
    width: 12px;
  }
  .btn[data-menu-open="true"] {
    --btn-bg: var(--bg-elev);
    --btn-border: var(--brand-400);
    --btn-border-hover: var(--brand-500);
    --btn-border-active: var(--brand-600);
    --btn-color: var(--brand-700);
    --btn-color-hover: var(--brand-800);
    --btn-color-active: var(--brand-900);
    box-shadow: var(--btn-shadow-hover);
  }
  a.btn {
    text-decoration: none;
  }
}
@layer components {
  figure.post-cover img {
    border-radius: var(--radius-2xl);
  }
  figure.post-cover figcaption {
    padding: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    font-family: var(--font-body);
  }
  .post-meta {
    border-radius: var(--radius-2xl);
    background-color: var(--bg);
    padding-block: calc(var(--spacing) * 4);
  }
  .post-meta__grid {
    display: flex;
    gap: 1rem;
    justify-content: space-around;
  }
  .post-meta__item {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    text-align: center;
  }
  .post-meta__item dt {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-transform: uppercase;
    color: var(--muted);
  }
  .post-meta__item dd {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .post-body, article.page {
    font-family: var(--font-body);
    color: var(--ink);
    line-height: 1.7;
  }
  article.post .post-body img, article.page img {
    border-radius: var(--radius-2xl);
    display: block;
    margin: 1.75rem auto;
  }
  article.post .post-body ul, article.post .post-body ol, article.page ul, article.page ol {
    margin: 1.25rem 0 1.5rem;
    padding: 0;
    color: var(--ink);
    list-style: none;
  }
  article.post .post-body ol, article.page ol {
    counter-reset: post-list-counter;
  }
  article.post .post-body li, article.page li {
    position: relative;
    padding-left: 1.75rem;
  }
  article.post .post-body li + li, article.page li + li {
    margin-top: 0.75rem;
  }
  article.post .post-body ul li::before, article.page ul li::before {
    content: "";
    position: absolute;
    left: 0.45rem;
    top: 0.65rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 999px;
    background: var(--brand-500);
    box-shadow: 0 0 0 3px var(--brand-500);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-500) 30%, transparent);
    }
  }
  article.post .post-body ol li, article.page ol li {
    counter-increment: post-list-counter;
  }
  article.post .post-body ol li::before, article.page ol li::before {
    content: counter(post-list-counter) ".";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--font-mono);
    font-size: 0.85rem;
    letter-spacing: 0.1em;
    color: var(--muted);
  }
  article.post .post-body table, article.page table {
    margin-block: calc(var(--spacing) * 8);
    width: 100%;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--sage-900);
    background-color: var(--bg);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
    border-collapse: collapse;
  }
  article.post .post-body th, article.post .post-body td, article.page th, article.page td {
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 2);
    text-align: left;
    vertical-align: top;
  }
  article.post .post-body thead, article.page thead {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--sage-900);
    background-color: var(--sage-500);
    text-align: left;
    font-family: var(--font-mono);
    text-transform: uppercase;
    color: var(--invert-ink);
  }
  article.post .post-body th, article.post .post-body td, article.page th, article.page td {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--sage-900);
  }
  article.post .post-body th:last-child, article.post .post-body td:last-child, article.page th:last-child, article.page td:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  article.post .post-body tr:nth-child(even), article.page tr:nth-child(even) {
    background-color: var(--sage-100);
    color: var(--ink);
  }
  article.post .post-body tr, article.page tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--sage-900);
  }
  article.post .post-body tr:last-child, article.page tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  article.post {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--bg);
    padding: calc(var(--spacing) * 4);
    header.post-header {
      margin-bottom: calc(var(--spacing) * 6);
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--border);
      background-color: var(--bg-elev);
      div.post-back {
        width: 100%;
        border-top-left-radius: var(--radius-2xl);
        border-top-right-radius: var(--radius-2xl);
        background-color: var(--bg);
        padding: calc(var(--spacing) * 4);
      }
      div.post-cover {
        padding: calc(var(--spacing) * 4);
      }
      div.post-meta {
        margin-inline: calc(var(--spacing) * 4);
      }
      div.post-operations {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: calc(var(--spacing) * 2);
        border-bottom-right-radius: var(--radius-2xl);
        border-bottom-left-radius: var(--radius-2xl);
        background-color: var(--bg-elev);
        padding-block: calc(var(--spacing) * 4);
      }
    }
    footer.post-footer {
      div.post-tags {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: calc(var(--spacing) * 2);
      }
      .post-series {
        margin-top: calc(var(--spacing) * 8);
        border-radius: var(--radius-2xl);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--bg-elev);
        padding: calc(var(--spacing) * 4);
      }
      .post-series__title {
        margin-bottom: calc(var(--spacing) * 3);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: calc(var(--spacing) * 2);
        padding-left: calc(var(--spacing) * 2);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
        text-transform: uppercase;
        color: var(--ink-dim);
        svg {
          height: calc(var(--spacing) * 6);
        }
      }
      .post-series__list {
        list-style: decimal;
        padding-left: 1.5rem;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
      }
      .post-series__item {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--ink);
      }
      .post-series__item.is-current {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
      .post-series__link, .post-series__current, .post-series__placeholder {
        font-family: var(--font-body);
      }
      .post-series__link {
        color: var(--brand-600);
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-decoration-color: var(--brand-600);
        @supports (color: color-mix(in lab, red, red)) {
          text-decoration-color: color-mix( in srgb, var(--brand-600) 50%, transparent );
        }
      }
      .post-series__link:hover {
        color: var(--brand-700);
        text-decoration-color: var(--brand-700);
      }
      .post-series__placeholder {
        color: var(--muted);
        font-style: italic;
      }
    }
  }
  article.page {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--bg);
    padding: calc(var(--spacing) * 4);
    div.external-content {
      width: 100%;
      overflow-x: scroll;
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--border);
      background-color: var(--bg-elev);
    }
  }
  html.dark article.post .post-body > table > tbody > tr:nth-child(even), html.dark article.page > table > tbody > tr:nth-child(even) {
    background-color: var(--sage-100);
    color: var(--invert-ink);
  }
  @keyframes zoom-in {
    from {
      transform: translate(-50%, -50%) scale(0.95);
      opacity: 0;
    }
    to {
      transform: translate(-50%, -50%) scale(1.02);
      opacity: 1;
    }
  }
  @keyframes overlay-fade {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @media (min-width: 768px) {
    article.post .post-body p > img, article.page p > img {
      cursor: zoom-in;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    article.post .post-body p > img.zoom, article.page p > img.zoom {
      cursor: zoom-out;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(1.02);
      max-width: min(90vw, 60rem);
      max-height: 90vh;
      width: auto;
      height: auto;
      z-index: 1001;
      box-shadow: 0 25px 80px var(--ink);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 25px 80px color-mix(in srgb, var(--ink) 25%, transparent);
      }
      animation: zoom-in 0.25s ease;
    }
    body:has(article.post .post-body p > img.zoom)::after, body:has(article.page p > img.zoom)::after {
      content: "";
      position: fixed;
      inset: 0;
      background: var(--ink);
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--ink) 65%, transparent);
      }
      backdrop-filter: blur(18px);
      z-index: 1000;
      animation: overlay-fade 0.2s ease;
      pointer-events: none;
    }
    article.post, article.page {
      max-width: 70ch;
      margin-inline: auto;
      header.post-header {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        div.post-back {
          width: 100%;
        }
        div.post-meta, div.post-cover {
          display: flex;
          justify-content: center;
        }
        div.post-meta {
          margin-inline: calc(var(--spacing) * 0);
          margin-top: calc(var(--spacing) * 4);
        }
        div.post-operations {
          width: 100%;
        }
      }
    }
  }
  @media (min-width: 768px) {
    article.post, article.page {
      header.post-header {
        div.post-cover {
          flex-basis: calc(75% - 0.75rem);
          max-width: calc(75% - 0.75rem);
        }
        div.post-meta {
          flex-basis: calc(25% - 0.75rem);
          max-width: calc(25% - 0.75rem);
          dl.post-meta__grid {
            flex-direction: column;
          }
        }
      }
    }
  }
}
@layer components {
  section.category {
    background-color: var(--bg);
    max-width: 100%;
    div.collection-content {
      padding: calc(var(--spacing) * 4);
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--border);
      background-color: var(--bg);
      margin-bottom: 1rem;
    }
    div.collection-content.no-content h1 {
      margin: calc(var(--spacing) * 0);
      text-transform: uppercase;
    }
    div.category-listing {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      gap: calc(var(--spacing) * 4);
      article.post-card {
        align-items: stretch;
      }
    }
    article.post-card {
      margin-bottom: calc(var(--spacing) * 4);
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--border);
      background-color: var(--bg-elev);
      padding: calc(var(--spacing) * 4);
      header.post-header {
        background-color: var(--bg-elev);
        div.post-meta {
          margin-top: calc(var(--spacing) * 1);
        }
      }
      div.post-body {
        margin-top: calc(var(--spacing) * 4);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        border-radius: var(--radius-2xl);
        background-color: var(--bg);
        padding: calc(var(--spacing) * 4);
        h2 {
          margin-top: calc(var(--spacing) * 0);
        }
      }
    }
    article.post-card:last-child {
      margin-bottom: 0px;
    }
    div.category-listing article.post-card {
      margin-bottom: 0;
      height: auto;
    }
  }
  section.category.home {
    h1 {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
  @media (min-width: 600px) {
    section.category {
      article {
        display: flex;
        justify-content: space-between;
        header.post-header {
          flex-basis: calc(50% - 0.75rem);
          max-width: calc(50% - 0.75rem);
          margin-inline: unset;
          width: unset;
        }
        div.post-body {
          margin-top: 0px !important;
          flex-basis: calc(50% - 0.75rem);
          max-width: calc(50% - 0.75rem);
        }
      }
    }
  }
  @media (min-width: 960px) {
    section.category {
      flex-wrap: wrap;
      display: flex;
      gap: 1rem;
      justify-content: center;
      div.collection-content {
        margin-bottom: unset;
        width: 100%;
      }
      div.category-listing {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        article {
          flex-basis: calc(50% - 0.75rem);
          max-width: calc(50% - 0.75rem);
          margin-bottom: unset;
          header.post-header {
            div.post-meta {
              dl.post-meta__grid {
                flex-direction: column;
              }
            }
          }
        }
      }
    }
    section.category.home {
      article:first-of-type {
        flex-basis: calc(100% - 0.75rem);
        max-width: calc(100% - 0.75rem);
        margin-bottom: unset;
      }
      article:not(:first-of-type) {
        flex-basis: calc(50% - 0.75rem);
        max-width: calc(50% - 0.75rem);
        margin-bottom: unset;
        header.post-header {
          div.post-meta {
            dl.post-meta__grid {
              flex-direction: column;
            }
          }
        }
      }
    }
  }
  @media (min-width: 1280px) {
    section.category {
      flex-wrap: wrap;
      display: flex;
      gap: 1rem;
      justify-content: center;
      div.category-listing {
        justify-content: center;
        article {
          flex-basis: calc(33% - 0.75rem);
          max-width: calc(33% - 0.75rem);
          margin-bottom: unset;
        }
      }
    }
    section.category.home {
      article:first-of-type {
        flex-basis: calc(66% - 0.75rem);
        max-width: calc(66% - 0.75rem);
        margin-bottom: unset;
      }
      article:not(:first-of-type) {
        flex-basis: calc(33% - 0.75rem);
        max-width: calc(33% - 0.75rem);
        margin-bottom: unset;
      }
    }
  }
  @media (min-width: 1536px) {
    section.category {
      flex-wrap: wrap;
      display: flex;
      gap: 1rem;
      justify-content: center;
      div.category-listing {
        article {
          flex-basis: calc(33% - 0.75rem);
          max-width: calc(33% - 0.75rem);
          margin-bottom: unset;
          header.post-header {
            div.post-meta {
              dl.post-meta__grid {
                flex-direction: row;
              }
            }
          }
        }
      }
    }
    section.category.home {
      article:first-of-type {
        flex-basis: calc(66% - 0.75rem);
        max-width: calc(66% - 0.75rem);
        margin-bottom: unset;
      }
      article:not(:first-of-type) {
        flex-basis: calc(33% - 0.75rem);
        max-width: calc(33% - 0.75rem);
        margin-bottom: unset;
        header.post-header {
          div.post-meta {
            dl.post-meta__grid {
              flex-direction: row;
            }
          }
        }
      }
    }
  }
}
@layer base {
  :root {
    --pwsh-bg: #0000aa;
    --pwsh-fg: #ffffff;
    --pwsh-command: #ffff5f;
    --pwsh-selected-command: #0000aa;
    --pwsh-parameter: #aaaaaa;
    --pwsh-selected-parameter: #5f5f5f;
    --pwsh-string: #00aaaa;
    --pwsh-selected-string: #ff5f5f;
    --pwsh-variable: #5fff55;
    --pwsh-selected-variable: #aa00aa;
    --pwsh-number: #ffffff;
    --pwsh-selected-number: #000000;
    --pwsh-selected-bg: #fedba9;
    --pwsh-selected-fg: #000000;
    --pwsh-comment: #00aa00;
    --pwsh-selected-comment: #ff5fff;
  }
}
@layer components {
  pre.code-block[data-code-language="powershell"] {
    background-color: var(--pwsh-bg);
    code.language-powershell::before {
      content: "powershell";
      color: var(--pwsh-parameter);
    }
    code.language-powershell {
      font-family: var(--font-sans);
      color: var(--pwsh-fg);
      span.hljs-built_in {
        color: var(--pwsh-command);
      }
      span.hljs-built_in::selection {
        background-color: var(--pwsh-selected-bg);
        color: var(--pwsh-selected-command);
      }
      span.hljs-literal {
        color: var(--pwsh-parameter);
      }
      span.hljs-literal::selection {
        background-color: var(--pwsh-selected-bg);
        color: var(--pwsh-selected-parameter);
      }
      span.hljs-string {
        color: var(--pwsh-string);
      }
      span.hljs-string::selection {
        background-color: var(--pwsh-selected-bg);
        color: var(--pwsh-selected-string);
      }
      span.hljs-variable {
        color: var(--pwsh-variable);
      }
      span.hljs-variable::selection {
        background-color: var(--pwsh-selected-bg);
        color: var(--pwsh-selected-variable);
      }
      span.hljs-number {
        color: var(--pwsh-number);
      }
      span.hljs-number::selection {
        background-color: var(--pwsh-selected-bg);
        color: var(--pwsh-selected-number);
      }
      span.hljs-comment {
        color: var(--pwsh-comment);
      }
      span.hljs-comment::selection {
        background-color: var(--pwsh-selected-bg);
        color: var(--pwsh-selected-comment);
      }
    }
    code.language-powershell::selection {
      background-color: var(--pwsh-selected-bg);
      color: var(--pwsh-selected-fg);
    }
  }
}
@layer base {
  :root {
    --bash-bg: #22272e;
    --bash-fg: #adbac7;
    --bash-command: #f69d50;
    --bash-keyword: #f47067;
    --bash-variable: #6cb6ff;
    --bash-string: #96d0ff;
    --bash-boolean: #6cb6ff;
    --bash-comment: #768390;
    --bash-title: #dcbdfb;
  }
}
@layer components {
  pre.code-block[data-code-language="bash"], pre.code-block[data-code-language="shell"] {
    background-color: var(--bash-bg);
    code.language-bash::before {
      content: "bash";
    }
    code.language-shell::before {
      content: "shell";
    }
    code.language-bash, code.language-shell {
      font-family: var(--font-sans);
      color: var(--bash-fg);
      span.hljs-built_in {
        color: var(--bash-command);
      }
      span.hljs-keyword {
        color: var(--bash-keyword);
      }
      span.hljs-variable {
        color: var(--bash-variable);
      }
      span.hljs-string {
        color: var(--bash-string);
      }
      span.hljs-literal {
        color: var(--bash-boolean);
      }
      span.hljs-comment {
        color: var(--bash-comment);
      }
      span.hljs-function > span.hljs-title {
        color: var(--bash-title);
      }
    }
  }
}
@layer base {
  :root {
    --yml-bg: #22272e;
    --yml-fg: #adbac7;
    --yml-string: #96d0ff;
    --yml-attr: #6cb6ff;
    --yml-bullet: #eac55f;
    --yml-type: #f47067;
    --yml-number: #6cb6ff;
    --yml-boolean: #6cb6ff;
    --yml-comment: #768390;
  }
}
@layer components {
  pre.code-block[data-code-language="yml"] {
    background-color: var(--yml-bg);
    code.language-yml::before {
      content: "yml";
    }
    code.language-yml {
      font-family: var(--font-sans);
      color: var(--yml-fg);
      span.hljs-string {
        color: var(--yml-string);
      }
      span.hljs-attr {
        color: var(--yml-attr);
      }
      span.hljs-bullet {
        color: var(--yml-bullet);
      }
      span.hljs-type {
        color: var(--yml-type);
      }
      span.hljs-number {
        color: var(--yml-number);
      }
      span.hljs-literal {
        color: var(--yml-boolean);
      }
      span.hljs-comment {
        color: var(--yml-comment);
      }
    }
  }
}
@layer base {
  :root {
    --python-bg: #22272e;
    --python-fg: #adbac7;
    --python-keyword: #f47067;
    --python-type: #f47067;
    --python-function: #dcbdfb;
    --python-params: #f69d50;
    --python-string: #96d0ff;
    --python-subst: #adbac7;
    --python-meta: #6cb6ff;
    --python-comment: #768390;
  }
}
@layer components {
  pre.code-block[data-code-language="python"] {
    background-color: var(--python-bg);
    code.language-python::before {
      content: "python";
    }
    code.language-python {
      font-family: var(--font-sans);
      color: var(--python-fg);
      span.hljs-keyword {
        color: var(--python-keyword);
      }
      span.hljs-type {
        color: var(--python-type);
      }
      span.hljs-title.function_ {
        color: var(--python-function);
      }
      span.hljs-built_in, span.hljs-params > span.hljs-built_in {
        color: var(--python-params);
      }
      span.hljs-string {
        color: var(--python-string);
      }
      span.hljs-string > span.hljs-subst {
        color: var(--python-subst);
      }
      span.hljs-meta {
        color: var(--python-meta);
      }
      span.hljs-comment {
        color: var(--python-comment);
      }
    }
  }
}
@layer base {
  :root {
    --json-bg: #22272e;
    --json-fg: #adbac7;
    --json-punctuation: #adbac7;
    --json-attr: #6cb6ff;
    --json-string: #96d0ff;
    --json-number: #6cb6ff;
    --json-keyword: #f47067;
  }
}
@layer components {
  pre.code-block[data-code-language="json"] {
    background-color: var(--json-bg);
    code.language-json::before {
      content: "json";
    }
    code.language-json {
      font-family: var(--font-sans);
      color: var(--json-fg);
      span.hljs-punctuation {
        color: var(--json-punctuation);
      }
      span.hljs-attr {
        color: var(--json-attr);
      }
      span.hljs-string {
        color: var(--json-string);
      }
      span.hljs-literal > span.hljs-keyword {
        color: var(--json-keyword);
      }
      span.hljs-number {
        color: var(--json-number);
      }
    }
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-tracking: initial;
      --tw-leading: initial;
    }
  }
}