.pc-page--association .pc-history__head { max-width: 680px; }
.pc-history__navigation { display: flex; align-items: center; gap: 10px; margin: 0 0 28px; }
.pc-history__navigation p { margin: 0 auto 0 0; font-size: 13px; color: #b7c7d6; }
.pc-history__navigation button { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid #728394; border-radius: 50%; background: transparent; color: #fff; font-size: 22px; cursor: pointer; }
.pc-history__navigation button:hover:not(:disabled) { color: #072f54; background: #f5c400; border-color: #f5c400; }
.pc-history__navigation button:disabled { opacity: .3; cursor: default; }
.pc-page--association .pc-timeline { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 48px) / 3); grid-template-columns: none; align-items: start; gap: 24px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #f5c400 #18354e; border: 0; padding: 4px 0 24px; }
.pc-page--association .pc-tl { min-width: 0; scroll-snap-align: start; }
.pc-page--association .pc-tl::before { top: 60px; bottom: auto; left: 0; width: calc(100% + 24px); height: 2px; background: #496174; }
.pc-page--association .pc-tl:last-of-type::before { top: 60px; width: 100%; height: 2px; }
.pc-page--association .pc-tl summary { grid-template-columns: 1fr auto; gap: 0 14px; align-items: start; padding: 0 16px 20px 0; min-height: 185px; }
.pc-page--association .pc-tl summary::after { top: 54px; left: 0; width: 14px; height: 14px; }
.pc-page--association .pc-tl__y { grid-column: 1; grid-row: 1; padding: 0; font-size: 32px; color: #f5c400; line-height: 40px; }
.pc-page--association .pc-tl__h { grid-column: 1 / -1; grid-row: 2; padding-top: 42px; }
.pc-page--association .pc-tl__d { color: #b3c1ce; letter-spacing: .08em; }
.pc-page--association .pc-tl__h strong { font-size: 19px; line-height: 1.3; }
.pc-page--association .pc-tl__chev { grid-column: 2; grid-row: 1; margin-top: 12px; }
.pc-page--association .pc-tl__b { padding: 0 20px 12px 0; }
.pc-page--association .pc-tl__b p { max-width: none; font-size: 15px; line-height: 1.65; color: #c3ced8; }
.pc-history :is(button, summary, .pc-timeline):focus-visible { outline: 2px solid #f5c400; outline-offset: -2px; }
@media (max-width: 1050px) {
  .pc-page--association .pc-timeline { grid-auto-columns: calc((100% - 24px) / 2); }
}
@media (max-width: 640px) {
  .pc-page--association .pc-timeline { grid-auto-columns: calc(100% - 28px); gap: 20px; }
  .pc-page--association .pc-tl::before { width: calc(100% + 20px); }
  .pc-page--association .pc-tl:last-of-type::before { width: 100%; }
  .pc-history__navigation p { max-width: 190px; font-size: 12px; }
}