/* ========================================
   About Page Styles
   ======================================== */

/* フラッシュカード風のカードデザイン */
.flashcard-example {
    background: #f7fafc; /* デザインフォルダと同じ色合い */
    padding: 1.5rem;
    border-radius: 8px;
    margin: 1.5rem 0;
    border-left: 4px solid #667eea;
}

.flashcard-example-section {
    margin-bottom: 1rem;
}

.flashcard-example-section:not(:last-child) {
    border-bottom: 1px solid rgba(59, 130, 246, 0.2); /* オモテ面とウラ面の間の細い線 */
    padding-bottom: 1rem;
}

.flashcard-example-section:last-child {
    margin-bottom: 0;
}

.flashcard-example h3 {
    color: #3b82f6;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.flashcard-example .document-text {
    margin: 0;
}