/* --------------------------------------------------------------
   "Warm camp" theme — serif headings, terracotta accent,
   offset hard shadows, chunky rounded cards. Drop-in replacement
   for the previous Google-Forms-ish look. All class names kept.
   -------------------------------------------------------------- */

:root {
    --bg: #faf5ec;
    --bg-deep: #f2e9d5;
    --card: #fffdf8;
    --ink: #2b2118;
    --ink-soft: #5a4a3b;
    --ink-muted: #9a8874;
    --border: #e6d9be;
    --border-strong: #2b2118;

    --brand: #c2410c;           /* terracotta */
    --brand-dark: #9a320a;
    --brand-soft: #fdecd4;      /* warm cream */
    --accent: #3f6b3a;          /* forest green */
    --accent-soft: #e6efd9;

    --danger: #b91c1c;
    --danger-soft: #fde7e7;

    --radius: 6px;
    --radius-lg: 10px;

    /* Signature offset shadow — gives cards a tactile "paper" feel */
    --shadow-sm: 2px 2px 0 rgba(43, 33, 24, .08);
    --shadow-md: 4px 4px 0 rgba(43, 33, 24, .10);
    --shadow-brand: 4px 4px 0 rgba(154, 50, 10, .35);
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Source Serif Pro', serif;
    background:
        radial-gradient(1200px 600px at 10% -10%, rgba(194, 65, 12, .06), transparent 60%),
        radial-gradient(900px 500px at 110% 10%, rgba(63, 107, 58, .07), transparent 60%),
        var(--bg);
    color: var(--ink);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

a { color: var(--brand-dark); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 2px; }
a:hover { color: var(--brand); }

.tqforms-page {
    max-width: 780px;
    margin: 2.5rem auto;
    padding: 0 1rem 4rem;
    position: relative;
}

.tqforms-form {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Form header */
.tqforms-header {
    margin: 0 0 2rem;
    text-align: center;
}
.tqforms-hero-wrap {
    position: relative;
    margin-bottom: 2rem;
    border: 2px solid var(--border-strong);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    line-height: 0;
}
.tqforms-hero {
    display: block;
    width: 100%;
    height: auto;
    max-height: 380px;
    object-fit: cover;
}
.tqforms-hero-badge {
    position: absolute;
    right: .75rem;
    bottom: .75rem;
    width: 34px;
    height: 34px;
    padding: 4px;
    background: rgba(20, 15, 10, .7);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    object-fit: contain;
}
.tqforms-title {
    font-family: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
    font-size: 2.4rem;
    font-weight: 700;
    font-style: italic;
    margin: 0 0 .5rem;
    letter-spacing: -0.01em;
    line-height: 1.15;
    color: var(--ink);
}
.tqforms-description {
    color: var(--ink-soft);
    margin: 0 auto;
    max-width: 60ch;
    font-size: 1.05rem;
    font-style: italic;
}

/* Page header (after pageBreak) */
.tqforms-page-header { margin: .5rem 0 .25rem; }
.tqforms-page-header h2 {
    font-family: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
    font-size: 1.55rem;
    font-style: italic;
    margin: 0 0 .4rem;
    font-weight: 700;
    color: var(--brand-dark);
    letter-spacing: -0.005em;
    position: relative;
    padding-bottom: .5rem;
}
.tqforms-page-header h2::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48px;
    height: 3px;
    background: var(--brand);
    border-radius: 2px;
}

/* Section — visually distinct from regular fields */
.tqforms-section {
    background: var(--accent-soft);
    border: 2px solid var(--border-strong);
    border-radius: var(--radius);
    padding: 1.1rem 1.35rem;
    margin: 1.5rem 0 .75rem;
    box-shadow: var(--shadow-md);
    position: relative;
}
.tqforms-header + .tqforms-section { margin-top: 0; }

/* Collapsible section — <details>/<summary> variant */
.tqforms-section-collapsible > .tqforms-section-summary {
    list-style: none;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: .75rem;
}
.tqforms-section-collapsible > .tqforms-section-summary::-webkit-details-marker { display: none; }
.tqforms-section-collapsible > .tqforms-section-summary > h2 {
    flex: 1;
    font-family: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
    font-size: 1.2rem;
    margin: 0;
    font-weight: 700;
    color: var(--accent);
    letter-spacing: -0.005em;
}
.tqforms-section-collapsible > .tqforms-section-summary::after {
    content: '';
    width: 10px; height: 10px; flex: 0 0 auto;
    border-right: 2px solid var(--accent);
    border-bottom: 2px solid var(--accent);
    transform: rotate(-45deg);
    transition: transform .15s;
    margin-right: .25rem;
}
.tqforms-section-collapsible[open] > .tqforms-section-summary::after { transform: rotate(45deg); }
/* When collapsed, collapse the vertical padding so the summary reads like a compact header. */
.tqforms-section-collapsible:not([open]) { padding-top: .8rem; padding-bottom: .8rem; }
.tqforms-section::before {
    content: var(--section-icon);
    position: absolute;
    top: -14px;
    left: 1rem;
    background: var(--bg);
    padding: 0 .5rem;
    color: var(--accent);
    font-size: 1.1rem;
    line-height: 1;
    border-radius: 75px;
}
.tqforms-section > h2 {
    font-family: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
    font-size: 1.2rem;
    margin: 0 0 .35rem;
    font-weight: 700;
    color: var(--accent);
    letter-spacing: -0.005em;
}
.tqforms-section .tqforms-help {
    color: var(--ink-soft);
    margin: 0;
}

/* Field — no card, just a block inside the continuous document */
.tqforms-field {
    padding: 1rem 0;
    border-bottom: 1px dashed var(--border);
    background: transparent;
}
.tqforms-field:last-of-type { border-bottom: none; }

.tqforms-label {
    font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Source Serif Pro', serif;
    font-weight: 700;
    font-size: .85rem;
    margin-bottom: .5rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-soft);
}
.tqforms-required { color: var(--brand); margin-left: .15rem; }

