/* WordToJPG.id - Syarat dan Ketentuan */

.wt-terms {
    --terms-navy: #102b3a;
    --terms-deep: #073f50;
    --terms-teal: #087c83;
    --terms-green: #079c83;
    --terms-text: #3b5361;
    --terms-muted: #647985;
    --terms-border: #e2eae9;
    --terms-yellow: #ffdc58;

    width: 100%;
    min-width: 0;
    overflow-x: clip;

    background: #fffefa;
    color: var(--terms-navy);

    font-family: "Plus Jakarta Sans", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.wt-terms,
.wt-terms *,
.wt-terms *::before,
.wt-terms *::after {
    box-sizing: border-box;
}

.wt-terms h1,
.wt-terms h2,
.wt-terms h3,
.wt-terms p,
.wt-terms ul,
.wt-terms ol {
    margin-top: 0;
}

.wt-terms a {
    text-decoration: none;
}

.wt-terms [id] {
    scroll-margin-top: 105px;
}

.wt-terms a:focus-visible {
    outline: 3px solid #14ac97;
    outline-offset: 4px;
}

.wt-terms-container {
    width: min(1200px, calc(100% - 60px));
    margin-inline: auto;
}

/* Hero */

.wt-terms-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    border-bottom: 1px solid #e6efe7;

    background:
        radial-gradient(
            ellipse at 85% 47%,
            rgba(128, 224, 196, .22),
            transparent 39%
        ),
        linear-gradient(
            110deg,
            #fffef3 0%,
            #f9fdf5 55%,
            #e9f9f2 100%
        );
}

.wt-terms-hero::before {
    content: "";
    position: absolute;
    z-index: -1;

    left: -220px;
    bottom: -230px;

    width: 390px;
    height: 390px;

    border-radius: 50%;
    background: rgba(61, 198, 168, .10);

    pointer-events: none;
}

.wt-terms-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;

    padding-top: 23px;

    color: #657c87;
    font-size: 11px;
    font-weight: 650;
}

.wt-terms-breadcrumb a {
    color: #087d80;
}

.wt-terms-breadcrumb a:hover {
    color: #06a289;
}

.wt-terms-breadcrumb > span:nth-child(2) {
    color: #a9b8b8;
}

.wt-terms-hero__grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.17fr)
        minmax(0, .83fr);

    align-items: center;
    gap: 55px;

    min-height: 325px;
    padding: 29px 0 45px;
}

.wt-terms-hero__content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.wt-terms-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 17px;
    padding: 8px 15px;

    border-radius: 100px;
    background: #dbf5e9;

    color: #076d64;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .055em;
}

.wt-terms-eyebrow i {
    font-size: 13px;
}

.wt-terms-hero h1 {
    max-width: 740px;
    margin: 0 0 19px;

    color: #112c49;
    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(40px, 4.6vw, 63px);
    font-weight: 700;
    letter-spacing: -.054em;
    line-height: 1.12;
}

.wt-terms-hero h1 span {
    display: block;
    color: #078e81;
}

.wt-terms-hero__content > p {
    max-width: 640px;
    margin-bottom: 23px;

    color: #3a5566;
    font-size: 13.5px;
    line-height: 1.85;
}

.wt-terms-hero__facts {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px 24px;
}

.wt-terms-hero__facts span {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: #31505c;
    font-size: 11px;
    font-weight: 750;
}

.wt-terms-hero__facts i {
    color: #079b83;
    font-size: 17px;
}

/* Hero document artwork */

.wt-terms-hero__art {
    position: relative;
    isolation: isolate;

    display: grid;
    place-items: center;

    width: 100%;
    height: 290px;
    min-width: 0;
}

.wt-terms-hero__halo {
    position: absolute;
    z-index: -1;

    width: min(95%, 370px);
    aspect-ratio: 1;

    border-radius:
        43% 57% 55% 45% /
        48% 43% 57% 52%;

    background: linear-gradient(
        135deg,
        #d2f4e6,
        #aeeadf
    );

    transform: rotate(-14deg);
}

