:root {
    --wp--preset--color--black: #000000;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--70: #8C8C8C;
    --wp--preset--font-family--inter: 'Inter', sans-serif;
    --wp--preset--font-size--medium: clamp(16px, 1rem + ((1vw - 3.2px) * 0.089), 18px);
    --wp--preset--font-size--heading-3: clamp(20px, 1.25rem + ((1vw - 3.2px) * 0.714), 36px);
}

body {
    background-color: var(--wp--preset--color--black);
    color: #ededed;
    font-family: var(--wp--preset--font-family--inter);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 500;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 20px;
}

#markah-container h3 {
    font-size: var(--wp--preset--font-size--heading-3);
    font-weight: 600;
    margin-block-start: 2rem;
    margin-block-end: 1rem;
    color: var(--wp--preset--color--white);
}

#markah-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#markah-container li {
    margin-block-start: 1.2rem;
    margin-block-end: 0;
}

#markah-container a {
    color: var(--wp--preset--color--white);
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 600;
}

#markah-container a:hover {
    color: var(--wp--preset--color--70);
}

#markah-container small {
    display: block;
    font-size: 0.85em;
    color: var(--wp--preset--color--70);
    margin-top: 4px;
}

@media screen and (max-width: 600px) {
    body {
        padding: 10px;
    }
}