/* Mobile history: seven visible years in two rows, with the selected story below. */
@media(max-width:760px) {
  .sppauto-theme .precision-timeline-section {
    padding:36px 0 40px;
  }
  .sppauto-theme .precision-timeline-layout {
    display:block;
    width:calc(100% - 36px);
    max-width:520px;
    margin-inline:auto;
  }
  .sppauto-theme .precision-timeline-intro {
    width:100%;
    padding:0;
    margin:0 0 26px;
    text-align:center;
  }
  .sppauto-theme .precision-timeline-heading {
    padding:0;
    font-size:clamp(40px,12vw,54px);
    white-space:normal;
    overflow-wrap:anywhere;
    transform:none;
  }
  .sppauto-theme .precision-timeline-heading:lang(es),
  .sppauto-theme .precision-timeline-heading:lang(ru) {
    font-size:clamp(36px,10.5vw,46px);
  }
  .sppauto-theme .precision-timeline-heading:lang(ar) {
    font-size:clamp(46px,13vw,60px);
  }
  .sppauto-theme .precision-timeline-since {
    margin:10px 0 0;
    font-size:11px;
    line-height:1.5;
    letter-spacing:.16em;
  }
  .sppauto-theme .precision-timeline-signature-line {
    width:44px;
    margin:18px auto 0;
  }
  .sppauto-theme .precision-timeline-layout > .precision-timeline-shell {
    width:100%;
    min-width:0;
    overflow:visible;
    overscroll-behavior-inline:auto;
  }
  .sppauto-theme .precision-timeline-track {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:stretch;
    width:100%;
    min-width:0;
    min-height:0;
    padding:0;
    overflow:visible;
    box-sizing:border-box;
  }
  .sppauto-theme .precision-timeline-track:before,
  .sppauto-theme .precision-timeline-year:after {
    display:none;
    content:none;
  }
  .sppauto-theme .precision-timeline-year {
    flex:1 1 calc(25% - 8px);
    width:auto;
    min-width:0;
    height:auto;
    min-height:54px;
    padding:10px 0;
    align-items:center;
    justify-content:center;
    border:1px solid #303030;
    border-radius:0;
    background:#101010;
    color:#c6c6c6;
    box-sizing:border-box;
  }
  .sppauto-theme .precision-timeline-year:hover {
    background:#202020;
    color:#fff;
  }
  .sppauto-theme .precision-timeline-year.is-active {
    border-color:#c90000;
    background:#c90000;
    color:#fff;
  }
  .sppauto-theme .precision-timeline-year:focus-visible {
    outline:2px solid #fff;
    outline-offset:-4px;
  }
  .sppauto-theme .precision-timeline-section .precision-timeline-year span {
    font-family:"Segoe UI",Arial,sans-serif;
    font-size:26px;
    font-weight:400;
    line-height:1;
    letter-spacing:0;
    writing-mode:horizontal-tb;
    transform:none;
    color:inherit;
    -webkit-text-stroke:0 transparent;
    text-shadow:none;
    transition:none;
  }
  .sppauto-theme .precision-timeline-description {
    position:static;
    inset:auto;
    width:100%;
    max-width:none;
    min-height:0;
    margin:28px 0 0;
    padding:22px 0 0;
    border-top:1px solid #303030;
    box-sizing:border-box;
    text-align:start;
  }
  .sppauto-theme .precision-timeline-description strong {
    margin:0 0 14px;
    font-size:18px;
    font-weight:500;
    line-height:1.4;
    letter-spacing:0;
    overflow-wrap:anywhere;
  }
  .sppauto-theme .precision-timeline-description p {
    max-width:none;
    margin:0;
    font-size:14px;
    font-weight:400;
    line-height:1.75;
    letter-spacing:0;
    color:#bdbdbd;
    overflow-wrap:anywhere;
  }
}