.wt-terms-hero__paper {
    position: relative;

    width: 205px;
    height: 250px;
    padding: 44px 25px 25px;

    border: 1px solid #e3ecee;
    border-radius: 17px;

    background: linear-gradient(
        140deg,
        #ffffff,
        #f3fbfc
    );

    box-shadow:
        0 19px 34px rgba(10, 81, 89, .16),
        inset 0 1px 0 #fff;

    transform: rotate(7deg);
}

.wt-terms-hero__paper::before {
    content: "";

    position: absolute;
    top: 0;
    right: 0;

    width: 51px;
    height: 51px;

    border-radius: 0 16px 0 13px;

    background: linear-gradient(
        135deg,
        #e0edf3,
        #bdd8e5
    );
}

.wt-terms-hero__paper-top {
    display: flex;
    flex-direction: column;
    gap: 8px;

    margin-bottom: 21px;
}

.wt-terms-hero__paper-top span,
.wt-terms-hero__paper-lines span {
    display: block;

    height: 7px;
    border-radius: 10px;

    background: #d2e3ec;
}

.wt-terms-hero__paper-top span:first-child {
    width: 81%;
    height: 9px;
    background: #9ecbda;
}

.wt-terms-hero__paper-top span:nth-child(2) {
    width: 67%;
}

.wt-terms-hero__paper-top span:nth-child(3) {
    width: 78%;
}

.wt-terms-hero__paper-lines {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.wt-terms-hero__paper-lines span:nth-child(1) {
    width: 90%;
}

.wt-terms-hero__paper-lines span:nth-child(2) {
    width: 72%;
}

.wt-terms-hero__paper-lines span:nth-child(3) {
    width: 83%;
}

.wt-terms-hero__paper-lines span:nth-child(4) {
    width: 61%;
}

.wt-terms-hero__paper-seal {
    position: absolute;
    right: -35px;
    bottom: -23px;

    display: grid;
    place-items: center;

    width: 105px;
    height: 112px;

    color: #078f7c;
}

.wt-terms-hero__paper-seal .fa-shield-halved {
    font-size: 105px;

    filter: drop-shadow(
        0 9px 8px rgba(0, 93, 83, .17)
    );
}

.wt-terms-hero__paper-seal .fa-check {
    position: absolute;
    top: 39px;
    left: 38px;

    color: white;
    font-size: 31px;
}

.wt-terms-hero__gavel {
    position: absolute;
    z-index: 2;

    left: 4%;
    top: 22%;

    display: grid;
    place-items: center;

    width: 76px;
    height: 76px;

    border-radius: 50%;
    background: #fff1d2;

    color: #d89d16;
    font-size: 36px;

    box-shadow: 0 10px 24px rgba(117, 99, 44, .10);
}

.wt-terms-hero__check {
    position: absolute;
    z-index: 2;

    right: 1%;
    bottom: 9%;

    display: grid;
    place-items: center;

    width: 58px;
    height: 58px;

    border: 5px solid white;
    border-radius: 50%;

    background: #ffcc34;
    color: white;
    font-size: 32px;

    box-shadow: 0 10px 20px rgba(80, 95, 47, .13);
}

/* Main legal content */

.wt-terms-content {
    padding: 34px 0 25px;
    background: #fffefa;
}

.wt-terms-content__grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        315px;

    grid-template-areas: "article sidebar";

    align-items: start;
    gap: 28px;
}

/* Table of contents */

.wt-terms-sidebar {
    grid-area: sidebar;

    display: flex;
    flex-direction: column;
    gap: 17px;

    min-width: 0;

    position: sticky;
    top: 105px;
}

.wt-terms-toc,
.wt-terms-summary {
    min-width: 0;

    border: 1px solid #e2eaea;
    border-radius: 16px;

    background: #ffffff;

    box-shadow: 0 6px 18px rgba(15, 64, 74, .035);
}

.wt-terms-toc {
    padding: 22px 17px;
}

.wt-terms-toc h2 {
    display: flex;
    align-items: center;
    gap: 11px;

    margin: 0 0 17px;
    padding-inline: 5px;

    color: #14344a;
    font-size: 17px;
    font-weight: 800;
}

.wt-terms-toc h2 > i {
    color: #087e83;
    font-size: 18px;
}

.wt-terms-toc ol {
    display: flex;
    flex-direction: column;
    gap: 6px;

    margin: 0;
    padding: 0;
    list-style: none;
}

.wt-terms-toc li {
    min-width: 0;
}

