header.flex,
section.flex {
    display: flex
}

img.h-full {
    height: 100%;
}
img.h-48 {
    height: calc(var(--spacing)*48);
}

div.h-14 {
    height: calc(var(--spacing)*14);
}

.from-orange-50 {
    --tw-gradient-from: var(--color-orange-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

div.bg-white {
    background-color: var(--color-white);
}

div.border-none {
    --tw-border-style: none;
    border-style: none;
}

h1.font-bold,
h2.font-bold,
h3.font-bold,
h4.font-bold,
h5.font-bold,
button.font-bold,
th.font-bold,
td.font-bold {
    font-weight: var(--font-weight-bold)
}

h4.font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
}

h2.text-base,
h3.text-base,
h4.text-base,
p.text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height));
}

h3.text-xs,
h4.text-xs,
h5.text-xs,
div.text-xs,
span.text-xs,
p.text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
}

h2.text-sm,
h3.text-sm,
h5.text-sm,
div.text-sm,
a.text-sm,
p.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
}

h2.text-lg,
h3.text-lg,
h4.text-lg,
h5.text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
}

h1.text-xl,
h2.text-xl,
h3.text-xl,
h4.text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
}

h1.text-2xl,
h2.text-2xl,
h3.text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
}

h1.text-3xl,
h2.text-3xl,
h3.text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
}

h1.text-4xl,
h2.text-4xl,
h4.text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
}

div.text-left {
    text-align: left;
}

span.text-red-600 {
    color: var(--color-red-600);
}

a.text-orange-600 {
    color: var(--color-orange-600);
}

div.text-\[\#c2410c\] {
    color: #c2410c;
}

p.mx-auto {
    margin-inline: auto;
}

h3.mt-2,
p.mt-2 {
    margin-top: calc(var(--spacing)*2);
}

h2.mt-3,
h3.mt-3,
p.mt-3 {
    margin-top: calc(var(--spacing)*3);
}

p.mt-4 {
    margin-top: calc(var(--spacing)*4);
}

p.mt-6 {
    margin-top: calc(var(--spacing)*6);
}

p.mt-8 {
    margin-top: calc(var(--spacing)*8);
}

h3.mb-1,
h5.mb-1 {
    margin-bottom: calc(var(--spacing)*1);
}
h3.mb-2,
h4.mb-2,
p.mb-2 {
    margin-bottom: calc(var(--spacing)*2);
}

h1.mb-3,
h3.mb-3,
h4.mb-3,
h5.mb-3,
a.mb-3,
div.mb-3,
p.mb-3 {
    margin-bottom: calc(var(--spacing)*3);
}

h1.mb-4,
h2.mb-4,
h3.mb-4,
h4.mb-4,
p.mb-4 {
    margin-bottom: calc(var(--spacing)*4);
}

p.mb-5 {
    margin-bottom: calc(var(--spacing)*5);
}

h1.mb-6,
h2.mb-6,
h3.mb-6,
h4.mb-6,
p.mb-6 {
    margin-bottom: calc(var(--spacing)*6);
}

h2.mb-8,
h3.mb-8,
div.mb-8,
p.mb-8 {
    margin-bottom: calc(var(--spacing)*8);
}

p.mb-10 {
    margin-bottom: calc(var(--spacing)*10);
}

p.mb-12 {
    margin-bottom: calc(var(--spacing)*12);
}

div.mb-20 {
    margin-bottom: calc(var(--spacing)*20);
}

a.p-1 {
    padding: calc(var(--spacing)*1);
}

p.p-3 {
    padding: calc(var(--spacing)*3);
}

a.p-4,
p.p-4,
li.p-4 {
    padding: calc(var(--spacing)*4);
}

a.p-6 {
    padding: calc(var(--spacing)*6);
}

a.p-8,
div.p-8 {
    padding: calc(var(--spacing)*8);
}

span.py-0\.5 {
    padding: revert-layer;
    padding-block: calc(var(--spacing)*.5);
}

