.game-field h1,
.game-field h2,
.game-field h3 {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

/*------------------------------------------------------------------------------------------------------------------*/
.note-block {
    margin: 40px auto;
    max-width: 800px;
    padding: 20px 30px;
    background-color: #f8f9fa;
    border-left: 6px solid #2196F3;
    font-family: "Segoe UI", sans-serif;
    color: #333;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    border-radius: 4px;
}
/*==================================================================================================================*/

.document-note {
    margin: 40px auto;
    max-width: 800px;
    padding: 20px 30px;
    background-color: #f4f4f4;
    border-left: 6px solid #d32f2f;
    font-family: "Segoe UI", sans-serif;
    color: #333;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}

    .document-note h3 {
        margin-top: 0;
        text-align: left;
    }

.photo-caption {
    text-align: center;
    font-style: italic;
    color: #555;
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
    .document-note {
        margin: 20px 10px;
        padding: 15px 20px;
    }
}