/*
Theme Name:   Oya Lab Fjord
Theme URI:    https://oya.sd.keio.ac.jp/
Description:  大家研究室サイト用の子テーマ。Twenty Twenty-Five を素地に、Northern Fjord Horizon の配色と IBM Plex Sans / IBM Plex Sans JP による和欧混植を適用する。
Author:       Oya Laboratory
Template:     twentytwentyfive
Version:      1.0.0
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.0
License:      GNU General Public License v2 or later
Text Domain:  oya-fjord
*/

/* =========================================================
   1. 和欧混植の調整
   ---------------------------------------------------------
   IBM Plex Sans（欧文）と IBM Plex Sans JP（和文）は同一設計
   のため字面は揃うが、適正な行間と字間は言語で異なる。
   ========================================================= */

/* 欧文のみの要素は行間を詰める。lang="en" を付けた要素に適用 */
:lang(en),
.is-lang-en {
  line-height: 1.6;
  letter-spacing: 0.005em;
}

/* 和文の既定。theme.json の値を明示的に上書きしない場合の保険 */
:lang(ja) {
  line-height: 1.85;
  letter-spacing: 0.02em;
}

/* 見出しは言語を問わず詰める */
:is(h1, h2, h3, h4, h5, h6):lang(en) {
  line-height: 1.2;
}

/* 和文の約物が続くときの過剰な空きを抑える */
.entry-content p {
  font-feature-settings: "palt" 0;
  text-spacing-trim: space-first;
}


/* =========================================================
   2. Junction の使用規則（水準 3）
   ---------------------------------------------------------
   ・白地  … 文字にも使用可（4.8:1）
   ・Pale帯… 図形要素のみ（4.3:1 のため小さな文字は不可）
   ・濃色  … 使用禁止（2.6:1）
   ========================================================= */

/* 2-1 セクションラベル（小見出しの上に置く英字ラベル）*/
.oya-eyebrow {
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--wp--preset--color--junction);
  margin-block-end: 16px;
}
/* Pale 帯の中では文字色を落とす（コントラスト不足のため）*/
.is-style-oya-band .oya-eyebrow {
  color: var(--wp--preset--color--deep);
}

/* 2-2 見出し左の縦罫 */
.oya-rule {
  position: relative;
  padding-inline-start: 18px;
}
.oya-rule::before {
  content: "";
  position: absolute;
  inset-block: 0.18em;
  inset-inline-start: 0;
  width: 3px;
  background: var(--wp--preset--color--junction);
}

/* 2-3 本文中のリンク下線 */
.entry-content a:not(.wp-element-button) {
  border-block-end: 2px solid var(--wp--preset--color--junction);
  padding-block-end: 1px;
  transition: background-color .12s;
}
.entry-content a:not(.wp-element-button):hover {
  background: var(--wp--preset--color--pale);
}

/* 2-4 現在位置の印（ナビゲーション）*/
.wp-block-navigation .current-menu-item > a {
  position: relative;
  font-weight: 500;
  color: var(--wp--preset--color--ink);
}
.wp-block-navigation .current-menu-item > a::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: -6px;
  height: 2px;
  background: var(--wp--preset--color--junction);
}

/* 2-5 濃色面での禁止（誤用の保険）*/
.oya-footer .oya-eyebrow,
.oya-footer .oya-rule::before,
.has-ink-background-color .oya-rule::before,
.has-deep-background-color .oya-rule::before {
  color: var(--wp--preset--color--soft);
  background: var(--wp--preset--color--soft);
}


/* =========================================================
   3. 帯（Group ブロックのスタイル）
   ========================================================= */

.is-style-oya-band {
  background: var(--wp--preset--color--pale);
  color: var(--wp--preset--color--ink);
  padding-block: var(--wp--preset--spacing--40);
  padding-inline: var(--wp--preset--spacing--40);
}
.is-style-oya-band + .is-style-oya-band {
  margin-block-start: 2px;
}

/* 帯の中の補助テキスト */
.is-style-oya-band .oya-sub {
  color: var(--wp--preset--color--deep);
  font-size: var(--wp--preset--font-size--small);
}


/* =========================================================
   4. Contact 帯（フッタ・INK）
   ========================================================= */

.oya-footer {
  background: var(--wp--preset--color--ink);
  color: #dce8ef;
  padding-block: var(--wp--preset--spacing--40);
}
.oya-footer :is(h2, h3, h4) { color: var(--wp--preset--color--soft); }
.oya-footer p              { color: #a9c2d0; }
.oya-footer a              { color: #dce8ef; border-block-end-color: var(--wp--preset--color--mid); }
.oya-footer a:hover        { color: #ffffff; }


/* =========================================================
   5. Publications（カスタム投稿タイプ）
   ---------------------------------------------------------
   年号に Junction を使うため、白地のセクションに置くこと。
   Pale 帯の中には配置しない。
   ========================================================= */

.oya-pubs { list-style: none; margin: 0; padding: 0; }
.oya-pubs li {
  padding-block: 13px;
  border-block-end: 1px solid var(--wp--preset--color--soft);
  font-size: 15.5px;
  line-height: 1.8;
}
.oya-pubs li:last-child { border-block-end: none; }
.oya-pubs .yr {
  display: inline-block;
  min-width: 3.6em;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--wp--preset--color--junction);
}
.oya-pubs .journal { font-style: italic; color: var(--wp--preset--color--deep); }
/* 日本語タイトルのみの項目もそのまま表示する（翻訳しない）*/
.oya-pubs :lang(ja) { letter-spacing: 0.02em; }


/* =========================================================
   6. 図版・罫線
   ---------------------------------------------------------
   Mid #7ca9c4 は白地で 2.5:1。文字には使わないこと。
   ========================================================= */

.wp-block-separator { border-color: var(--wp--preset--color--mid); opacity: 1; }
.oya-figline { height: 1px; background: var(--wp--preset--color--mid); margin-block: 26px; }
figcaption { color: var(--wp--preset--color--deep); }


/* =========================================================
   7. 印刷
   ========================================================= */

@media print {
  .oya-footer, .wp-block-navigation { display: none; }
  .is-style-oya-band { background: none; padding-inline: 0; }
  body { font-size: 10.5pt; line-height: 1.7; }
}