p.py-1\.5 {
    padding: revert-layer;
    padding-block: calc(var(--spacing)*1.5);
}

p.py-2,
th.py-2,
td.py-2 {
    padding: revert-layer;
    padding-block: calc(var(--spacing)*2);
}

td.py-3 {
    padding: revert-layer;
    padding-block: calc(var(--spacing)*3);
}

a.py-3\.5 {
    padding-block: calc(var(--spacing)*3.5);
}

a.py-4 {
    padding-block: calc(var(--spacing)*4);
}

a.text-white {
    color: var(--color-white);
}

span.px-2 {
    padding: revert-layer;
    padding-inline: calc(var(--spacing)*2);
}

p.px-4,
td.px-4 {
    padding: revert-layer;
    padding-inline: calc(var(--spacing)*4);
}

a.px-8 {
    padding-inline: calc(var(--spacing)*8);
}

a.pt-3,
li.pt-3,
p.pt-3 {
    padding-top: calc(var(--spacing)*3);
}

li.pt-4 {
    padding-top: calc(var(--spacing)*4);
}

p.pt-6 {
    padding-top: calc(var(--spacing)*6);
}

p.pt-8 {
    padding-top: calc(var(--spacing)*8);
}

h3.pb-2 {
    padding-bottom: calc(var(--spacing)*2);
}

h3.pb-3 {
    padding-bottom: calc(var(--spacing)*3);
}

h3.pl-4,
p.pl-4 {
    padding-left: calc(var(--spacing)*4);
}

ul.pl-9 {
    padding-left: calc(var(--spacing)*9);
}

ul.pl-12 {
    padding-left: calc(var(--spacing)*12);
}

div.leading-7 {
    --tw-leading: calc(var(--spacing)*7);
    line-height: calc(var(--spacing)*7);
}

h2.leading-tight,
h3.leading-tight,
p.leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
}

p.leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
}

div.leading-relaxed,
p.leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
}

:where(ul.space-y-3>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))!important;
}

:where(ul.space-y-2\.5>:not(:last-child)),
:where(div.space-y-2\.5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))!important;
}

:where(ul.space-y-4>:not(:last-child)),
:where(div.space-y-4>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))!important;
}

:where(ul.space-y-6>:not(:last-child)),
:where(div.space-y-6>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))!important;
}

:where(div.space-y-8>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))!important;
}

ul.list-disc {
    list-style-type: disc;
}

ul.list-inside {
    list-style-position: inside;
}

