/*
 * Copyright (C) 2026  Encelade SRL
 * Copyright (C) 2026  elephantchess.io
 * Copyright (C) 2026  Benoît Vleminckx (benckx)
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see <https://www.gnu.org/licenses/>.
 */

html, body {
    margin: 0;
    padding: 0;
    background: #f5f1ea;
    font-family: system-ui, -apple-system, sans-serif;
}

a, a:visited {
    color: blue;
}

.example-page {
    max-width: 900px;
    margin: 0 auto;
    padding: 2em 1em;
}

.board-wrapper {
    max-width: 540px;
    margin: 1.5em auto;
}

.controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    justify-content: center;
    margin-top: 1em;
}

.controls button {
    padding: 0.5em 1em;
    cursor: pointer;
}

pre {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow-x: auto;
}

.hljs {
    background: #fff;
}

.fen-export-box {
    display: flex;
    gap: 0.5em;
    align-items: center;
    max-width: 704px;
    margin: 0.75em auto 0;
}

.fen-export-box input {
    flex: 1;
    padding: 0.4em 0.6em;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 13px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    text-align: center;
}

.fen-export-box button {
    padding: 0.4em 0.8em;
    cursor: pointer;
}

@media (max-width: 1000px) {
    .board-wrapper {
        max-width: 90%;
        margin: 2em auto;
    }
}