body {
    background-color: #131313;
    color: #e5e2e1;
    overflow-x: hidden;
    background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.02) 1px, transparent 0);
    background-size: 24px 24px;
}

@media (max-width: 768px) {
    /* Zrušení nativního chování a vynucení plynulé výšky */
    .tinymce-content table,
    .tinymce-content thead,
    .tinymce-content tbody,
    .tinymce-content th,
    .tinymce-content td,
    .tinymce-content tr {
        display: block !important;
        width: 100% !important;
        height: auto !important; /* Zabrání překrývání obsahu na sebe */
        box-sizing: border-box !important;
    }

    .tinymce-content tr {
        margin-bottom: 1.5rem;
    }

    .tinymce-content td {
        border: none !important;
        border-bottom: 1px solid #eee !important;
        padding: 0.75rem !important;
    }

    .tinymce-content td:last-child {
        border-bottom: none !important;
    }

}

.ice-texture {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
    pointer-events: none;
}

.skateline-offset {
    position: relative;
}

.skateline-offset::after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -4px;
    right: -4px;
    width: 100%;
    height: 100%;
    background-color: #ffe16d;
}

.angled-clip {
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}