.tqforms-error {
    color: var(--danger);
    font-size: .875rem;
    margin-top: .5rem;
    font-weight: 600;
    font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Source Serif Pro', serif;
}
.tqforms-field-invalid {
    border-left: 3px solid var(--danger);
    padding-left: .9rem;
    margin-left: -.9rem;
}

.tqforms-submit-errors {
    background: var(--danger-soft);
    border: 2px solid var(--danger);
    border-radius: var(--radius);
    padding: 1rem 1.25rem;
    color: #7f1d1d;
    box-shadow: var(--shadow-sm);
    font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Source Serif Pro', serif;
}
.tqforms-submit-errors strong { color: var(--danger); }
.tqforms-submit-errors ul {
    margin: .5rem 0 0;
    padding-left: 1.25rem;
}
.tqforms-submit-errors li { margin: .2rem 0; }

.tqforms-success {
    background: var(--accent-soft);
    border: 2px solid var(--accent);
    border-radius: var(--radius-lg);
    padding: 2.5rem 1.5rem;
    text-align: center;
    box-shadow: var(--shadow-md);
}
.tqforms-success h1 {
    font-family: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
    font-style: italic;
    color: var(--accent);
    margin: 0 0 .5rem;
    font-size: 2rem;
}
.tqforms-success p { margin: 0; color: var(--ink-soft); font-size: 1.05rem; }

.tqforms-help {
    color: var(--ink-soft);
    font-size: .92rem;
    margin-bottom: .75rem;
    font-style: italic;
}
.tqforms-help > div { margin: 0.4rem 0; }
.tqforms-help > div:empty { min-height: 1em; }
.tqforms-section .tqforms-help {
    font-size: 1rem;
    line-height: 1.5;
}
/* Help-text headings — visually subordinate to the section's own <h2>.
   Match the section-title vocabulary (upright serif, weight 700, accent colour)
   and shrink as nesting deepens so the hierarchy reads as: form title >
   page header > section h2 > help #/##/###. */