@media (min-width: 48rem) {

    h3.md\:text-base,
    h5.md\:text-base,
    p.md\:text-base,
    span.md\:text-base,
    div.md\:text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
}   

    h3.md\:text-xs,
    th.md\:text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    h3.md\:text-sm,
    h4.md\:text-sm,
    div.md\:text-sm,
    span.md\:text-sm,
    p.md\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    h2.md\:text-lg,
    h3.md\:text-lg,
    a.md\:text-lg,
    div.md\:text-lg,
    p.md\:text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading,var(--text-lg--line-height));
    }

    p.md\:text-xl,
    h3.md\:text-xl,
    h4.md\:text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    h2.md\:text-2xl,
    h3.md\:text-2xl,
    h4.md\:text-2xl,
    p.md\:text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    h2.md\:text-3xl,
    h3.md\:text-3xl,
    h4.md\:text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    h2.md\:text-4xl,
    h3.md\:text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    h1.md\:text-5xl,
    h2.md\:text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    h1.md\:text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    div.md\:text-center {
        text-align: center;
    }

    div.md\:leading-8 {
        --tw-leading: calc(var(--spacing)*8);
        line-height: calc(var(--spacing)*8);
    }

    div.md\:leading-9 {
        --tw-leading: calc(var(--spacing)*9);
        line-height: calc(var(--spacing)*9);
    }

    div.md\:leading-loose {
        --tw-leading: var(--leading-loose);
        line-height: var(--leading-loose);
    }

    div.md\:min-h-\[300px\] {
        min-height: 300px;
    }

    h2.md\:mt-4,
    p.md\:mt-4 {
        margin-top: calc(var(--spacing)*4);
    }

    .mt-auto {
        margin-top: auto;
    }

    h3.md\:mb-2 {
        margin-bottom: calc(var(--spacing)*2);
    }

    h4.md\:mb-4,
    div.md\:mb-4 {
        margin-bottom: calc(var(--spacing)*4);
    }

    h1.md\:mb-5 {
        margin-bottom: calc(var(--spacing)*5);
    }

    h3.md\:mb-6,
    h4.md\:mb-6,
    p.md\:mb-6 {
        margin-bottom: calc(var(--spacing)*6);
    }

    h1.md\:mb-8,
    h2.md\:mb-8,
    h3.md\:mb-8,
    p.md\:mb-8 {
        margin-bottom: calc(var(--spacing)*8);
    }

    h2.md\:mb-10 {
        margin-bottom: calc(var(--spacing)*10);
    }

    div.md\:mb-12 {
        margin-bottom: calc(var(--spacing)*12);
    }

    a.md\:p-2 {
        padding: calc(var(--spacing)*2);
    }

    a.md\:p-10 {
        padding: calc(var(--spacing)*10);
    }

    span.md\:px-2\.5 {
        padding-inline: calc(var(--spacing)*2.5);
    }

    a.md\:px-10 {
        padding-inline: calc(var(--spacing)*10);
    }

    span.md\:py-1 {
        padding-block: calc(var(--spacing)*1);
    }

    a.md\:py-4 {
        padding-block: calc(var(--spacing)*4);
    }

    a.md\:pt-4 {
        padding-top: calc(var(--spacing)*4);
    }

    li.md\:pt-6 {
        padding-top: calc(var(--spacing)*6);
    }

    p.md\:pt-8 {
        padding-top: calc(var(--spacing)*8);
    }

    p.md\:pl-0 {
        padding-left: calc(var(--spacing)*0);
    }

    div.md\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    }

    :where(ul.md\:space-y-6>:not(:last-child)),
    :where(div.md\:space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))!important;
    }

    :where(div.md\:space-y-8>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))!important;
    }
}

@media (min-width: 64rem) {
    h2.lg\:text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    h1.lg\:text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    h1.lg\:text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading,var(--text-6xl--line-height));
    }

    h1.lg\:text-7xl {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
}

/* #method (english-education.tpl): sm variants are not emitted in tailwind.css — voice cards need horizontal layout from 640px */
@media (min-width: 40rem) {
    #method .sm\:flex-row {
        flex-direction: row;
    }

    #method .sm\:flex-col {
        flex-direction: column;
    }

    #method .sm\:w-16 {
        width: calc(var(--spacing)*16);
    }

    #method .sm\:h-16 {
        height: calc(var(--spacing)*16);
    }

    #method .sm\:w-auto {
        width: auto;
    }

    #method .sm\:border-b-0 {
        border-bottom-width: 0;
    }

    #method .sm\:pb-0 {
        padding-bottom: calc(var(--spacing)*0);
    }
}

/* #comparison (english-education.tpl): utilities not emitted in tailwind.css */
#comparison .hover\:border-orange-500:hover {
    border-color: var(--color-orange-500);
}

#comparison .w-3\.5 {
    width: calc(var(--spacing)*3.5);
}

#comparison .h-3\.5 {
    height: calc(var(--spacing)*3.5);
}

/* exam-preparation.tpl #track-record */
#track-record .hover\:bg-blue-700:hover {
    background-color: var(--color-blue-700);
}

/* index.tpl #methods-summary: utilities not emitted in tailwind.css */
#methods-summary .mix-blend-overlay {
    mix-blend-mode: overlay;
}

#methods-summary .text-red-200 {
    color: var(--color-red-200);
}

#methods-summary .text-yellow-200 {
    color: var(--color-yellow-200);
}

@media (min-width: 48rem) {
    #methods-summary .md\:text-8xl {
        font-size: 6rem;
        line-height: 1;
    }
}