/* 2026-10-12 閱讀性共用規格。
   載入順序：原頁面樣式 → tablet-responsive → 本檔。
   只讓本次確認需要改善的元件使用變數，避免連帶改動文章或特殊主視覺。 */
@media (max-width: 767px) {
  :root {
    --ly-phone-body: 15px;
    --ly-phone-body-line: 1.75;
    --ly-phone-content-inset: 22px;
    --ly-phone-content-gap: 18px;
  }

  /* 有完整正文的卡片及說明採同一文字尺度；短標籤維持原有層級。 */
  .page .proof-text,
  .page .world-card-text,
  .page .believe-mobile-points span,
  .infra-page .infra-rack-card-body {
    font-size: var(--ly-phone-body) !important;
    line-height: var(--ly-phone-body-line) !important;
  }

  .page .proof-text {
    max-width: none !important;
  }

  /* 較寬的手機畫面容納兩欄；一般手機在下方規則改為單欄。 */
  .page .world-grid {
    width: min(100% - 36px, 680px) !important;
    gap: var(--ly-phone-content-gap) !important;
    grid-auto-rows: auto !important;
  }

  .page .world-card-text {
    max-width: 26em !important;
    /* 短段落置中時平衡換行，避免最後只剩一兩個字。 */
    text-wrap: balance;
  }
}

@media (max-width: 620px) {
  /* 長文卡先給文字足夠寬度，不靠縮小字級塞進雙欄。 */
  .page .world-grid {
    max-width: 420px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .page .world-card {
    padding: 24px var(--ly-phone-content-inset) !important;
  }

  .page .world-card-title-row {
    min-height: 0 !important;
  }
}

/* 平板實績卡維持原有三欄規格，由既有頁面樣式控制。 */