/* Custom styles from gp-calculator */
body {
    font-family: "Inter", sans-serif;
    background-color: #f0f4f8; /* Light background */
}

/* Quiz Specific Styles */
.quiz-item {
    background-color: #e9e9e9;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05); /* Add a subtle shadow */
}
.quiz-item p {
    margin: 0 0 5px 0;
}
.quiz-item .question {
    font-weight: bold;
    color: #333;
}
.quiz-item .answer {
    font-weight: bold;
}
.answer-correct {
    color: #28a745; /* 緑色 */
}
.answer-incorrect {
    color: #e14141; /* 赤色 */
}
.no-results {
    color: #888;
    text-align: center;
    margin-top: 20px;
}

/* Add scrollability to search results */
#searchResults {
    max-height: 400px; /* 適切な高さに調整してください */
    overflow-y: auto; /* 高さを超える場合にスクロールバーを表示 */
    padding-right: 10px; /* スクロールバーとの間に少しスペースを確保 */
}