html, body {
    max-width: 100%;
    overflow-x: hidden;
}

img, video, canvas, svg, iframe {
    max-width: 100%;
    height: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
}

td, th {
    word-break: break-word;
    overflow-wrap: anywhere;
}

@media (max-width: 1024px) {
    [class*="max-w-[1400px]"] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media (max-width: 768px) {
    main {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    [class*="tracking-["] {
        letter-spacing: normal !important;
    }

    [class*="text-xs"][class*="uppercase"] {
        letter-spacing: 0.04em !important;
    }
}