html,
body {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    background: var(--sc-page-bg);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color-scheme: light only;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

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

input,
select,
textarea,
button {
    color-scheme: light only;
}

/* Samsung Internet may report the device's dark preference even when the
   service itself has a single light theme. Reassert the same palette so its
   automatic darkening does not replace translucent cards with black areas. */
@media (prefers-color-scheme: dark) {
    html,
    body,
    .main-layout-content,
    .home-page,
    .tier-page,
    .board-page,
    .post-detail-page {
        background: var(--sc-page-bg);
        color: var(--sc-text);
    }
}

@media (max-width: 820px) {
    table {
        max-width: 100%;
        table-layout: fixed;
    }
}

.tier-page,
.board-page,
.post-detail-page {
    min-height: 100vh;
    background: var(--sc-page-bg);
    color: var(--sc-text);
}