/* 認定証ページ：共通レイアウトと詳細ページ固有カードのタブレット対応 */
@import url("student-card-detail-responsive.css?v=20260916");

@media (min-width: 641px) and (max-width: 900px) {
  .cert-choice-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 18px !important;
  }

  .cert-choice-card,
  .cert-choice-body,
  .cert-choice-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .cert-choice-media {
    min-height: 230px !important;
    padding: 34px 12px 14px !important;
  }

  .cert-choice-media img {
    width: 100% !important;
    max-width: 310px !important;
    height: 185px !important;
    object-fit: contain !important;
  }

  .cert-choice-body {
    padding: 18px !important;
  }

  .cert-choice-body h3,
  .cert-choice-price,
  .cert-choice-price-note {
    writing-mode: horizontal-tb !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  .cert-choice-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .cert-choice-actions > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

/* 2026-09-20: .cert-choice-section is unique to this page (no .pvc-section
   class), so it fell back to the plain base .container (1480px cap),
   misaligned with the rest of the page's 1280px cap. Unified to the same
   86.49vw-capped-at-1280px formula. */
@media (min-width: 1280px) {
  .cert-choice-section > .container {
    max-width: none !important;
    width: min(86.49vw, 1280px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}