.wt-terms-toc li a {
    display: flex;
    align-items: center;
    gap: 10px;

    min-height: 42px;
    padding: 6px 8px;

    border-radius: 9px;

    color: #496372;
    font-size: 11.5px;
    font-weight: 650;
    line-height: 1.5;

    transition:
        background .2s ease,
        color .2s ease;
}

.wt-terms-toc li a:hover {
    background: #eaf8f3;
    color: #087c83;
}

.wt-terms-toc li a span {
    display: grid;
    place-items: center;

    flex: 0 0 29px;
    width: 29px;
    height: 29px;

    border-radius: 50%;
    background: #d5f6e9;

    color: #078d7a;
    font-size: 11px;
    font-weight: 800;
}

.wt-terms-toc li a:hover span {
    background: #0b9b87;
    color: white;
}

/* Summary */

.wt-terms-summary {
    padding: 21px 18px 17px;
}

.wt-terms-summary__heading {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 13px;
}

.wt-terms-summary__heading > i {
    color: #0b9a83;
    font-size: 23px;
}

.wt-terms-summary__heading h2 {
    margin: 0;

    color: #14344a;
    font-size: 15px;
    font-weight: 800;
}

.wt-terms-summary > p {
    margin: 0 0 18px;

    color: #586f7d;
    font-size: 11.5px;
    line-height: 1.85;
}

.wt-terms-summary__highlight {
    display: flex;
    align-items: flex-start;
    gap: 11px;

    padding: 17px 13px;

    border: 1px solid #d6f0e5;
    border-radius: 12px;

    background: #e9f9f1;
}

.wt-terms-summary__highlight > i {
    flex-shrink: 0;

    color: #079a79;
    font-size: 22px;
}

.wt-terms-summary__highlight strong {
    display: block;
    margin-bottom: 6px;

    color: #08736b;
    font-size: 11.5px;
    font-weight: 800;
}

.wt-terms-summary__highlight p {
    margin: 0;

    color: #4d6971;
    font-size: 10.5px;
    line-height: 1.75;
}

/* Terms Article */

.wt-terms-article {
    grid-area: article;

    display: flex;
    flex-direction: column;
    gap: 13px;

    min-width: 0;
}

.wt-terms-introduction {
    padding: 18px 22px;

    border: 1px solid #e6eeeb;
    border-radius: 13px;

    background: #f8fcfa;
}

.wt-terms-introduction > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 10px;

    color: #087b73;
    font-size: 10.5px;
    font-weight: 800;
}

.wt-terms-introduction > span i {
    font-size: 12px;
}

.wt-terms-introduction p {
    margin: 0;

    color: #536d78;
    font-size: 12px;
    line-height: 1.8;
}

/* Numbered legal cards */

