.annualBrief {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(30px, 6vw, 80px);
  padding: 56px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.annualBrief ul { margin: 0; padding-left: 20px; color: #34343a; font-size: 17px; line-height: 1.65; }
.annualBrief li + li { margin-top: 10px; }
.annualTextLink { display: inline-flex; margin-top: 18px; font-weight: 750; }
.annualRecordGrid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.annualDataNotice { max-width: 820px; padding: 16px 18px; border-left: 3px solid #8b6d24; background: #faf6e9; color: #4c432d; line-height: 1.55; }
.annualMonthNav { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 18px 0 26px; }
.annualMonthNav span { margin-right: 6px; color: #68686e; font-size: 13px; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.annualMonthNav a { padding: 8px 11px; border: 1px solid rgba(0, 0, 0, .12); border-radius: 999px; font-size: 14px; font-weight: 700; }
.annualContinue { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 56px 0; background: rgba(0, 0, 0, .1); }
.annualContinue a { display: flex; flex-direction: column; gap: 8px; min-height: 132px; padding: 22px; background: #fff; }
.annualContinue span { color: #68686e; font-size: 13px; }
.annualContinue strong { font-size: 17px; line-height: 1.3; }
.archiveResultRow[id] { scroll-margin-top: 110px; }
@media (max-width: 760px) {
  .annualBrief, .annualContinue { grid-template-columns: 1fr; }
  .annualContinue a { min-height: auto; }
}