/* 金継ぎ診断用の修理デモ。VNtest本体には未反映。 */

/* 共通: 半透明ヘッダーをやめ、補助文字を読める大きさにそろえる */
body.dashboard-page .site-header {
  background: #fcfbf7 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.dashboard-page .logo-text small,
body.dashboard-page .eyebrow,
body.dashboard-page .member-hero-eyebrow {
  font-size: 12px !important;
}

/* 会員ホーム: 文字の役割を6段階に整理し、低コントラストを解消 */
body.dashboard-page:has(.dashboard-main) * {
  font-size: 14px !important;
}

body.dashboard-page:has(.dashboard-main) p,
body.dashboard-page:has(.dashboard-main) input,
body.dashboard-page:has(.dashboard-main) textarea,
body.dashboard-page:has(.dashboard-main) dd {
  font-size: 16px !important;
}

body.dashboard-page:has(.dashboard-main) h1 {
  font-size: 56px !important;
}

body.dashboard-page:has(.dashboard-main) h1 span {
  font-size: inherit !important;
}

body.dashboard-page:has(.dashboard-main) h2 {
  font-size: 32px !important;
}

body.dashboard-page:has(.dashboard-main) h3,
body.dashboard-page:has(.dashboard-main) .shortcut-card strong {
  font-size: 20px !important;
}

body.dashboard-page:has(.dashboard-main) .dashboard-status-row strong {
  font-size: 28px !important;
}

body.dashboard-page:has(.dashboard-main) .dashboard-eyebrow,
body.dashboard-page:has(.dashboard-main) .dashboard-status > p,
body.dashboard-page:has(.dashboard-main) .dashboard-shortcuts header > span,
body.dashboard-page:has(.dashboard-main) .shortcut-card small,
body.dashboard-page:has(.dashboard-main) .dashboard-section-heading span,
body.dashboard-page:has(.dashboard-main) .video-filter-result,
body.dashboard-page:has(.dashboard-main) .video-category,
body.dashboard-page:has(.dashboard-main) .video-meta,
body.dashboard-page:has(.dashboard-main) .dashboard-profile-heading > span,
body.dashboard-page:has(.dashboard-main) .profile-card-label,
body.dashboard-page:has(.dashboard-main) .profile-details dt,
body.dashboard-page:has(.dashboard-main) .dashboard-support-card > span,
body.dashboard-page:has(.dashboard-main) .dashboard-account-card > span,
body.dashboard-page:has(.dashboard-main) .logo-text small {
  font-size: 12px !important;
}

body.dashboard-page:has(.dashboard-main) #profile-form > label {
  color: #18324a !important;
}

body.dashboard-page:has(.dashboard-main) .dashboard-support-card > p {
  color: #3f554d !important;
}

body.dashboard-page:has(.dashboard-main) .profile-card-label,
body.dashboard-page:has(.dashboard-main) .dashboard-support-card > span {
  color: #18324a !important;
}

body.dashboard-page:has(.dashboard-main) .dashboard-status {
  background: #18324a !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.dashboard-page:has(.dashboard-main) #profile-form,
body.dashboard-page:has(.dashboard-main) .dashboard-support-card {
  background: #d6d3c8 !important;
}

body.dashboard-page:has(.dashboard-main) .danger-zone-content,
body.dashboard-page:has(.dashboard-main) .account-danger-details,
body.dashboard-page:has(.dashboard-main) #member-delete-account,
body.dashboard-page:has(.dashboard-main) .dashboard-profile-card,
body.dashboard-page:has(.dashboard-main) .dashboard-account-card {
  background: #fcfbf7 !important;
}

/* イベント: 2列の詰まりを解き、写真コラージュの高さを確定する */
body.seminar-page .past-seminar-cards {
  grid-template-columns: 1fr !important;
}

body.seminar-page .past-seminar-card {
  display: grid !important;
  grid-template-columns: minmax(320px, 42%) minmax(0, 1fr) !important;
}

body.seminar-page .past-seminar-image {
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
}

body.seminar-page .past-seminar-collage {
  display: grid !important;
  grid-template-areas: "main main main" "sub1 sub2 sub3" !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: 2fr 1fr !important;
  height: auto !important;
  overflow: hidden !important;
}

body.seminar-page .past-seminar-collage img {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
}

body.seminar-page .past-seminar-meta {
  color: #536979 !important;
  background: #fcfbf7 !important;
}

body.seminar-page #interview-cta > h2 > strong {
  color: #83cfc5 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
}

