
:is(.tt-section, #important) {
    max-width: 120rem;
    margin: 0 auto;
    padding-inline: 1.5rem;
    padding-block: 8rem;
    text-align: left;
    position: relative;
}
:is(.tt-section, #important)::before {
    content: '';
    position: absolute;
    pointer-events: none;
    z-index: -1;
    width: 100vw;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    background: var(--light-gray-1);
}
:is(.tt-section, #important) :is(h1:not([class*="text-"]), .text-h1) {
    display: block;
    margin-bottom: 2.4rem;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.2em;
    text-transform: uppercase;
    color: var(--header-2);
    max-width: 57.8rem;
}
:is(.tt-section, #important) :is(h1:not([class*="text-"]), .text-h1)::before {
    content: '— ';
    color: var(--red);
}
:is(.tt-section, #important) :is(h2:not([class*="text-"]), .text-h2) {
    display: block;
    font-weight: 300;
    font-size: 4rem;
    line-height: 1.25em;
    letter-spacing: -0.05em;
    margin-bottom: 2.4rem;
    color: var(--header-2);
    max-width: 57.8rem;
}
:is(.tt-section, #important):not(:has(h2 + p, .text-h2 + p)) :is(h2:not([class*="text-"]), .text-h2)  {
    margin-bottom: 0;
}
:is(.tt-section, #important) :is(h2:not([class*="text-"]), .text-h2) strong {
    font-weight: 500;
}
:is(.tt-section, #important) .tt-card {
    padding: 5rem 8rem;
    border-radius: 2rem;
    background: var(--white);
    border: 1px solid var(--light-gray-2);
}
:is(.tt-section, #important) .tt-card .tt-card-body {
    font-size: 1.6rem;
    line-height: 1.625em;
    color: var(--paragraph);
}

:is(.tt-section, #important):has(~ .checklist-banner) {
    padding-bottom: 0;
}

@media only screen
and (min-width : 0px)
and (max-width : 767px) {
    :is(.tt-section, #important) .tt-card {
        padding: 3rem;
    }
    :is(.tt-section, #important) :is(h1:not([class*="text-"]), .text-h1) {
        font-size: 1.2rem;
    }
    :is(.tt-section, #important) :is(h2:not([class*="text-"]), .text-h2)  {
        font-size: 2.4rem;
    }
}