/* ============================================================
Wellness Dental — shared page design system
Namespace: wd- classes, --wd-* custom properties, scoped under .wd-page
Reference build: wellness-dental-results.html (Concept D base, v2 typography spec)
Typography spec: 11-typography-spec-for-designer.md
Also powers: wellness-dental-location-{chandler,glendale,mesa,oro-valley,
surprise,tucson-east}.html — migrated 2026-08-27 off their older, withdrawn
v1 type scale onto this shared v2 system — and wellness-dental-scholarship.html
(see "scholarship-page additions" below). Do not reintroduce a page-local
copy of :root vars or h1/h2/h3/eyebrow rules — that's exactly the drift
this file exists to prevent.
USAGE ON A NEW PAGE
1. Link this file (in if you control it, otherwise a
tag placed at the top of the pasted snippet works too):
2. Wrap the page content in
...
.
3. Reuse the existing wd-* component classes (wd-hero, wd-story,
wd-vidgrid, wd-t20, wd-acc, wd-final, wd-docmod, wd-docgrid,
wd-qstats, wd-maprow, wd-reviews, etc.) — do not fork new
one-off styles per page; extend this file instead so every
page stays visually consistent.
4. Note: wd-qstats/wd-qstat/wd-qstat-icn (icon-led quick-facts row,
used in location page heroes) is intentionally NOT named wd-stats/
wd-stat — that name is taken by the numeral stat band (wd-statsband
.wd-stat .wd-n/.wd-l) used on the results page. Keep them distinct.
5. Page-specific CSS (unique to one page only) should stay local
to that page's own