/* ============================================================
   about.css — 学会についてページ 専用スタイル
   ============================================================ */

/* -------- スクロールオフセット（sticky header 分） -------- */
html { scroll-padding-top: 88px; }

/* ============================================================
   PAGE HERO — 波形ボトム
   ============================================================ */
/* bg-dots-pattern は style.css で定義済み */

/* ============================================================
   GREETING SECTION — 会長挨拶
   ============================================================ */

/* 挨拶カード全体のホバー演出 */
.greeting-card {
  transition: box-shadow .35s ease;
}
.greeting-card:hover {
  box-shadow: 0 20px 60px rgba(74, 222, 128, .12), 0 6px 20px rgba(0,0,0,.07);
}

/* 本文の先頭文字を少し大きく */
.first-letter::first-letter {
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1;
  float: left;
  margin-right: .15em;
  margin-top: .05em;
  color: #4ade80;
  font-family: 'Noto Serif JP', serif;
}

/* 強調：グリーン系 */
.emphasis-green {
  background: linear-gradient(0deg, rgba(74,222,128,.25) 0%, rgba(74,222,128,.25) 100%);
  padding: .05em .2em;
  border-radius: .2em;
  color: #15803d;
}

/* 強調：オレンジ系 */
.emphasis-orange {
  background: linear-gradient(0deg, rgba(251,146,60,.2) 0%, rgba(251,146,60,.2) 100%);
  padding: .05em .2em;
  border-radius: .2em;
  color: #c2410c;
}

/* ============================================================
   OVERVIEW SECTION — 学会概要テーブル
   ============================================================ */
.overview-table {
  border-collapse: separate;
  border-spacing: 0;
}

.overview-table tbody tr:last-child th,
.overview-table tbody tr:last-child td {
  border-bottom: none;
}

/* ============================================================
   ORG CHART — 組織図
   ============================================================ */
.org-chart {
  overflow-x: auto;
  padding-bottom: .5rem;
}

.org-node {
  transition: transform .2s ease, box-shadow .2s ease;
}
.org-node:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

.committee-node {
  cursor: default;
}

/* ============================================================
   DOCUMENTS — 定款・規約カード
   ============================================================ */
.doc-card {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.doc-card:hover {
  transform: translateY(-4px);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 640px) {
  /* 組織図：モバイルでは縦スクロール許容 */
  .org-chart {
    min-width: 340px;
  }

  /* 本文ドロップキャップはモバイルで無効化 */
  .first-letter::first-letter {
    font-size: 1.5rem;
    margin-right: .1em;
  }

  /* テーブル：th を上に積む */
  .overview-table tbody tr {
    display: grid;
    grid-template-columns: 1fr;
  }
  .overview-table tbody tr th,
  .overview-table tbody tr td {
    display: block;
    padding: .75rem 1.25rem;
  }
  .overview-table tbody tr th {
    padding-bottom: .25rem;
    border-bottom: none !important;
  }
  .overview-table tbody tr td {
    padding-top: .25rem;
  }
}

/* ============================================================
   PRINT
   ============================================================ */
@media print {
  .greeting-card { box-shadow: none; border: 1px solid #e5e7eb; }
  .doc-card       { box-shadow: none; border: 1px solid #e5e7eb; }
  .org-chart      { overflow: visible; }
  #back-to-top, .scroll-indicator { display: none !important; }
}