.tqforms-help-heading {
    font-family: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
    font-style: normal;
    font-weight: 700;
    color: var(--accent);
    letter-spacing: -0.005em;
    margin: 1rem 0 .4rem;
    line-height: 1.25;
}
.tqforms-help h2.tqforms-help-heading { font-size: 1.1rem; }
.tqforms-help h3.tqforms-help-heading { font-size: 1rem; }
.tqforms-help h4.tqforms-help-heading { font-size: .95rem; color: var(--ink-soft); }
.tqforms-help h5.tqforms-help-heading,
.tqforms-help h6.tqforms-help-heading { font-size: .9rem; color: var(--ink-soft); }
.tqforms-help-heading:first-child { margin-top: 0; }

/* Text-like inputs */
.tqforms-field input[type=text]:not(.tqforms-other-input),
.tqforms-field input[type=email],
.tqforms-field input[type=tel],
.tqforms-field input[type=url],
.tqforms-field input[type=date],
.tqforms-field input[type=number],
.tqforms-field textarea,
.tqforms-field select {
    width: 100%;
    padding: .75rem .95rem;
    font-size: 1rem;
    font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Source Serif Pro', serif;
    color: var(--ink);
    background: var(--bg);
    border: 1.5px solid var(--border);
    border-radius: 4px;
    transition: border-color .12s, box-shadow .12s, background .12s;
}

.tqforms-field input:focus,
.tqforms-field textarea:focus,
.tqforms-field select:focus {
    outline: none;
    border-color: var(--brand);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(194, 65, 12, .18);
}

.tqforms-field textarea {
    resize: vertical;
    min-height: 5.5rem;
    line-height: 1.5;
}

.tqforms-field select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23c2410c'%3E%3Cpath d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 1.25rem;
    padding-right: 2.5rem;
}

/* Choice pills (radio + checkbox) */
.tqforms-choices {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.tqforms-choice {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .8rem 1.05rem;
    background: var(--bg);
    border: 1.5px solid var(--border);
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Source Serif Pro', serif;
    transition: border-color .12s, background .12s, transform .08s, box-shadow .12s;
}
.tqforms-choice:hover {
    border-color: var(--brand);
    background: #fff;
    transform: translateX(2px);
}
.tqforms-choice:has(input:checked) {
    border-color: var(--brand);
    background: var(--brand-soft);
    box-shadow: inset 3px 0 0 var(--brand);
    font-weight: 600;
}
.tqforms-choice input[type=radio],
.tqforms-choice input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin: 0;
    flex: 0 0 auto;
    accent-color: var(--brand);
    cursor: pointer;
}
.tqforms-choice span { flex: 1; }

/* "Other" choice with inline free-text input */
.tqforms-choice-other span { flex: 0 0 auto; color: var(--ink-soft); font-style: italic; }
.tqforms-other-input {
    flex: 1;
    min-width: 0;
    padding: .4rem .65rem;
    font-family: inherit;
    font-size: .95rem;
    color: var(--ink);
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 3px;
    transition: border-color .12s, box-shadow .12s;
}
.tqforms-other-input:focus {
    outline: none;
    border-color: var(--brand);
    box-shadow: 0 0 0 3px rgba(194, 65, 12, .15);
}

/* Scale — numeric stamps */
.tqforms-scale {
    display: flex;
    align-items: center;
    gap: .85rem;
    flex-wrap: wrap;
}
.tqforms-scale-label {
    color: var(--ink-soft);
    font-size: .9rem;
    font-style: italic;
}
.tqforms-scale-options {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}
.tqforms-scale-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.7rem;
    height: 2.7rem;
    padding: 0 .75rem;
    background: var(--card);
    border: 2px solid var(--border-strong);
    border-radius: 5px;
    cursor: pointer;
    font-weight: 700;
    font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Source Serif Pro', serif;
    transition: background .12s, color .12s, transform .08s;
    box-shadow: 2px 2px 0 rgba(43, 33, 24, .15);
}
.tqforms-scale-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.tqforms-scale-option:hover { transform: translate(-1px, -1px); box-shadow: 3px 3px 0 rgba(43, 33, 24, .2); }
.tqforms-scale-option:has(input:checked) {
    background: var(--brand);
    border-color: var(--border-strong);
    color: #fff;
    box-shadow: 2px 2px 0 var(--brand-dark);
}

