/* Global layout, typography, and CSS variables (OOCSS skin) */
:root {
    --card-color: #9d9d9d;
    --text-color: #333;
    --text-secondary-color: #ffffff;
    --background-color: #f5f5f5;
}
*{
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text-color);
}

html, body{
    display: block;
    min-height: 100dvh;
    background-color: rgb(var(--background-color));
    padding: 0;
    margin: 0;
    position: relative;
}
main{
    width: 100%;
    min-height: 80dvh;
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
}
/* Utility helpers */
.u-hidden{
    display: none !important;
}