/*
 * ANIMA MYSTICA - INFORMATION category
 * CSS2: INFORMATIONカテゴリ固有
 *
 * 共通の暗色配色、記事見出し、情報ナビ、カテゴリ内ページスクロールは
 * assets/css/core.css に統合済み。
 * このファイルにはInformationハブ／履歴など、このカテゴリだけの表現を残す。
 */

/* Information hub */
.information-hub-hero{
  margin:0 0 28px;
  padding:8px 0 22px;
  border-bottom:1px solid var(--info-line);
}

.information-hub-kicker{
  margin:0 0 7px!important;
  color:var(--info-accent);
  font:600 9px/1.4 Georgia,serif;
  letter-spacing:.20em;
}

.information-hub-hero h1{
  margin:0 0 16px!important;
  color:var(--info-h1)!important;
  font:400 clamp(31px,4vw,48px)/1.35 "Noto Serif JP","Yu Mincho",Georgia,serif!important;
}

.information-hub-lead{
  max-width:760px;
  margin:0!important;
  color:var(--info-text);
  font-size:13px;
  line-height:1.95;
}

.information-card-list{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:26px 0 10px;
}

.information-card{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 26px;
  align-items:center;
  gap:15px;
  min-height:84px;
  padding:14px 18px;
  border:1px solid var(--info-line);
  border-radius:7px;
  color:inherit;
  background:
    linear-gradient(100deg,var(--info-card-bg-start),var(--info-card-bg-end));
  text-decoration:none;
  transition:
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.information-card:hover,
.information-card:focus-visible{
  border-color:var(--info-card-hover-line);
  background:
    linear-gradient(100deg,var(--info-card-hover-bg-start),var(--info-card-hover-bg-end));
  transform:translateY(-1px);
}

.information-card-no{
  color:var(--info-card-number);
  font:400 18px/1 Georgia,serif;
}

.information-card-body{
  min-width:0;
}

.information-card-body strong{
  display:block;
  margin-bottom:4px;
  color:var(--info-card-title);
  font-size:14px;
}

.information-card-body small{
  display:block;
  color:var(--info-text-soft);
  font-size:10px;
  line-height:1.55;
}

.information-card-arrow{
  color:var(--info-accent);
  font-size:17px;
}

/* Site history */
.information-history{
  margin:18px 0 30px;
  border-top:1px solid var(--info-line);
}

.information-history p{
  display:grid;
  grid-template-columns:105px minmax(0,1fr);
  gap:18px;
  margin:0!important;
  padding:12px 8px;
  border-bottom:1px solid var(--info-line-white-055);
}

.information-history strong{
  color:var(--info-accent-soft);
  font-size:11px;
}

.information-history span{
  color:var(--info-text);
  font-size:12px;
  line-height:1.7;
}



/* ハブカードは装飾図形を置かず、静かな濃色面で統一。 */
.category-information .information-card{
  position:relative;
  overflow:hidden;
  border-color:var(--info-box-border);
  background:
    linear-gradient(105deg,
      var(--info-box-bg-start),
      var(--info-box-bg-end));
}

.category-information .information-card:hover,
.category-information .information-card:focus-visible{
  border-color:var(--info-box-hover-border);
  background:
    linear-gradient(105deg,
      var(--info-box-hover-bg-start),
      var(--info-box-hover-bg-end));
}

/* TIER 1 : compact micro-adjustments */
@media (max-width:620px){
.information-card{
    grid-template-columns:36px minmax(0,1fr) 20px;
    gap:11px;
    min-height:78px;
    padding:12px 13px;
  }

  .information-card-body strong{
    font-size:13px;
  }

  .information-card-body small{
    font-size:9px;
  }

  .information-history p{
    grid-template-columns:1fr;
    gap:3px;
    padding:11px 4px;
  }
}

/* ==========================================================================
   INFORMATION / BODY TYPOGRAPHY
   旧サイトの長文を読む感覚に寄せるため、Information本文ではMeiryoを優先する。
   見出しはcore.css側の明朝・現行デザインを維持し、本文系テキストだけを対象にする。
   ========================================================================== */
.category-information #pagebody{
  font-family:
    "Yu Gothic",
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
  font-size:15px;
  line-height:1.95;
  letter-spacing:.01em;
}

.category-information #pagebody p,
.category-information #pagebody li,
.category-information #pagebody dd,
.category-information #pagebody td,
.category-information #pagebody th{
  font-family:inherit;
  line-height:1.95;
}

/* 長文を読む際に段落同士が詰まりすぎないよう、旧サイト寄りの余白感を残す。 */
.category-information.page-type-article #pagebody > p,
.category-information.page-type-article #pagebody section > p{
  margin-bottom:1.35em;
}

/* スマートフォンでは横幅が狭いため、本文サイズをわずかに抑える。 */
@media (max-width:760px){
  .category-information #pagebody{
    font-size:14.5px;
    line-height:1.9;
  }

  .category-information #pagebody p,
  .category-information #pagebody li,
  .category-information #pagebody dd,
  .category-information #pagebody td,
  .category-information #pagebody th{
    line-height:1.9;
  }
}