body.seminar-page .past-seminar-meta .date-highlight {
  white-space: nowrap !important;
}

body.seminar-page p,
body.seminar-page .past-seminar-meta,
body.seminar-page .member-hero-copy {
  font-size: 16px !important;
}

body.seminar-page .logo-text strong,
body.seminar-page .site-nav a,
body.seminar-page .btn,
body.seminar-page .footer-links a,
body.seminar-page .site-footer > p {
  font-size: 14px !important;
}

body.seminar-page .past-seminar-meta .date-highlight {
  font-size: 20px !important;
}

body.seminar-page .past-seminar-image,
body.seminar-page .past-seminar-badge,
body.seminar-page #interview-cta > h2 {
  background-color: #fcfbf7 !important;
}

body.seminar-page .past-seminar-badge {
  color: #18324a !important;
}

body.seminar-page #interview-cta > .btn {
  color: #18324a !important;
}

/* ブログ: 同じ役割の白・淡色面と角丸を統一 */
body.blog-page .blog-feed-panel,
body.blog-page .blog-feed-entry,
body.blog-page .sidebar-card {
  border-radius: 12px !important;
  background: #fcfbf7 !important;
}

body.blog-page .blog-feed-tags span,
body.blog-page .blog-title-list button,
body.blog-page .blog-category-list button,
body.blog-page .blog-tag-cloud button {
  border-color: #0d726f !important;
  background: #0d726f !important;
  color: #fcfbf7 !important;
}

body.blog-page .btn {
  border-color: #0d726f !important;
  background: #0d726f !important;
  color: #fcfbf7 !important;
}

body.blog-page .eyebrow {
  color: #0d726f !important;
}

body.blog-page .site-nav a,
body.blog-page .btn,
body.blog-page button,
body.blog-page .logo-text strong,
body.blog-page .footer-links a,
body.blog-page .footer-brand > strong {
  font-size: 14px !important;
}

body.blog-page .blog-feed-tags span,
body.blog-page .hero-stat span {
  font-size: 14px !important;
}

body.blog-page .hero-stat strong {
  font-size: 24px !important;
}

@media (max-width: 767px) {
  body.dashboard-page:has(.dashboard-main) h1 {
    font-size: 42px !important;
  }

  body.dashboard-page:has(.dashboard-main) h2 {
    font-size: 28px !important;
  }

  body.seminar-page .past-seminar-card {
    display: flex !important;
    flex-direction: column !important;
  }

  body.seminar-page .past-seminar-image {
    aspect-ratio: 4 / 3 !important;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  body.seminar-page .past-seminar-card {
    display: flex !important;
    flex-direction: column !important;
  }

  body.seminar-page .past-seminar-image {
    aspect-ratio: 16 / 9 !important;
  }
}

body.dashboard-page:has(.dashboard-main) .dashboard-status,
body.dashboard-page:has(.dashboard-main) .dashboard-status p,
body.dashboard-page:has(.dashboard-main) .dashboard-status span,
body.dashboard-page:has(.dashboard-main) .dashboard-status strong,
body.dashboard-page:has(.dashboard-main) .dashboard-status small,
body.dashboard-page:has(.dashboard-main) .dashboard-status a {
  color: #fcfbf7 !important;
}

body.seminar-page #interview-cta > h2 {
  background: transparent !important;
  color: #fcfbf7 !important;
}