:root {
    --pagefind-ui-scale: 0.875 !important;
    --pagefind-ui-border-width: 1px !important;
    --pagefind-ui-border-radius: 4px !important;
    --pagefind-ui-border: #d1d5db !important;
    --pagefind-ui-background: #f9fafb !important;
    --pagefind-ui-text: #111827 !important;
    --pagefind-ui-primary: #6b7280 !important;
    --pagefind-ui-font: inherit !important;
}

.pagefind-ui__search-input {
    font-weight: normal !important;
}

@media (prefers-color-scheme: dark) {
    :root {
        --pagefind-ui-border: #4b5563 !important;
        --pagefind-ui-background: #1f2937 !important;
        --pagefind-ui-text: #f9fafb !important;
        --pagefind-ui-primary: #9ca3af !important;
    }
}

@media (max-width: 768px) {
    .pagefind-ui__result-thumb {
        width: 0 !important;
    }
    .pagefind-ui__result-excerpt,
    .pagefind-ui__result-title {
        overflow-wrap: break-word;
        word-break: break-word;
    }
    .pagefind-ui__search-input,
    .pagefind-ui__search-clear {
        max-width: 100%;
    }
    .pagefind-ui__form {
        overflow: hidden;
    }
}

svg {
    width: 16px;
    height: 16px;
}

:root {
    --syntax-alert: #d20f39;
    --syntax-annotation: #fe640b;
    --syntax-attribute: #df8e1d;
    --syntax-basen: #40a02b;
    --syntax-builtin: #1e66f5;
    --syntax-controlflow: #8839ef;
    --syntax-char: #04a5e5;
    --syntax-constant: #fe640b;
    --syntax-comment: #9ca0b0;
    --syntax-commentvar: #7c7f93;
    --syntax-documentation: #9ca0b0;
    --syntax-datatype: #df8e1d;
    --syntax-decval: #40a02b;
    --syntax-error: #d20f39;
    --syntax-extension: #4c4f69;
    --syntax-float: #40a02b;
    --syntax-function: #1e66f5;
    --syntax-import: #40a02b;
    --syntax-information: #04a5e5;
    --syntax-keyword: #8839ef;
    --syntax-operator: #179299;
    --syntax-other: #8839ef;
    --syntax-preprocessor: #ea76cb;
    --syntax-specialchar: #04a5e5;
    --syntax-specialstring: #ea76cb;
    --syntax-string: #40a02b;
    --syntax-variable: #8839ef;
    --syntax-verbatimstring: #40a02b;
    --syntax-warning: #df8e1d;
}

@media (prefers-color-scheme: dark) {
    :root {
        --syntax-alert: #f38ba8;
        --syntax-annotation: #fab387;
        --syntax-attribute: #f9e2af;
        --syntax-basen: #a6e3a1;
        --syntax-builtin: #89b4fa;
        --syntax-controlflow: #cba6f7;
        --syntax-char: #89dceb;
        --syntax-constant: #fab387;
        --syntax-comment: #6c7086;
        --syntax-commentvar: #585b70;
        --syntax-documentation: #6c7086;
        --syntax-datatype: #f9e2af;
        --syntax-decval: #a6e3a1;
        --syntax-error: #f38ba8;
        --syntax-extension: #cdd6f4;
        --syntax-float: #a6e3a1;
        --syntax-function: #89b4fa;
        --syntax-import: #a6e3a1;
        --syntax-information: #89dceb;
        --syntax-keyword: #cba6f7;
        --syntax-operator: #94e2d5;
        --syntax-other: #cba6f7;
        --syntax-preprocessor: #f5c2e7;
        --syntax-specialchar: #89dceb;
        --syntax-specialstring: #f5c2e7;
        --syntax-string: #a6e3a1;
        --syntax-variable: #cba6f7;
        --syntax-verbatimstring: #a6e3a1;
        --syntax-warning: #f9e2af;
    }
}

/* pandoc syntax highlighting classes */
code span.al {
    color: var(--syntax-alert);
    font-weight: bold;
} /* alert          */
code span.an {
    color: var(--syntax-annotation);
    font-weight: bold;
    font-style: italic;
} /* annotation     */
code span.at {
    color: var(--syntax-attribute);
} /* attribute      */
code span.bn {
    color: var(--syntax-basen);
} /* basen          */
code span.bu {
    color: var(--syntax-builtin);
} /* builtin        */
code span.cf {
    color: var(--syntax-controlflow);
    font-weight: bold;
} /* controlflow    */
code span.ch {
    color: var(--syntax-char);
} /* char           */
code span.cn {
    color: var(--syntax-constant);
} /* constant       */
code span.co {
    color: var(--syntax-comment);
    font-style: italic;
} /* comment        */
code span.cv {
    color: var(--syntax-commentvar);
    font-weight: bold;
    font-style: italic;
} /* commentvar     */
code span.do {
    color: var(--syntax-documentation);
    font-style: italic;
} /* documentation  */
code span.dt {
    color: var(--syntax-datatype);
} /* datatype       */
code span.dv {
    color: var(--syntax-decval);
} /* decval         */
code span.er {
    color: var(--syntax-error);
    font-weight: bold;
} /* error          */
code span.ex {
    color: var(--syntax-extension);
} /* extension      */
code span.fl {
    color: var(--syntax-float);
} /* float          */
code span.fu {
    color: var(--syntax-function);
} /* function       */
code span.im {
    color: var(--syntax-import);
    font-weight: bold;
} /* import         */
code span.in {
    color: var(--syntax-information);
    font-weight: bold;
    font-style: italic;
} /* information    */
code span.kw {
    color: var(--syntax-keyword);
    font-weight: bold;
} /* keyword        */
code span.op {
    color: var(--syntax-operator);
} /* operator       */
code span.ot {
    color: var(--syntax-other);
} /* other          */
code span.pp {
    color: var(--syntax-preprocessor);
} /* preprocessor   */
code span.sc {
    color: var(--syntax-specialchar);
} /* specialchar    */
code span.ss {
    color: var(--syntax-specialstring);
} /* specialstring  */
code span.st {
    color: var(--syntax-string);
} /* string         */
code span.va {
    color: var(--syntax-variable);
} /* variable       */
code span.vs {
    color: var(--syntax-verbatimstring);
} /* verbatimstring */
code span.wa {
    color: var(--syntax-warning);
    font-weight: bold;
    font-style: italic;
} /* warning        */