/* Boolean (single checkbox) — same inline treatment as other fields */
.tqforms-field-boolean {
    padding: 1rem 0;
    border-bottom: 1px dashed var(--border);
    background: transparent;
}
.tqforms-field-boolean:last-of-type { border-bottom: none; }
.tqforms-boolean {
    display: flex;
    align-items: center;
    gap: .8rem;
    cursor: pointer;
    font-weight: 500;
    font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Source Serif Pro', serif;
}
.tqforms-boolean input {
    width: 20px;
    height: 20px;
    accent-color: var(--brand);
    cursor: pointer;
}

/* Computed read-only value */
.tqforms-computed {
    display: inline-flex;
    align-items: baseline;
    gap: .4rem;
    padding: .6rem .95rem;
    background: var(--brand-soft);
    border: 2px solid var(--brand);
    border-radius: 4px;
    font-weight: 700;
    color: var(--brand-dark);
    font-variant-numeric: tabular-nums;
    font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Source Serif Pro', serif;
    box-shadow: 2px 2px 0 rgba(194, 65, 12, .2);
}
.tqforms-computed-value { font-size: 1.15rem; }
.tqforms-computed-unit { font-size: .9rem; opacity: .75; }

/* Repeat groups */
.tqforms-repeat-group {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}
.tqforms-repeat-instance {
    border: 2px solid var(--border-strong);
    border-radius: var(--radius);
    background: var(--bg-deep);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}
.tqforms-repeat-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1.1rem;
    cursor: pointer;
    user-select: none;
    list-style: none;
    font-weight: 700;
    color: var(--brand-dark);
    font-family: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
    font-style: italic;
    font-size: 1.05rem;
}
.tqforms-repeat-summary::-webkit-details-marker { display: none; }
.tqforms-repeat-summary::before {
    content: '';
    width: 10px; height: 10px; flex: 0 0 auto;
    border-right: 2.5px solid currentColor;
    border-bottom: 2.5px solid currentColor;
    transform: rotate(-45deg);
    transition: transform .15s;
    margin-right: .25rem;
}
details[open] > .tqforms-repeat-summary::before { transform: rotate(45deg); }
.tqforms-repeat-label {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tqforms-repeat-body {
    padding: 1rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-top: 1.5px dashed var(--border-strong);
    background: var(--card);
}
.tqforms-repeat-remove {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: transparent;
    border: 1.5px solid transparent;
    border-radius: 4px;
    color: var(--ink-muted);
    cursor: pointer;
    transition: color .12s, background .12s, border-color .12s;
}
.tqforms-repeat-remove:hover {
    color: var(--danger);
    background: var(--danger-soft);
    border-color: var(--danger);
}
.tqforms-repeat-add {
    align-self: flex-start;
    padding: .6rem 1.15rem;
    font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Source Serif Pro', serif;
    font-weight: 700;
    font-size: .95rem;
    color: var(--brand-dark);
    background: var(--card);
    border: 2px dashed var(--brand);
    border-radius: 5px;
    cursor: pointer;
    transition: background .12s, transform .08s;
}
.tqforms-repeat-add:hover {
    background: var(--brand-soft);
    transform: translate(-1px, -1px);
}
.tqforms-repeat-empty {
    color: var(--ink-muted);
    font-style: italic;
    margin: 0;
}

.tqforms-repeat-instance:not([open]):has(.tqforms-field-invalid) {
    border-color: var(--danger);
    background: var(--danger-soft);
}
.tqforms-repeat-instance:not([open]):has(.tqforms-field-invalid) > .tqforms-repeat-summary {
    color: var(--danger);
}

/* Nav bar */
.tqforms-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.25rem;
    padding-top: 1.5rem;
    border-top: 1.5px dashed var(--border-strong);
}
.tqforms-page-indicator {
    color: var(--ink-muted);
    font-size: .9rem;
    font-variant-numeric: tabular-nums;
    font-style: italic;
}

.tqforms-nav button {
    padding: .8rem 1.7rem;
    font-size: 1rem;
    font-weight: 700;
    font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Source Serif Pro', serif;
    letter-spacing: 0.01em;
    border-radius: 5px;
    cursor: pointer;
    border: 2px solid var(--border-strong);
    transition: transform .08s, box-shadow .1s;
}
.tqforms-nav button:active { transform: translate(2px, 2px); box-shadow: none !important; }

