/* Shared styles for standalone pages (index, kara, exercise-view) */
*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0;
    font-family: system-ui, sans-serif;
    background: #fafafa;
    color: #1e293b;
}

main {
    max-width: 80rem;
    margin-inline: auto;
    padding-inline: 1rem;
}

bottom-editor-page,
kara-editor-page {
    min-height: calc(10lh + 2em);
}

h1 {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    padding: 0.5rem 0 0.25rem;
}

footer {
    font-size: 0.75rem;
    color: #94a3b8;
    padding: 0.35rem 0;
}

footer a {
    color: #64748b;
    text-decoration: none;
}

footer a:hover {
    color: #2563eb;
    text-decoration: underline;
}