/* =========================================================
   jisseki.css
   第2階層「実績・事例紹介」ページ（jisseki.html）専用スタイル
   ========================================================= */

/* ===== Intro ===== */
.jisseki-intro{padding-top:0; padding-bottom:8px;}
.jisseki-intro p{color:var(--gray-text); font-size:14.5px; max-width:64ch; margin:0 auto; text-align:center;}

/* ===== History timeline ===== */
.timeline-year-group{margin-bottom:30px;}
.timeline-year-group:last-child{margin-bottom:0;}
.year-heading{display:flex; align-items:baseline; gap:12px; margin-bottom:10px;}
.year-heading .yr-num{font-size:20px; font-weight:900; color:var(--blue-dark);}
.year-heading .yr-suffix{font-size:12.5px; color:var(--gray-text); font-weight:700;}
.year-heading::after{content:''; flex:1; height:1px; background:var(--line);}

.record-list{display:flex; flex-direction:column;}
.record-item{display:flex; gap:16px; align-items:baseline; padding:13px 0; border-bottom:1px solid var(--line);}
.record-item:last-child{border-bottom:none;}
.record-date{width:64px; flex-shrink:0; font-size:12px; color:var(--gray-text); font-weight:700;}
.record-body{flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:baseline; column-gap:10px; row-gap:6px;}
.record-tag{display:inline-block; width:66px; flex-shrink:0; text-align:center; font-size:10.5px; font-weight:700; padding:3px 0; border-radius:10px; white-space:nowrap;}
.record-tag.is-orange{background:var(--orange-soft); color:var(--orange);}
.record-tag.is-blue{background:var(--blue-soft); color:var(--blue);}
.record-tag.is-green{background:var(--green-soft); color:var(--green);}
.record-text{flex:0 1 auto; font-size:13.5px; color:#2A303C;}
.record-links{display:flex; flex-wrap:wrap; gap:4px 14px; margin-left:8px;}
.record-links a{font-size:11.5px; color:var(--blue); font-weight:700; white-space:nowrap;}
.record-links a:hover{color:var(--blue-dark);}

/* ===== Responsive ===== */
@media (max-width:600px){
  .record-item{flex-direction:column; gap:6px;}
  .record-date{width:auto;}
  .record-links{flex-basis:100%; margin-left:0;}
}