/**
 * Tailwind Preflight (see tailwindcss/src/css/preflight.css) scoped to
 * .qhb-tailwind-root so wp-admin chrome (#adminmenu, #wpadminbar) is untouched
 * while React content keeps the same reset behaviour as full Preflight.
 */
@layer base {
    /* 1. border-box 2. border-width/style/color baseline for border-* utilities */
    .qhb-tailwind-root,
    .qhb-tailwind-root *,
    .qhb-tailwind-root ::before,
    .qhb-tailwind-root ::after,
    .qhb-tailwind-root *::before,
    .qhb-tailwind-root *::after {
        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: #e5e7eb; /* theme borderColor.DEFAULT ~ gray-200 */
    }

    .qhb-tailwind-root ::before,
    .qhb-tailwind-root ::after,
    .qhb-tailwind-root *::before,
    .qhb-tailwind-root *::after {
        --tw-content: '';
    }

    .qhb-tailwind-root {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        tab-size: 4;
        font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
            'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
        -webkit-tap-highlight-color: transparent;
    }

    .qhb-tailwind-root hr {
        height: 0;
        color: inherit;
        border-top-width: 1px;
    }

    .qhb-tailwind-root abbr:where([title]) {
        text-decoration: underline dotted;
    }

    .qhb-tailwind-root h1,
    .qhb-tailwind-root h2,
    .qhb-tailwind-root h3,
    .qhb-tailwind-root h4,
    .qhb-tailwind-root h5,
    .qhb-tailwind-root h6 {
        font-size: inherit;
        font-weight: inherit;
    }

    .qhb-tailwind-root a {
        color: inherit;
        text-decoration: inherit;
    }

    .qhb-tailwind-root b,
    .qhb-tailwind-root strong {
        font-weight: bolder;
    }

    .qhb-tailwind-root code,
    .qhb-tailwind-root kbd,
    .qhb-tailwind-root samp,
    .qhb-tailwind-root pre {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
            'Liberation Mono', 'Courier New', monospace;
        font-size: 1em;
    }

    .qhb-tailwind-root small {
        font-size: 80%;
    }

    .qhb-tailwind-root sub,
    .qhb-tailwind-root sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    .qhb-tailwind-root sub {
        bottom: -0.25em;
    }

    .qhb-tailwind-root sup {
        top: -0.5em;
    }

    .qhb-tailwind-root table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse;
    }

    .qhb-tailwind-root button,
    .qhb-tailwind-root input,
    .qhb-tailwind-root optgroup,
    .qhb-tailwind-root select,
    .qhb-tailwind-root textarea {
        font-family: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        font-size: 100%;
        font-weight: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        color: inherit;
        margin: 0;
        padding: 0;
    }

    .qhb-tailwind-root button,
    .qhb-tailwind-root select {
        text-transform: none;
    }

    .qhb-tailwind-root button,
    .qhb-tailwind-root input:where([type='button']),
    .qhb-tailwind-root input:where([type='reset']),
    .qhb-tailwind-root input:where([type='submit']) {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none;
    }

    .qhb-tailwind-root :-moz-focusring {
        outline: auto;
    }

    .qhb-tailwind-root :-moz-ui-invalid {
        box-shadow: none;
    }

    .qhb-tailwind-root progress {
        vertical-align: baseline;
    }

    .qhb-tailwind-root *::-webkit-inner-spin-button,
    .qhb-tailwind-root *::-webkit-outer-spin-button {
        height: auto;
    }

    .qhb-tailwind-root [type='search'] {
        -webkit-appearance: textfield;
        outline-offset: -2px;
    }

    .qhb-tailwind-root *::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    .qhb-tailwind-root *::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit;
    }

    .qhb-tailwind-root summary {
        display: list-item;
    }

    .qhb-tailwind-root blockquote,
    .qhb-tailwind-root dl,
    .qhb-tailwind-root dd,
    .qhb-tailwind-root h1,
    .qhb-tailwind-root h2,
    .qhb-tailwind-root h3,
    .qhb-tailwind-root h4,
    .qhb-tailwind-root h5,
    .qhb-tailwind-root h6,
    .qhb-tailwind-root hr,
    .qhb-tailwind-root figure,
    .qhb-tailwind-root p,
    .qhb-tailwind-root pre {
        margin: 0;
    }

    .qhb-tailwind-root fieldset {
        margin: 0;
        padding: 0;
    }

    .qhb-tailwind-root legend {
        padding: 0;
    }

    .qhb-tailwind-root ol,
    .qhb-tailwind-root ul,
    .qhb-tailwind-root menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .qhb-tailwind-root dialog {
        padding: 0;
    }

    .qhb-tailwind-root textarea {
        resize: vertical;
    }

    .qhb-tailwind-root input::placeholder,
    .qhb-tailwind-root textarea::placeholder {
        opacity: 1;
        color: #9ca3af;
    }

    .qhb-tailwind-root button,
    .qhb-tailwind-root [role='button'] {
        cursor: pointer;
    }

    .qhb-tailwind-root :disabled {
        cursor: default;
    }

    .qhb-tailwind-root img,
    .qhb-tailwind-root svg,
    .qhb-tailwind-root video,
    .qhb-tailwind-root canvas,
    .qhb-tailwind-root audio,
    .qhb-tailwind-root iframe,
    .qhb-tailwind-root embed,
    .qhb-tailwind-root object {
        display: block;
        vertical-align: middle;
    }

    .qhb-tailwind-root img,
    .qhb-tailwind-root video {
        max-width: 100%;
        height: auto;
    }

    .qhb-tailwind-root [hidden]:where(:not([hidden='until-found'])) {
        display: none;
    }
}