.wt-terms-item {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    align-items: start;
    gap: 18px;

    min-width: 0;
    padding: 17px;

    border: 1px solid #e4ebea;
    border-radius: 14px;

    background: #fff;

    box-shadow:
        0 5px 18px rgba(18, 62, 72, .035);

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.wt-terms-item:target {
    border-color: #91d9c6;

    box-shadow:
        0 0 0 2px rgba(7, 151, 127, .10),
        0 7px 20px rgba(18, 62, 72, .05);
}

.wt-terms-item__symbol {
    position: relative;

    display: grid;
    place-items: center;

    width: 105px;
    height: 105px;

    border-radius: 13px;
    background: #eaf3ff;
    color: #1977cd;
}

.wt-terms-item__symbol > i {
    font-size: 39px;
}

.wt-terms-item__number {
    position: absolute;
    top: 8px;
    left: 8px;

    display: grid;
    place-items: center;

    width: 25px;
    height: 25px;

    border-radius: 50%;
    background: #cee6ff;

    color: #175c9e;
    font-size: 11px;
    font-weight: 850;
}

/* Individual icon colors */

.wt-terms-item__symbol--green {
    background: #e7f8ee;
    color: #0b9a6a;
}

.wt-terms-item__symbol--green .wt-terms-item__number {
    background: #c9f1d8;
    color: #087a54;
}

.wt-terms-item__symbol--yellow {
    background: #fff7df;
    color: #d39716;
}

.wt-terms-item__symbol--yellow .wt-terms-item__number {
    background: #ffedaf;
    color: #926110;
}

.wt-terms-item__symbol--purple {
    background: #f4eeff;
    color: #8051c8;
}

.wt-terms-item__symbol--purple .wt-terms-item__number {
    background: #e5d9fc;
    color: #6538a5;
}

.wt-terms-item__symbol--red {
    background: #fff0f2;
    color: #ce4167;
}

.wt-terms-item__symbol--red .wt-terms-item__number {
    background: #fbd7df;
    color: #ad3154;
}

.wt-terms-item__symbol--sky {
    background: #e9f4ff;
    color: #147ac6;
}

.wt-terms-item__symbol--sky .wt-terms-item__number {
    background: #d3e7ff;
    color: #1261a5;
}

.wt-terms-item__symbol--mint {
    background: #e8f9f4;
    color: #07947d;
}

.wt-terms-item__symbol--mint .wt-terms-item__number {
    background: #c8f3e8;
    color: #077762;
}

.wt-terms-item__symbol--gold {
    background: #fff6dd;
    color: #cb9015;
}

.wt-terms-item__symbol--gold .wt-terms-item__number {
    background: #ffebaf;
    color: #92670e;
}

.wt-terms-item__body {
    min-width: 0;
    padding: 5px 0 2px;
}

.wt-terms-item__body h2 {
    margin: 0 0 10px;

    color: #16364b;
    font-size: clamp(16px, 1.6vw, 19px);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.35;
}

.wt-terms-item__body > p {
    margin-bottom: 10px;

    color: #536c79;
    font-size: 12px;
    line-height: 1.85;
}

.wt-terms-item__body > p:last-child {
    margin-bottom: 0;
}

.wt-terms-item__contact {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.wt-terms-item__contact i {
    color: #098d81;
    font-size: 15px;
}

.wt-terms-item__contact a {
    color: #087c83;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.wt-terms-item__contact a:hover {
    text-decoration: underline;
}

.wt-terms-item__link {
    display: inline-flex;
    align-items: center;

    width: fit-content;
    margin-top: 4px;
    padding-bottom: 3px;

    border-bottom: 1px solid #087c83;

    color: #087c83;
    font-size: 11.5px;
    font-weight: 800;
}

.wt-terms-item__link:hover {
    color: #04a389;
    border-color: #04a389;
}

/* Bottom CTA */

.wt-terms-final {
    padding: 8px 0 64px;
    background: #fffefa;
}

.wt-terms-final__inner {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    display: grid;
    grid-template-columns:
        83px
        minmax(0, 1fr)
        auto;

    align-items: center;
    gap: 23px;

    min-height: 145px;
    padding: 27px 34px;

    border-radius: 18px;

    background: linear-gradient(
        110deg,
        #063b50 0%,
        #06566a 55%,
        #067e72 100%
    );

    color: #fff;
}

.wt-terms-final__inner::before,
.wt-terms-final__inner::after {
    content: "";
    position: absolute;
    z-index: -1;

    border-radius: 50%;
    pointer-events: none;
}

.wt-terms-final__inner::before {
    left: -110px;
    bottom: -175px;

    width: 290px;
    height: 250px;

    background: rgba(27, 196, 165, .25);
}

.wt-terms-final__inner::after {
    right: -95px;
    top: -180px;

    width: 300px;
    height: 260px;

    background: rgba(55, 209, 167, .20);
}

.wt-terms-final__icon {
    display: grid;
    place-items: center;

    width: 80px;
    height: 85px;

    border-radius: 16px;

    background: rgba(255, 255, 255, .11);

    color: #d7fff4;
    font-size: 34px;
}

.wt-terms-final__text {
    min-width: 0;
}

.wt-terms-final__text h2 {
    margin: 0 0 8px;

    color: #fff;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(23px, 2.8vw, 35px);
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.22;
}

.wt-terms-final__text p {
    max-width: 520px;
    margin: 0;

    color: #d4eae9;
    font-size: 12px;
    line-height: 1.75;
}

.wt-terms-final__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    min-height: 52px;
    padding: 14px 25px;

    border-radius: 11px;

    background: var(--terms-yellow);
    color: #143748;

    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;

    box-shadow: 0 9px 18px rgba(0, 0, 0, .13);

    transition:
        background .2s ease,
        transform .2s ease;
}

.wt-terms-final__button i {
    font-size: 15px;
}

.wt-terms-final__button:hover {
    background: #ffea90;
    color: #143748;
    transform: translateY(-2px);
}

/* Laptop */

@media (max-width: 1100px) {

    .wt-terms-container {
        width: min(1200px, calc(100% - 44px));
    }

    .wt-terms-hero__grid {
        gap: 25px;
    }

    .wt-terms-content__grid {
        grid-template-columns:
            minmax(0, 1fr)
            275px;

        gap: 18px;
    }

    .wt-terms-toc {
        padding-inline: 13px;
    }

    .wt-terms-summary {
        padding-inline: 14px;
    }

    .wt-terms-item {
        grid-template-columns: 90px minmax(0, 1fr);
        gap: 15px;
    }

    .wt-terms-item__symbol {
        width: 90px;
        height: 90px;
    }

    .wt-terms-item__symbol > i {
        font-size: 33px;
    }

    .wt-terms-final__inner {
        padding-inline: 25px;
    }
}

/* Tablet */

@media (max-width: 860px) {

    .wt-terms-hero__grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, .55fr);

        gap: 15px;
        min-height: 0;
    }

    .wt-terms-hero h1 {
        font-size: clamp(37px, 5vw, 50px);
    }

    .wt-terms-hero__art {
        height: 270px;
    }

    .wt-terms-hero__paper {
        width: 170px;
        height: 220px;
    }

    .wt-terms-hero__paper-seal {
        transform: scale(.85);
    }

    .wt-terms-hero__gavel {
        left: 0;
        width: 58px;
        height: 58px;
        font-size: 26px;
    }

    .wt-terms-hero__check {
        width: 49px;
        height: 49px;
        font-size: 25px;
    }

    .wt-terms-content__grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "sidebar"
            "article";

        gap: 21px;
    }

    .wt-terms-sidebar {
        position: static;
        display: grid;
        grid-template-columns:
            minmax(0, 1.15fr)
            minmax(0, .85fr);

        align-items: stretch;
        gap: 15px;
    }

    .wt-terms-toc ol {
        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 5px;
    }

    .wt-terms-summary {
        display: flex;
        flex-direction: column;
    }

    .wt-terms-summary__highlight {
        margin-top: auto;
    }

    .wt-terms-final__inner {
        grid-template-columns:
            75px
            minmax(0, 1fr);
    }

    .wt-terms-final__button {
        grid-column: 2;
        justify-self: start;
    }
}

