/* ============================================================
   Protagonist — /company/（会社概要）ページ固有 CSS
   共有トークン・コンポーネントは design-system.css を参照。
   ここには会社概要だけの構造（沿革タイムライン / 経営体制ロスター）のみ。
   ============================================================ */

/* 沿革タイムライン */
.timeline{position:relative;display:grid;gap:clamp(6px,1vw,12px);border-left:1px solid var(--line);margin-left:5px;max-width:760px}
.timeline .t-item{position:relative;padding:clamp(4px,1vw,10px) 0 clamp(20px,2.6vw,30px) clamp(26px,4vw,42px)}
.timeline .t-item:last-child{padding-bottom:0}
.timeline .t-item::before{content:"";position:absolute;left:-5px;top:.35em;width:9px;height:9px;border-radius:50%;background:var(--paper);border:1px solid var(--graphite)}
.timeline .t-item.milestone::before{background:var(--ink);border-color:var(--ink)}
.timeline .t-year{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--muted)}
.timeline .t-title{font-family:var(--jp);font-weight:700;font-size:clamp(1.1rem,2vw,1.35rem);letter-spacing:-.005em;margin:.45rem 0 .6rem}
.timeline .t-body{color:var(--graphite);font-size:.95rem;line-height:1.8;max-width:58ch}

/* 経営体制ロスター（1px gap ヘアライングリッド） */
.roster{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);max-width:760px}
@media(min-width:680px){.roster{grid-template-columns:repeat(3,1fr)}}
.roster .r-item{background:var(--paper);padding:clamp(22px,2.6vw,32px)}
.roster .r-role{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite);margin-bottom:.7rem}
.roster .r-name{font-family:var(--jp);font-weight:500;font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:-.01em}