.tqforms-next {
    background: var(--brand);
    color: #fff;
    box-shadow: var(--shadow-brand);
}
.tqforms-next:hover {
    background: var(--brand-dark);
    transform: translate(-1px, -1px);
    box-shadow: 5px 5px 0 rgba(154, 50, 10, .4);
}

.tqforms-prev {
    background: var(--card);
    color: var(--ink);
    box-shadow: var(--shadow-sm);
}
.tqforms-prev:hover {
    background: var(--bg-deep);
    transform: translate(-1px, -1px);
    box-shadow: var(--shadow-md);
}

/* Language switcher (dropdown) — floats in the top-right of the page,
   visually overlapping the hero image's upper-right corner when present. */
.lang-switcher {
    position: absolute;
    top: .75rem;
    right: 1.75rem;
    z-index: 5;
}
.lang-switcher__btn {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .3rem .55rem;
    background: rgba(255, 253, 248, .75);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border: 1px solid var(--border);
    border-radius: 999px;
    font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Source Serif Pro', serif;
    font-size: .85rem;
    color: var(--ink-soft);
    cursor: pointer;
    transition: color .12s, border-color .12s, background .12s;
}
.lang-switcher__btn:hover {
    color: var(--ink);
    border-color: var(--ink-muted);
    background: var(--card);
}
.lang-switcher__btn[aria-expanded="true"] { background: var(--brand-soft); }
.lang-switcher__flag {
    display: inline-block;
    width: 22px;
    height: 15px;
    border-radius: 3px;
    object-fit: cover;
    box-shadow: 0 0 0 1px rgba(43, 33, 24, .15);
    flex: 0 0 auto;
}
.lang-switcher__chevron {
    color: var(--ink-muted);
    transition: transform .15s;
}
.lang-switcher__btn[aria-expanded="true"] .lang-switcher__chevron { transform: rotate(180deg); }

.lang-switcher__menu {
    position: absolute;
    top: calc(100% + .4rem);
    right: 0;
    min-width: 170px;
    margin: 0;
    padding: .35rem;
    list-style: none;
    background: var(--card);
    border: 2px solid var(--border-strong);
    border-radius: 5px;
    box-shadow: var(--shadow-md);
    z-index: 10;
}
.lang-switcher__menu li { margin: 0; }
.lang-switcher__menu a {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .5rem .75rem;
    border-radius: 4px;
    color: var(--ink);
    text-decoration: none;
    font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Source Serif Pro', serif;
    font-size: .9rem;
    transition: background .1s;
}
.lang-switcher__menu a:hover { background: var(--brand-soft); }
.lang-switcher__menu a[aria-selected="true"] {
    background: var(--brand-soft);
    color: var(--brand-dark);
    font-weight: 700;
}

/* Unknown type fallback */
.tqforms-unknown {
    color: var(--danger);
    padding: .5rem;
    border: 1.5px dashed var(--danger);
    border-radius: 3px;
    background: var(--danger-soft);
}

/* Small-screen tweaks */
@media (max-width: 560px) {
    #tqforms-root { margin: 1rem auto; padding: 0 .75rem 3rem; }
    .tqforms-title { font-size: 1.9rem; }
    .tqforms-field, .tqforms-field-boolean { padding: .85rem 0; }
    .tqforms-section { padding: .9rem 1.05rem; }
    .tqforms-nav button { padding: .7rem 1.2rem; }
    .tqforms-hero { max-height: 240px; }
}

/* Debug panel — shown only when URL has ?debug=1. Pinned bottom-right. */
.tqforms-debug {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    max-width: 360px;
    max-height: 70vh;
    overflow: auto;
    background: #0f172a;
    color: #e2e8f0;
    font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 8px;
    padding: .6rem .8rem;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .3);
    z-index: 9999;
    white-space: pre-wrap;
}
.tqforms-debug summary {
    cursor: pointer;
    font-weight: 700;
    color: #fbbf24;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: .4rem;
}
.tqforms-debug h4 {
    margin: .6rem 0 .2rem;
    font-size: 10px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.tqforms-debug pre {
    margin: 0;
    background: transparent;
    color: inherit;
    font-family: inherit;
}