/* 頁面 03 Choose 專屬樣式。
   注意:#screen-choose 本身絕不可設 display(見 docs/LESSONS_LEARNED.md 2026-07-23「T-011」條目)—
   layout 一律放在頁面自己的 wrapper class 上。 */
.p03-page {
  padding: 6px 24px 34px;
  text-align: center;
}

.p03-title {
  font-weight: 900;
  font-size: clamp(24px, 7.5vw, 29px);
  line-height: 1.4;
  color: var(--ink);
  margin-top: 14px;
}

.p03-entry {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  text-align: left;
  margin-top: 34px;
  padding: 26px 22px;
  font-family: var(--font-family);
  cursor: pointer;
}
.p03-entry + .p03-entry { margin-top: 20px; }

/* T-056:素材到位後這裡是 <img>,原本是 CSS 畫的紅框圖示。
   CPR 297×297(方)、AED 249×236(略橫)長寬比不同,用 contain 在同尺寸框內各自完整顯示 */
.p03-entry__icon {
  width: 66px;
  height: 56px;
  flex: none;
  object-fit: contain;
}

.p03-entry__body { flex: 1; min-width: 0; }
.p03-entry__head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.p03-entry__name {
  font-weight: 900;
  font-size: clamp(27px, 8.5vw, 34px);
  color: var(--ink);
}
.p03-entry__desc {
  font-weight: 700;
  font-size: 16px;
  color: var(--ink-soft);
  margin-top: 2px;
}
.p03-entry__arrow {
  font-size: 30px;
  font-weight: 900;
  color: var(--ink);
}

.p03-claim { margin-top: 30px; }
/* 預設 30px(cpr 版沒有領點按鈕,這顆就是 bothDone 後的第一顆);
   aed 版跟在領點按鈕後面時縮成 14px,兩顆才會成組 */
.p03-more { margin-top: 30px; }
.p03-claim + .p03-more { margin-top: 14px; }