/* people-pages（2026-10-30 全画面の見直しで追加。担当ページ専用） */

/* ---------- アルファドライブとは（articles.toml alphadrive） ---------- */
/* 関係の図（templates/figures/ad-relation.html） */
.figure .ad-rel .ad-rel__sub { fill: var(--on-dark-sub); font-weight: 400; }
.explainer__herofig .ad-rel.fig-wide { max-width: 960px; }
/* layout = "facts"：公式の数字を横に並べる（数字が上、説明が下） */
.ad-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 960px; margin: 28px 0 0; border-top: 2px solid var(--ink); }
.ad-facts > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 8px; padding: 24px 20px 24px 0; border-bottom: 1px solid var(--line); }
.ad-facts > div + div { padding-left: 20px; border-left: 1px solid var(--line); }
.ad-facts dd { margin: 0; font-size: 15px; font-weight: 900; line-height: 1.2; }
.ad-facts dd .num { margin-right: 2px; font-size: clamp(30px, 3.4vw, 44px); font-weight: 900; color: var(--accent); letter-spacing: -.01em; }
.ad-facts dt { font-size: var(--fs-small); color: var(--ink-sub); line-height: 1.6; }
@media (max-width: 760px) {
  .ad-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ad-facts > div:nth-child(odd) { padding-left: 0; border-left: 0; }
}

/* ---------- イベント（templates/sections/events.html） ---------- */
.event__top { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 48px; align-items: end; }
.event__top .event__head { max-width: none; }
.event-vs { padding: 28px; border-radius: var(--radius); background: var(--black); color: var(--on-dark); }
.event-vs__teams { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin: 0; text-align: center; }
.event-vs__team { display: flex; flex-direction: column; gap: 4px; padding: 16px 8px; border: 1px solid var(--line-dark); border-radius: 12px; }
.event-vs__team b { font-size: clamp(24px, 2.4vw, 32px); font-weight: 900; line-height: 1.2; }
.event-vs__team span { font-size: var(--fs-small); color: var(--on-dark-sub); }
.event-vs__x { font-family: var(--font-en); font-size: 18px; font-weight: 900; color: var(--accent-light); }
.event-vs__facts { display: grid; grid-template-columns: 1.4fr 1fr; gap: 12px; margin: 16px 0 0; padding: 0; list-style: none; }
.event-vs__facts li { display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 12px; background: var(--black-2); }
.event-vs__facts b { font-size: 22px; font-weight: 900; line-height: 1.2; }
.event-vs__facts li.is-main b { font-size: clamp(30px, 3vw, 40px); color: var(--accent-light); }
.event-vs__facts span { font-size: var(--fs-small); color: var(--on-dark-sub); }
.event__note { max-width: var(--narrow); margin: 24px 0 0; font-size: var(--fs-body); line-height: 1.9; }
@media (max-width: 860px) {
  .event__top { grid-template-columns: 1fr; gap: 28px; }
  .event-vs { padding: 20px; }
}

/* ---------- 代表について（templates/sections/ceo.html） ---------- */
.ceo__facts { margin-top: 1em; font-size: var(--fs-lead); line-height: 2; }
.ceo__body .ceo__note { margin-top: 24px; }
.ceo__note { font-size: var(--fs-small); color: var(--ink-sub); }
.ceo__note a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.ceo__career-lead { max-width: 40em; color: var(--ink-sub); }
/* 経歴：普通の略歴の表（年の列＋内容）。線は行の間だけ */
.ceo-history { max-width: var(--narrow); margin: 32px 0 0; padding: 0; list-style: none; }
.ceo-history li { display: grid; grid-template-columns: 5em minmax(0, 1fr); gap: 0 24px; padding: 18px 0; }
.ceo-history li + li { border-top: 1px solid var(--line); }
.ceo-history__when { font-weight: 700; }
.ceo-history__body { grid-column: 2; }
.ceo-history__title { font-weight: 700; }
.ceo-history__text { margin-top: 4px; color: var(--ink-sub); }
.ceo-history__note { margin-top: 24px; }
@media (max-width: 600px) {
  .ceo-history li { display: block; }
  .ceo-history__when { display: block; margin-bottom: 2px; }
}
/* links_below（article.html）：一覧・流れのあとに置くリンク */
.explainer__below { margin-top: 32px; }
.explainer__below .explainer__link { margin-top: 0; }

/* 2026-11-02：事業を知るの一覧。PCの5列は狭く、語の途中で折れていたので3列に */
@media (min-width: 1101px) {
  .tiles--article { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-columns: auto; }
}
/* 2026-11-02：記事の見出しとカードは語の途中で折らない（対応ブラウザ。ほかは .nowrap のかたまりで止める） */
.explainer__heading, .explainer__q, .article-tile__q, .article-tile__title, .next-read__q, .next-read__title,
.article-card .card__title, .article-card > p, .explainer__list h3, .explainer__rows h3 { word-break: auto-phrase; }
/* 2026-11-02：幅320で .nowrap のかたまりが画面からはみ出さないよう、見出しを少しだけ小さく */
@media (max-width: 340px) { .explainer__heading { font-size: 22px; } }
/* 2026-11-02：記事の飾りのアイコンを外した分、左の列をなくす */
.explainer__rows li { grid-template-columns: minmax(0, 1fr) minmax(0, 280px); }
.explainer__rows li > div:last-child { grid-column: 1; }
.explainer__rows li > .explainer__shot { grid-column: 2; }
@media (max-width: 760px) {
  .explainer__rows li { grid-template-columns: minmax(0, 1fr); }
  .explainer__rows li > .explainer__shot { grid-column: 1; }
}