/*
 * 沿革（/info-select/history/）固有CSS
 * 共通の枠は style.css / info-sub.css を使用。
 */
.catch-section{background:var(--warm);padding:72px 72px 60px;}
.catch-en{font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.45em;color:var(--gold);display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.catch-en::before{content:'';display:block;width:36px;height:1px;background:var(--gold);}
.catch-copy{font-family:'Noto Serif JP',serif;font-size:clamp(20px,2.6vw,34px);font-weight:900;color:var(--ink);line-height:1.65;}
.catch-copy em{font-style:normal;color:var(--gold);}

.history-section{padding:80px 72px 100px;background:var(--cream);}
.tl-table{width:100%;border-collapse:collapse;}
.tl-table tr{border-bottom:1px solid var(--border);transition:background .2s;}
.tl-table tr:first-child{border-top:1px solid var(--border);}
.tl-table tr:hover{background:rgba(160,120,32,.04);}
.tl-table tr.highlight{border-left:3px solid var(--red);}
.tl-table td.year{width:220px;padding:20px 28px;font-family:'Cormorant Garamond',serif;font-size:16px;letter-spacing:.12em;color:var(--muted);vertical-align:top;white-space:nowrap;}
.tl-table tr.highlight td.year{color:var(--red);font-weight:700;}
.tl-table td.event{padding:20px 28px;font-size:14px;line-height:1.9;color:var(--ink);}
.tl-table td.event .sub{font-size:13px;color:var(--muted);margin-top:4px;line-height:1.7;}

@media(max-width:980px){
  .catch-section,.history-section{padding-left:32px;padding-right:32px;}
  .tl-table td.year{width:130px;font-size:14px;}
}