.timeline-article{
  --timeline-text-red:#ff6a55;
}

.timeline-article .source-separator{
  display:none;
}

.timeline-article .timeline-path{
  display:grid;
  width:min(100%,var(--measure));
  max-width:var(--measure);
  grid-template-columns:max-content auto max-content auto max-content auto max-content auto max-content;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  padding:8px 0;
}

.timeline-article .timeline-path-step{
  min-width:0;
  color:#fff;
  font-size:clamp(11px,1.35vw,14px);
  font-weight:600;
  line-height:1.35;
  text-align:center;
  white-space:nowrap;
}

.timeline-article .timeline-path-step:last-child{
  color:var(--timeline-text-red);
}

.timeline-article .timeline-path-arrow{
  color:var(--timeline-text-red);
  font-size:17px;
  line-height:1;
}

.timeline-article .longform-list{
  gap:4px;
  line-height:1.5;
}

.timeline-article .timeline-info-callout{
  display:grid;
  gap:12px;
  box-sizing:border-box;
  padding:6px 0 6px 24px;
  border-left:3px solid var(--red);
}

.timeline-article .timeline-info-callout p,
.timeline-article .timeline-info-callout .longform-list{
  width:100%;
  margin:0;
}

.timeline-article .timeline-info-callout p{
  color:#fff;
  font-weight:600;
}

.timeline-article .timeline-showcase{
  width:min(100%,var(--measure));
  margin:34px auto 0;
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:14px;
  background:#181818;
  box-shadow:0 22px 54px rgba(0,0,0,.22);
}

.timeline-showcase.timeline-article{
  width:min(100%,var(--measure));
  margin:34px auto 0;
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:14px;
  background:#181818;
  box-shadow:0 22px 54px rgba(0,0,0,.22);
}

.timeline-article .longform-section>.timeline-showcase-organise{
  width:min(100%,var(--wide));
}

.timeline-showcase-organise.timeline-article{
  width:min(100%,var(--wide));
}