/* Mobile */

@media (max-width: 600px) {

    .wt-terms-container {
        width: calc(100% - 30px);
    }

    .wt-terms [id] {
        scroll-margin-top: 85px;
    }

    .wt-terms-breadcrumb {
        padding-top: 17px;
        font-size: 10px;
    }

    .wt-terms-hero__grid {
        grid-template-columns: 1fr;
        gap: 8px;

        padding: 27px 0 34px;
    }

    .wt-terms-hero__content {
        text-align: center;
    }

    .wt-terms-eyebrow {
        margin-bottom: 15px;
        font-size: 9px;
    }

    .wt-terms-hero h1 {
        margin-bottom: 17px;

        font-size: clamp(34px, 8.6vw, 46px);
    }

    .wt-terms-hero__content > p {
        margin-bottom: 19px;

        font-size: 12px;
        line-height: 1.8;
    }

    .wt-terms-hero__facts {
        justify-content: center;
        gap: 11px 17px;
    }

    .wt-terms-hero__facts span {
        font-size: 10px;
    }

    .wt-terms-hero__facts i {
        font-size: 14px;
    }

    .wt-terms-hero__art {
        width: min(100%, 310px);
        height: 210px;
        margin-inline: auto;
    }

    .wt-terms-hero__halo {
        width: 205px;
    }

    .wt-terms-hero__paper {
        width: 133px;
        height: 170px;
        padding: 27px 15px 15px;
        border-radius: 12px;
    }

    .wt-terms-hero__paper::before {
        width: 32px;
        height: 32px;
    }

    .wt-terms-hero__paper-top {
        gap: 5px;
        margin-bottom: 15px;
    }

    .wt-terms-hero__paper-lines {
        gap: 6px;
    }

    .wt-terms-hero__paper-top span,
    .wt-terms-hero__paper-lines span {
        height: 5px;
    }

    .wt-terms-hero__paper-seal {
        right: -44px;
        bottom: -33px;
        transform: scale(.68);
    }

    .wt-terms-hero__gavel {
        left: 9%;
        top: 21%;

        width: 51px;
        height: 51px;

        font-size: 24px;
    }

    .wt-terms-hero__check {
        right: 7%;
        bottom: 10%;

        width: 42px;
        height: 42px;

        border-width: 3px;
        font-size: 22px;
    }

    .wt-terms-content {
        padding-top: 24px;
        padding-bottom: 21px;
    }

    .wt-terms-sidebar {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .wt-terms-toc,
    .wt-terms-summary {
        border-radius: 13px;
    }

    .wt-terms-toc {
        padding: 18px 14px;
    }

    .wt-terms-toc h2 {
        margin-bottom: 12px;
        font-size: 15px;
    }

    .wt-terms-toc ol {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 4px;
    }

    .wt-terms-toc li a {
        gap: 6px;
        padding: 7px 4px;

        font-size: 10px;
        line-height: 1.5;
    }

    .wt-terms-toc li a span {
        flex-basis: 25px;
        width: 25px;
        height: 25px;

        font-size: 10px;
    }

    .wt-terms-summary {
        padding: 17px;
    }

    .wt-terms-summary > p {
        font-size: 11px;
    }

    .wt-terms-summary__highlight {
        padding: 14px;
    }

    .wt-terms-article {
        gap: 11px;
    }

    .wt-terms-introduction {
        padding: 16px;
    }

    .wt-terms-introduction p {
        font-size: 11.5px;
    }

    .wt-terms-item {
        grid-template-columns:
            72px minmax(0, 1fr);

        gap: 13px;
        padding: 14px;

        border-radius: 12px;
    }

    .wt-terms-item__symbol {
        width: 72px;
        height: 78px;

        border-radius: 10px;
    }

    .wt-terms-item__symbol > i {
        font-size: 28px;
    }

    .wt-terms-item__number {
        top: 5px;
        left: 5px;

        width: 20px;
        height: 20px;

        font-size: 9px;
    }

    .wt-terms-item__body {
        padding-top: 1px;
    }

    .wt-terms-item__body h2 {
        margin-bottom: 8px;
        font-size: 15px;
    }

    .wt-terms-item__body > p {
        margin-bottom: 9px;

        font-size: 11px;
        line-height: 1.75;
    }

    .wt-terms-item__link {
        font-size: 11px;
    }

    .wt-terms-final {
        padding: 8px 0 44px;
    }

    .wt-terms-final__inner {
        grid-template-columns: 1fr;
        gap: 15px;

        padding: 22px 19px;
        border-radius: 16px;
    }

    .wt-terms-final__icon {
        width: 65px;
        height: 65px;

        font-size: 27px;
    }

    .wt-terms-final__text h2 {
        font-size: 26px;
    }

    .wt-terms-final__text p {
        font-size: 11.5px;
    }

    .wt-terms-final__button {
        grid-column: 1;
        justify-self: stretch;

        width: 100%;
        min-height: 49px;

        font-size: 11.5px;
    }
}

/* Very Small Phones */

@media (max-width: 370px) {

    .wt-terms-container {
        width: calc(100% - 24px);
    }

    .wt-terms-hero h1 {
        font-size: 32px;
    }

    .wt-terms-toc ol {
        grid-template-columns: 1fr;
    }

    .wt-terms-item {
        grid-template-columns:
            55px minmax(0, 1fr);

        gap: 10px;
        padding: 12px;
    }

    .wt-terms-item__symbol {
        width: 55px;
        height: 65px;
    }

    .wt-terms-item__symbol > i {
        font-size: 23px;
    }

    .wt-terms-item__body h2 {
        font-size: 14px;
    }

    .wt-terms-final__text h2 {
        font-size: 23px;
    }
}

/* Reduced Motion */

@media (prefers-reduced-motion: reduce) {

    .wt-terms *,
    .wt-terms *::before,
    .wt-terms *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    .wt-terms-final__button:hover {
        transform: none;
    }
}