@layer components {
  .ui-pagehead {
    gap: var(--ui-space-md);
    margin-bottom: var(--ui-space-2xl);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .ui-pagehead-kicker{margin-bottom:calc(var(--ui-space-3xs) * -1);color:var(--ui-text-muted);font:var(--ui-weight-medium) var(--ui-text-eyebrow)/1rem var(--font-family-sans);letter-spacing:var(--ui-tracking-eyebrow);text-transform:uppercase}

  .ui-pagehead h1 {
    color: var(--ui-text-strong);
    font-size: var(--ui-text-title);
    font-weight: var(--ui-weight-heading);
    line-height: var(--ui-leading-title);
    letter-spacing: var(--ui-tracking-title);
    text-wrap: balance;
    overflow-wrap: break-word;
    margin: 0;
  }

  .ui-pagehead p {
    max-width: calc(var(--measure, 41rem) * 1.125);
    color: var(--ui-text-body);
    font-size: var(--ui-text-lead);
    line-height: var(--ui-leading-lead);
    letter-spacing: -.004em;
    text-wrap: pretty;
    overflow-wrap: break-word;
    margin: 0;
  }

  .ui-pagehead p + p:not([class]) {
    max-width: var(--measure, 41rem);
    margin-top: calc(var(--ui-space-xs) * -1);
    font-size: var(--ui-text-base);
    line-height: var(--ui-leading-body);
    letter-spacing: 0;
  }

  .ui-pagehead-meta {
    align-items: center;
    gap: var(--ui-space-xs) var(--ui-space-md);
    padding-top: var(--ui-space-xs);
    color: var(--ui-text-muted);
    flex-wrap: wrap;
    font-size: .78125rem;
    display: flex;
  }

  .ui-pagehead-meta > a {
    color: inherit;
    text-decoration: none;
  }

  .ui-pagehead-meta > a:hover {
    color: var(--ui-text-strong);
  }

  .ui-pagehead-meta > span + span:before, .ui-pagehead-meta > * + a:before {
    content: "·";
    margin-right: var(--ui-space-md);
    color: var(--ui-text-disabled);
  }
}

@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-95:oklch(19.4% .0019 265)}:root,:host{--font-family-sans:var(--font-sans, ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}:root,:host{--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0), var(--color-zinc-95))}:root,:host{--font-sans:"Geist", "Noto Sans TC"}}