.tc-timeline-section{margin:0 0 var(--s10);}
.tc-refund-heading{scroll-margin-top:calc(var(--header-h, 72px) + var(--s4));}
.tc-timeline-head{margin:0 0 var(--s5);}
.tc-timeline-head h2{margin:0;}
.tc-timeline{
  margin:0;
  padding:0;
  border-top:1px solid var(--g300);
  list-style:none;
}
.tc-timeline-item{
  display:grid;
  grid-template-columns:88px 92px minmax(0,1fr);
  gap:var(--s3);
  padding:var(--s5) 0;
  border-bottom:1px solid var(--g300);
  color:inherit;
  text-decoration:none;
}
.tc-timeline-date{
  padding-top:2px;
  color:var(--g500);
  font-family:var(--sans);
  font-size:var(--fs-meta);
  font-weight:600;
  letter-spacing:.02em;
}
.tc-timeline-meta{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--s2);}
.tc-timeline-tag{
  color:var(--brand);
  font-family:var(--sans);
  font-size:var(--fs-label);
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.45;
}
.tc-timeline-new{
  color:var(--brand);
  font-family:var(--sans);
  font-size:var(--fs-label);
  font-weight:700;
  line-height:1.45;
}
.tc-timeline-title{
  margin:0 0 var(--s1);
  color:var(--black);
  font-family:var(--sans);
  font-size:var(--fs-h3);
  font-weight:600;
  line-height:1.34;
}
.tc-timeline-impact{
  margin:0;
  color:var(--g700);
  font-family:var(--serif);
  font-size:var(--fs-meta);
  line-height:1.65;
}
.tc-timeline-impact b{
  margin-right:var(--s2);
  color:var(--black);
  font-family:var(--sans);
  font-size:var(--fs-label);
  font-weight:600;
  letter-spacing:.05em;
}
.tc-timeline-go{
  display:inline-block;
  margin-top:var(--s2);
  color:var(--brand);
  font-family:var(--sans);
  font-size:var(--fs-meta);
  font-weight:600;
}
.tc-timeline-item:hover{background:var(--bg);}
.tc-timeline-item:hover .tc-timeline-title{color:var(--brand);}

/* Approved reading layout and article rhythm for the Traditional Chinese tariff center. */
@media (min-width:961px){
  #content .art-layout{
    grid-template-columns:minmax(0,640px) 320px;
    justify-content:center;
    gap:96px;
  }
  #content .art-layout .art-reading{max-width:640px;}
  #content .art-layout .art-aside{
    position:sticky;
    top:calc(var(--header-h,62px) + 35px + 24px); /* header + 35px tophat bar, both sticky */
  }

  #content .art-layout .art-reading .sec-head{margin:0;}
  #content .art-layout .tc-timeline-section{margin:0;}
  #content .art-layout .art-reading h2{
    font-size:28px;
    margin:80px 0 16px;
  }
  #content .art-layout .tc-timeline-section h2{margin-top:0;}

  #content .art-layout .art-reading .article h3{margin:40px 0 12px;}
  #content .art-layout .art-reading .article p{margin-bottom:24px;}
  #content .art-layout .art-reading .article li{margin-bottom:8px;}

  #content .art-layout .tc-timeline-head{padding-top:5px;}
  #content .art-layout .tc-timeline-title{
    font-size:20px;
    margin-bottom:12px;
  }
  #content .art-layout .tc-timeline-meta{
    align-items:baseline;
    flex-wrap:nowrap;
    gap:8px;
    white-space:nowrap;
  }
}

@media (max-width:640px){
  .tc-timeline-item{grid-template-columns:1fr;gap:var(--s1);padding:var(--s4) 0;}
  .tc-timeline-meta{gap:var(--s3);}

  #content .art-layout .art-reading .sec-head{margin:0;}
  #content .art-layout .tc-timeline-section{margin:0;}
  #content .art-layout .art-reading h2{
    font-size:22px;
    margin:56px 0 12px;
  }
  #content .art-layout .tc-timeline-section h2{margin-top:0;}
  #content .art-layout .art-reading .article h3{margin:32px 0 10px;}
  #content .art-layout .tc-timeline-title{
    font-size:18px;
    margin-bottom:12px;
  }
  #content .art-layout .tc-timeline-meta{
    align-items:baseline;
    flex-wrap:nowrap;
    gap:8px;
    white-space:nowrap;
  }
}