.trend-guide-main .standalone-hero { padding-bottom: 16px; max-width: 820px; }
.trend-guide-main .standalone-hero h1 { font-size: clamp(32px, 4.7vw, 54px); line-height: 1.1; }
.trend-guide-main .standalone-hero p { font-size: 16px; line-height: 1.65; max-width: 760px; }
.trend-guide-main .standalone-note { font-size: 13px; margin-bottom: 16px; }
.trend-guide-main .deep-dive { margin-top: 18px; }
.trend-checker { margin: 16px 0 20px; }
.trend-checker [hidden] { display: none; }
.trend-checker label { display: block; font-weight: 750; font-size: 15px; margin-bottom: 8px; }
.trend-checker select { width: 100%; max-width: 440px; }
.trend-checker .selection-summary { font-size: 14px; margin-top: 12px; }
.trend-guide-main .feature-status { display: block; font-weight: 750; color: var(--ink); margin-bottom: 4px; }
.trend-guide-main .feature-note { display: block; }
.trend-guide-main .brief-table caption { text-align: left; font-size: 13px; padding-bottom: 10px; color: var(--muted); }
.trend-guide-main .brief-table th:first-child { width: 30%; }
.trend-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 18px 0; }
.trend-actions a.button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; white-space: normal; text-align: center; }
.trend-actions a.button.primary { color: #fff; text-decoration: none; }
.trend-source-note { font-size: 13px !important; }
@media (max-width: 620px) {
  .trend-guide-main .standalone-hero h1 { font-size: 33px; }
  .trend-guide-main .brief-table { table-layout: fixed; }
  .trend-guide-main .brief-table th:first-child { width: 34%; }
  .trend-guide-main .brief-table th, .trend-guide-main .brief-table td { overflow-wrap: anywhere; }
  .trend-actions { align-items: stretch; }
  .trend-actions a.button { width: 100%; }
}
.trend-guide-main { padding-top: 28px; }