fix(qa2): responsive Latest-news/FAQ at tablet + muted-text contrast sweep
Deploy to Production on Develop Push / deploy (push) Successful in 22s

- Latest-news row and FAQ grid now go 3 -> 2 -> 1 columns (added a 1024px
  tablet step); .news-card drops its brittle fixed 405.33px width and fills a
  responsive grid cell. Fixes cramped 3-across cards on 769-1024px.
- Contrast: replace #98A2B3 text color (2.58:1 on white) with the palette
  muted #667085 (~4.8:1) across 13 CSS files (31 text-color uses; borders/
  backgrounds untouched, verified none on dark backgrounds).
- Re-stamped cache-bust (v=6770822f).

Note: the ~20px-looser header top-gap at 769-1024px is left as a minor,
lower-risk follow-up (would need a coordinated multi-page padding pass).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-27 19:33:31 +02:00
1 parent c5bdb59a92
commit 0052b38c1c
275 files changed
+1482 -1472

No files matched your search

+6 -6
View File
@@ -524,7 +524,7 @@
}
.guide-feedback-btn i {
font-size: 13px;
color: #98A2B3;
color: #667085;
}
.guide-feedback-btn[data-vote="yes"]:hover {
border-color: #12B76A;
@@ -692,7 +692,7 @@
border-radius: 10px;
background: #FFFFFF;
}
.guide-field input[type="text"]::placeholder { color: #98A2B3; }
.guide-field input[type="text"]::placeholder { color: #667085; }
.guide-field input[type="text"]:focus { outline: none; border-color: #2D738C; box-shadow: 0 0 0 3px rgba(45,115,140,0.12); }
.guide-route-actions { margin-top: 20px; display: flex; gap: 12px; flex-wrap: wrap; }
@@ -787,7 +787,7 @@
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: #98A2B3;
color: #667085;
}
/* Stage accordion (six journey stages) */
@@ -853,7 +853,7 @@
}
.guide-cat-caret {
flex-shrink: 0;
color: #98A2B3;
color: #667085;
font-size: 14px;
transition: transform .2s ease;
}
@@ -938,7 +938,7 @@
}
.route-report-logo { height: 46px; width: auto; }
.route-report h1 { font-size: 27px; font-weight: 800; letter-spacing: -.02em; margin: 0; color: #101828; }
.route-report-date { margin: 6px 0 0; font-size: 13px; color: #98A2B3; }
.route-report-date { margin: 6px 0 0; font-size: 13px; color: #667085; }
.route-report-intro { color: #475467; line-height: 25px; margin: 0 0 8px; }
.route-report h2 { font-size: 17px; color: #101828; margin: 24px 0 10px; }
.route-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 6px; }
@@ -952,7 +952,7 @@
border-radius: 10px;
background: #FCFCFD;
}
.route-chip span { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #98A2B3; }
.route-chip span { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #667085; }
.route-chip strong { font-size: 14px; font-weight: 600; color: #101828; }
.route-steps { list-style: none; counter-reset: rstep; padding: 0; margin: 0; }
.route-steps li {