.timeline-article .longform-section>.timeline-showcase-years{
  width:min(100%,var(--wide));
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.timeline-showcase-years.timeline-article{
  width:min(100%,var(--wide));
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.timeline-article .longform-section>.timeline-showcase-versioning,
.timeline-article .timeline-filter-composition>.timeline-showcase-filters{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.timeline-showcase-versioning.timeline-article{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.timeline-article .timeline-showcase-versioning .timeline-ui,
.timeline-article .timeline-showcase-filters .timeline-ui,
.timeline-article .timeline-showcase-years .timeline-ui{
  padding:0;
}

.timeline-article .longform-section>.timeline-filter-composition{
  display:grid;
  width:min(100%,var(--measure));
  grid-template-columns:minmax(0,3fr) minmax(0,2fr);
  gap:16px;
  align-items:start;
  margin-inline:auto;
  margin-top:8px;
}

.timeline-article .timeline-filter-copy{
  display:grid;
  min-width:0;
  gap:18px;
}

.timeline-article .timeline-filter-copy>p,
.timeline-article .timeline-filter-copy>.longform-list{
  width:100%;
  margin-inline:0;
}

.timeline-article .timeline-filter-composition>.timeline-showcase-filters{
  width:100%;
  margin:0;
}

.timeline-article .timeline-ui{
  box-sizing:border-box;
  width:100%;
  padding:clamp(16px,3vw,24px);
  color:#e9e9e9;
  font-size:12px;
  line-height:1.35;
}

.timeline-article .timeline-ui-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:17px;
}

.timeline-article .timeline-ui-header>div{
  display:grid;
  min-width:0;
  gap:4px;
}

.timeline-article .timeline-ui-header strong{
  color:#fff;
  font-size:16px;
  line-height:1.2;
}

.timeline-article .timeline-ui-header span{
  color:#929292;
  font-size:10.5px;
}

.timeline-article .timeline-ui-header .timeline-ui-primary{
  flex:none;
  padding:8px 12px;
  border-radius:8px;
  background:var(--red);
  color:#fff;
  font-size:10px;
  font-weight:700;
}

.timeline-article .timeline-ui-chips{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-bottom:12px;
}

.timeline-article .timeline-ui-chips>span{
  display:flex;
  min-width:0;
  align-items:center;
  gap:4px;
  padding:7px 9px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:#232323;
  color:#d1d1d1;
  font-size:10px;
  font-weight:600;
  white-space:nowrap;
}

.timeline-article .timeline-ui-chips b{
  color:#858585;
  font-weight:600;
}

.timeline-article .timeline-ui-chips i{
  margin-left:auto;
  color:#858585;
  font-style:normal;
}

.timeline-article .timeline-ui-zoom{
  display:grid;
  width:min(100%,280px);
  grid-template-columns:repeat(4,1fr);
  margin:0 0 18px auto;
  padding:3px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:9px;
  background:#222;
}

.timeline-article .timeline-ui-zoom span{
  padding:5px 4px;
  border-radius:6px;
  color:#858585;
  font-size:9px;
  font-weight:700;
  text-align:center;
}

.timeline-article .timeline-ui-zoom .is-active{
  background:#3b3736;
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(239,65,41,.36);
}

.timeline-article .timeline-ui-axis{
  position:relative;
  display:grid;
  gap:12px;
  min-width:0;
}

.timeline-article .timeline-ui-line{
  position:absolute;
  top:4px;
  bottom:4px;
  left:50%;
  width:1px;
  background:rgba(255,255,255,.14);
}

.timeline-article .timeline-ui-line::before{
  position:absolute;
  top:-1px;
  left:-3px;
  width:7px;
  height:7px;
  border-top:1px solid rgba(255,255,255,.14);
  border-left:1px solid rgba(255,255,255,.14);
  content:"";
  transform:rotate(45deg);
}

.timeline-article .timeline-ui-moment{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);
  align-items:center;
  min-width:0;
}

.timeline-article .timeline-ui-date{
  grid-column:1/-1;
  justify-self:center;
  margin-bottom:8px;
  padding:3px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:#222;
  color:#cfcfcf;
  font-size:9px;
  font-weight:700;
}

.timeline-article .timeline-ui-dot{
  grid-column:2;
  grid-row:2;
  justify-self:center;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--red);
  box-shadow:0 0 0 4px #181818;
}

.timeline-article .timeline-ui-dot.is-muted{
  background:#555;
}

.timeline-article .timeline-ui-moment-left>.timeline-project-cluster{
  grid-column:1;
  grid-row:2;
}

.timeline-article .timeline-ui-moment-right>.timeline-project-cluster{
  grid-column:3;
  grid-row:2;
}

.timeline-article .timeline-version-select{
  box-sizing:border-box;
  width:13px;
  height:13px;
  border:1px solid #5f5f5f;
  border-radius:4px;
}

.timeline-article .timeline-ui-filetype{
  flex:none;
  padding:3px 6px;
  border-radius:4px;
  background:var(--red);
  color:#fff;
  font-size:8px;
  font-weight:800;
  letter-spacing:.05em;
  line-height:1;
}

.timeline-article .timeline-ui-filetype-dwg{
  background:#5a80c5;
}

.timeline-article .timeline-version-list{
  display:grid;
  grid-template-columns:auto auto minmax(145px,1.25fr) auto auto minmax(145px,1fr) auto;
  column-gap:7px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:11px 11px 0 0;
}

.timeline-article .timeline-version-row{
  position:relative;
  display:grid;
  grid-column:1/-1;
  grid-template-columns:subgrid;
  gap:7px;
  align-items:center;
  min-width:0;
  padding:12px 11px;
  border-top:1px solid rgba(255,255,255,.08);
  background:#1e1e1e;
  opacity:1;
  visibility:visible;
}

.timeline-article .timeline-version-row:first-child{
  border-top:0;
}

.timeline-article .timeline-version-row.is-current{
  background:#252525;
  box-shadow:inset 3px 0 0 var(--red);
}

.timeline-article .timeline-version-row.is-subversion{
  width:100%;
  margin-left:0;
}

.timeline-article .timeline-version-row.is-subversion>.timeline-version-select,
.timeline-article .timeline-version-row.is-subversion>.timeline-ui-filetype,
.timeline-article .timeline-version-row.is-subversion>.timeline-version-file{
  transform:translateX(16px);
}

.timeline-article .timeline-version-row.is-subversion::before,
.timeline-article .timeline-version-row.is-subversion:not(:last-child)::after{
  position:absolute;
  left:3px;
  width:23px;
  border-left:1px solid rgba(255,255,255,.25);
  content:"";
}

.timeline-article .timeline-version-row.is-subversion::before{
  top:-1px;
  height:50%;
  border-bottom:1px solid rgba(255,255,255,.25);
  border-bottom-left-radius:5px;
}

.timeline-article .timeline-version-row.is-subversion:not(:last-child)::after{
  top:50%;
  bottom:-1px;
}

.timeline-article .timeline-version-file{
  display:grid;
  min-width:0;
  gap:3px;
}

.timeline-article .timeline-version-file strong{
  overflow:hidden;
  color:#f0f0f0;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.timeline-article .timeline-version-file small,
.timeline-article .timeline-version-row time{
  color:#858585;
  font-size:8.5px;
  white-space:nowrap;
}

.timeline-article .timeline-version-number{
  display:inline-flex;
  flex:none;
  align-items:center;
  gap:4px;
  padding:3px 6px;
  border:1px solid #555;
  border-radius:999px;
  color:#d7d7d7;
  font-size:9px;
  font-weight:700;
  opacity:1;
  visibility:visible;
  white-space:nowrap;
}

.timeline-article .timeline-version-chevron{
  width:5px;
  height:5px;
  flex:none;
  border-top:1px solid currentColor;
  border-left:1px solid currentColor;
  transform:rotate(45deg) translate(1px,1px);
}

.timeline-article .is-current .timeline-version-number{
  border-color:rgba(239,65,41,.7);
  color:#fff;
  box-shadow:0 0 0 2px rgba(239,65,41,.12);
}

.timeline-article .timeline-version-tags{
  display:flex;
  min-width:0;
  flex-wrap:wrap;
  gap:3px;
}

.timeline-article .timeline-version-tags b{
  padding:3px 6px;
  border-radius:999px;
  background:#383838;
  color:#c7c7c7;
  font-size:8px;
  font-weight:600;
}

.timeline-article .timeline-version-tags b:first-child{
  background:#ededed;
  color:#181818;
}

.timeline-article .timeline-version-more{
  color:#888;
  font-size:9px;
}

.timeline-article .timeline-version-footer{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.1);
  border-top:0;
  border-radius:0 0 11px 11px;
  background:#1e1e1e;
  color:#aaa;
  font-size:10px;
  font-weight:600;
}

.timeline-article .timeline-version-footer span{
  color:var(--red);
}

.timeline-article .timeline-filter-toolbar{
  display:grid;
  width:100%;
  grid-template-columns:max-content minmax(0,1fr);
  gap:4px;
}

.timeline-article .timeline-showcase-filters .timeline-ui{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:6px;
  align-items:start;
  justify-content:stretch;
}

.timeline-article .timeline-filter-button,
.timeline-article .timeline-filter-search{
  display:flex;
  min-height:36px;
  box-sizing:border-box;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  background:#242424;
  color:#d9d9d9;
}

.timeline-article .timeline-filter-button{
  border-color:rgba(239,65,41,.42);
}

.timeline-article .timeline-filter-search{
  width:100%;
  color:#949494;
}

.timeline-article .timeline-filter-icon{
  width:16px;
  height:16px;
  flex:none;
  background:currentColor;
  -webkit-mask:var(--timeline-filter-icon) center/contain no-repeat;
  mask:var(--timeline-filter-icon) center/contain no-repeat;
}

.timeline-article .timeline-filter-icon-filters{
  --timeline-filter-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 5h16l-6 7v5l-4 2v-7z'/%3E%3C/svg%3E");
}

.timeline-article .timeline-filter-icon-search{
  --timeline-filter-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='6.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m16 16 4 4' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.timeline-article .timeline-filter-icon-project{
  --timeline-filter-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 5h7l2 2h9v12H3z'/%3E%3C/svg%3E");
}

.timeline-article .timeline-filter-icon-category{
  --timeline-filter-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5h9l7 7-8 8-8-8z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='9' cy='10' r='1.5' fill='black'/%3E%3C/svg%3E");
}

.timeline-article .timeline-filter-icon-discipline{
  --timeline-filter-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 8 8-4 8 4-8 4zm0 4 8 4 8-4M4 16l8 4 8-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.timeline-article .timeline-filter-icon-stage{
  --timeline-filter-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 21V4m0 1h11l-2.5 3L17 11H6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.timeline-article .timeline-filter-icon-date{
  --timeline-filter-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='5' width='18' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M7 3v4m10-4v4M3 10h18' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}

.timeline-article .timeline-filter-icon-verified{
  --timeline-filter-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m8 12 2.5 2.5L16 9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.timeline-article .timeline-filter-icon-deleted{
  --timeline-filter-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7h14m-9-3h4l1 3m2 0-1 14H8L7 7m3 4v6m4-6v6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.timeline-article .timeline-filter-panel{
  grid-column:1;
  width:100%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:11px;
  background:#242424;
  box-shadow:none;
}

.timeline-article .timeline-filter-head,
.timeline-article .timeline-filter-project,
.timeline-article .timeline-filter-group{
  display:flex;
  min-width:0;
  align-items:center;
  gap:9px;
  padding:10px 14px;
  border-top:1px solid rgba(255,255,255,.1);
}

.timeline-article .timeline-filter-head{
  justify-content:space-between;
  border-top:0;
  padding-bottom:8px;
}

.timeline-article .timeline-filter-head strong{
  color:#fff;
  font-size:11px;
}

.timeline-article .timeline-filter-head span{
  color:#aaa;
  font-size:9px;
}

.timeline-article .timeline-filter-tag-search{
  display:flex;
  gap:9px;
  align-items:center;
  margin:0 10px 8px;
  padding:8px 11px;
  border:1px solid #b9b9b9;
  border-radius:8px;
  background:#202020;
  color:#9b9b9b;
  box-shadow:0 0 0 3px var(--red);
}

.timeline-article .timeline-filter-project{
  color:#9e9e9e;
  font-size:10px;
}

.timeline-article .timeline-filter-project span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.timeline-article .timeline-filter-project b,
.timeline-article .timeline-filter-group b{
  margin-left:auto;
  color:#aaa;
}

.timeline-article .timeline-filter-chevron{
  width:7px;
  height:7px;
  flex:none;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg);
}

.timeline-article .timeline-filter-group{
  min-height:39px;
  box-sizing:border-box;
}

.timeline-article .timeline-filter-group>span{
  width:18px;
  color:#9b9b9b;
  text-align:center;
}

.timeline-article .timeline-filter-group strong{
  min-width:0;
  color:#ededed;
  font-size:10.5px;
}

.timeline-article .timeline-filter-toggle i{
  position:relative;
  width:36px;
  height:20px;
  flex:none;
  margin-left:auto;
  border-radius:999px;
  background:#555;
}

.timeline-article .timeline-filter-toggle i::after{
  position:absolute;
  top:3px;
  left:3px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  content:"";
}

.timeline-article .timeline-filter-toggle.is-on i{
  background:var(--red);
}

.timeline-article .timeline-filter-toggle.is-on i::after{
  transform:translateX(16px);
}

.timeline-article .timeline-ui-axis-years{
  gap:8px;
}

.timeline-article .timeline-ui-axis-years .timeline-ui-date{
  margin-bottom:5px;
  padding:2px 10px;
}

.timeline-article .timeline-showcase-years .timeline-ui-axis-years .timeline-ui-date{
  font-size:11px;
}

.timeline-article .timeline-showcase-years .timeline-ui-dot{
  box-shadow:0 0 0 4px var(--ink-3);
}

.timeline-article .timeline-project-cluster{
  display:flex;
  min-width:0;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:9px;
  background:#222;
}

.timeline-article .timeline-project-cluster>i{
  display:flex;
  width:27px;
  height:27px;
  flex:none;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  background:#303030;
  color:#aaa;
  font-size:0;
  font-style:normal;
}

.timeline-article .timeline-project-cluster>i::before{
  width:17px;
  height:17px;
  background:currentColor;
  content:"";
  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 6a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 6a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.timeline-article .timeline-project-cluster>span{
  display:grid;
  min-width:0;
  gap:2px;
}

.timeline-article .timeline-project-cluster strong,
.timeline-article .timeline-project-cluster small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.timeline-article .timeline-project-cluster strong{
  color:#ededed;
  font-size:8.5px;
}

.timeline-article .timeline-project-cluster small{
  color:#8f8f8f;
  font-size:7px;
}

.timeline-article .timeline-showcase-years .timeline-project-cluster strong{
  font-size:12px;
}

.timeline-article .timeline-showcase-years .timeline-project-cluster small{
  font-size:9.5px;
}

.timeline-article .timeline-project-cluster>b{
  flex:none;
  margin-left:auto;
  color:#777;
  opacity:1;
  visibility:visible;
}

.timeline-article .longform-faq .faq-answer:not([hidden]){
  display:grid;
  gap:14px;
}

.timeline-article .timeline-comparison{
  display:grid;
  width:min(100%,var(--measure));
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:12px;
  align-items:center;
}

.timeline-article .timeline-comparison p{
  width:100%;
  max-width:none;
  margin:0;
}

.timeline-article .timeline-comparison-before,
.timeline-article .timeline-comparison-after{
  display:flex;
  align-items:center;
  padding:10px 14px;
  border-radius:6px;
  font-size:17px;
  font-weight:400;
  line-height:1.5;
  white-space:nowrap;
}

.timeline-article .timeline-comparison-before{
  border:1px solid var(--line-strong);
  background:var(--ink-2);
  color:var(--grey-3);
}

.timeline-article .timeline-comparison-after{
  border:1px solid rgba(239,65,41,.42);
  background:linear-gradient(135deg,rgba(239,65,41,.16),rgba(239,65,41,.05));
  color:#fff;
}

.timeline-article .timeline-comparison p.timeline-comparison-turn{
  display:block;
  width:max-content;
  max-width:none;
  justify-self:center;
  color:#fff;
  font-size:14px;
  font-weight:400;
  letter-spacing:0;
}

.timeline-article .longform-section .timeline-comparison{
  width:min(100%,var(--measure));
}

.timeline-article .timeline-dimension{
  display:flex;
  width:min(100%,var(--measure));
  flex-wrap:wrap;
  gap:0 .45em;
  align-items:baseline;
  box-sizing:border-box;
  padding:12px 0 12px 18px;
  border-left:2px solid var(--red);
}

.timeline-article .timeline-dimension p{
  width:auto;
  max-width:none;
  margin:0;
  color:var(--grey-3);
  font-size:clamp(16px,1.6vw,18px);
  line-height:1.55;
}

.timeline-article .timeline-dimension .longform-emphasis{
  color:var(--timeline-text-red);
  font-size:clamp(18px,1.8vw,20px);
  font-weight:700;
  line-height:1.4;
  letter-spacing:-.01em;
}

.timeline-article .longform-faq{
  margin-bottom:40px;
}

.timeline-article .timeline-closing{
  display:flex;
  width:min(100%,var(--measure));
  flex-wrap:wrap;
  gap:0 .45em;
  align-items:baseline;
  margin-inline:auto;
  padding:12px 0 12px 18px;
  border:0;
  border-left:2px solid var(--red);
  background:none;
}

.timeline-article .timeline-closing>p{
  width:auto;
  max-width:none;
  margin:0;
}

.timeline-article .timeline-closing>p:first-child{
  color:var(--grey-3);
  font-size:clamp(24px,3vw,36px);
  font-weight:400;
  line-height:1.3;
  letter-spacing:-.01em;
  text-wrap:pretty;
}

.timeline-article .timeline-closing>p:last-child{
  display:block;
  color:var(--timeline-text-red);
  font-size:clamp(24px,3vw,36px);
  font-weight:700;
  line-height:1.3;
  letter-spacing:-.01em;
  text-transform:none;
  white-space:normal;
}

@media(max-width:900px){
  .timeline-article .longform-section>.timeline-filter-composition{
    width:min(100%,var(--measure));
    grid-template-columns:1fr;
    gap:18px;
    margin-inline:auto;
  }
}

@media(max-width:700px){
  .timeline-article .timeline-showcase{
    border-radius:11px;
  }

  .timeline-showcase.timeline-article{
    border-radius:11px;
  }

  .timeline-article .timeline-ui-line{
    left:8px;
  }

  .timeline-article .timeline-ui-moment{
    grid-template-columns:17px minmax(0,1fr);
  }

  .timeline-article .timeline-ui-date{
    grid-column:2;
    justify-self:start;
    margin-left:8px;
  }

  .timeline-article .timeline-ui-dot{
    grid-column:1;
  }

  .timeline-article .timeline-ui-moment-left>.timeline-project-cluster,
  .timeline-article .timeline-ui-moment-right>.timeline-project-cluster{
    grid-column:2;
    margin-left:8px;
  }

  .timeline-article .timeline-version-list{
    grid-template-columns:auto auto minmax(0,1fr) auto;
  }

  .timeline-article .timeline-version-row{
    gap:6px 7px;
  }

  .timeline-article .timeline-version-row time{
    grid-column:3;
    grid-row:2;
  }

  .timeline-article .timeline-version-number{
    grid-column:4;
    grid-row:1;
  }

  .timeline-article .timeline-version-tags{
    grid-column:3/5;
    grid-row:3;
  }

  .timeline-article .timeline-version-more{
    display:none;
  }

  .timeline-article .timeline-comparison{
    grid-template-columns:1fr;
    gap:8px;
  }

  .timeline-article .timeline-comparison-before,
  .timeline-article .timeline-comparison-after{
    padding:10px 12px;
    font-size:16px;
  }

  .timeline-article .timeline-comparison-before,
  .timeline-article .timeline-comparison-after{
    white-space:normal;
  }

  .timeline-article .timeline-comparison p.timeline-comparison-turn{
    justify-self:start;
  }
}

@media(max-width:600px){
  .timeline-article .timeline-ui{
    padding:14px 12px;
  }

  .timeline-article .timeline-ui-header{
    gap:10px;
    margin-bottom:14px;
  }

  .timeline-article .timeline-ui-header strong{
    font-size:14px;
  }

  .timeline-article .timeline-ui-header>div>span{
    font-size:9px;
  }

  .timeline-article .timeline-ui-header .timeline-ui-primary{
    padding:7px 8px;
    font-size:8px;
  }

  .timeline-article .timeline-ui-chips{
    gap:5px;
  }

  .timeline-article .timeline-ui-chips>span{
    min-height:38px;
    box-sizing:border-box;
    justify-content:center;
    padding:6px 5px;
    font-size:8px;
    line-height:1.15;
    text-align:center;
    white-space:normal;
  }

  .timeline-article .timeline-ui-chips i{
    flex:none;
    margin-left:1px;
  }

  .timeline-article .timeline-ui-zoom{
    width:100%;
  }

  .timeline-article .timeline-version-row{
    padding:10px 8px;
  }

  .timeline-article .timeline-version-file strong{
    font-size:9px;
  }

  .timeline-article .timeline-version-tags b{
    font-size:7.5px;
  }

  .timeline-article .timeline-showcase-filters .timeline-ui{
    grid-template-columns:1fr;
    justify-content:stretch;
  }

  .timeline-article .timeline-filter-button,
  .timeline-article .timeline-filter-search{
    min-height:33px;
    padding:7px 9px;
    font-size:9px;
  }

  .timeline-article .timeline-filter-button{
    width:max-content;
  }

  .timeline-article .timeline-filter-panel{
    grid-column:1;
  }

  .timeline-article .timeline-filter-head,
  .timeline-article .timeline-filter-project,
  .timeline-article .timeline-filter-group{
    padding-right:11px;
    padding-left:11px;
  }

  .timeline-article .timeline-filter-group strong{
    font-size:9px;
  }

  .timeline-article .timeline-project-cluster{
    padding:8px;
  }

  .timeline-article .timeline-project-cluster strong{
    font-size:8px;
  }

  .timeline-article .timeline-path{
    grid-template-columns:1fr;
    gap:9px;
    justify-items:start;
    padding:4px 0 4px 18px;
    border-top:0;
    border-bottom:0;
    border-left:1px solid rgba(239,65,41,.62);
  }

  .timeline-article .timeline-path-step{
    font-size:14px;
    text-align:left;
  }

  .timeline-article .timeline-path-arrow{
    margin-left:3px;
    transform:rotate(90deg);
  }

  .timeline-article .timeline-info-callout{
    gap:10px;
    padding-left:18px;
  }

  .timeline-article .timeline-dimension{
    gap:0 .4em;
    padding:10px 0 10px 14px;
  }

  .timeline-article .timeline-dimension p{
    font-size:16px;
  }

  .timeline-article .timeline-dimension .longform-emphasis{
    font-size:18px;
  }

  .timeline-article .timeline-closing{
    gap:0 .4em;
    padding:10px 0 10px 14px;
  }

  .timeline-article .longform-faq{
    margin-bottom:32px;
  }

}