fix(qa2): responsive Latest-news/FAQ at tablet + muted-text contrast sweep
Deploy to Production on Develop Push / deploy (push) Successful in 22s
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:
1 parent
c5bdb59a92
commit
0052b38c1c
275 files changed
+1482
-1472
No files matched your search
@@ -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 {
|
||||
|
||||
Reference in new issue
Block a user