/**
 * 英文字母模組 — 列印版樣式
 * 每頁 2 個字母卡（上下排列），字母超大 60pt+
 */

/* ────────────────────────────────────────
   頁面網格：每頁上下 2 個字母卡
   ──────────────────────────────────────── */

.eng-page-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  padding: 8px 0;
}

/* ────────────────────────────────────────
   字母卡
   ──────────────────────────────────────── */

.eng-letter-card {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  border: 2px solid var(--color-secondary, #e8ddd3);
  border-radius: var(--radius-lg, 16px);
  padding: 16px 20px;
  background: var(--color-white, #fff);
  overflow: hidden;
}

.eng-card-top {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 12px;
}

/* 超大大寫字母 */
.eng-big-letter {
  font-family: 'Arial Rounded MT Bold', 'Nunito', var(--font-display, sans-serif);
  font-size: 72pt;
  font-weight: 800;
  line-height: 1;
  color: var(--color-primary, #6d4c7d);
  flex-shrink: 0;
}

/* 字母資訊（emoji + 單字） */
.eng-card-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.eng-card-emoji {
  font-size: 48px;
  line-height: 1.2;
}

.eng-card-word {
  font-family: 'Arial Rounded MT Bold', 'Nunito', var(--font-display, sans-serif);
  font-size: 24px;
  font-weight: 700;
  color: var(--color-text, #3d3229);
}

.eng-card-word-zh {
  font-family: var(--font-text, sans-serif);
  font-size: 16px;
  color: var(--color-text, #3d3229);
  opacity: 0.7;
}

/* ────────────────────────────────────────
   描寫區
   ──────────────────────────────────────── */

.eng-tracing-area {
  flex: 0 0 auto;
  border-top: 1px dashed var(--color-secondary, #e8ddd3);
  padding-top: 8px;
}

.eng-tracing-svg {
  width: 100%;
  max-height: 100px;
  display: block;
}

/* ────────────────────────────────────────
   列印媒體查詢
   ──────────────────────────────────────── */

@media print {
  .eng-page-grid {
    gap: 6mm;
    padding: 2mm 0;
  }

  .eng-letter-card {
    border-width: 0.5pt;
    border-color: #ccc;
    padding: 4mm 5mm;
    break-inside: avoid;
  }

  .eng-big-letter {
    font-size: 60pt;
    color: #4a3560;
  }

  .eng-card-emoji {
    font-size: 36pt;
  }

  .eng-card-word {
    font-size: 18pt;
  }

  .eng-card-word-zh {
    font-size: 12pt;
  }

  .eng-tracing-area {
    border-top-width: 0.5pt;
    padding-top: 2mm;
  }

  .eng-tracing-svg {
    max-height: 25mm;
  }

  /* 描寫虛線加深 */
  .eng-tracing-svg text {
    stroke: #999;
    stroke-width: 1pt;
  }

  .eng-tracing-svg line {
    stroke: #bbb;
    stroke-width: 0.5pt;
  }
}