Essential session storage is required to sign in. Optional analytics remain off unless you allow them.
Take a plain semantic HTML page and style it with a single external stylesheet — no CSS framework, no inline styles. Requirements: apply a modern reset with box-sizing: border-box; use a small set of CSS custom properties (:root design tokens) for your colors and spacing; style typography (font-family, rem font-sizes, line-height); and use only LOW-SPECIFICITY class selectors (no IDs for styling, no !important). In a short write-up, compute the specificity of two of your selectors as (ID, class, type) tuples and explain why keeping them flat makes overrides predictable.
Low, flat specificity (classes not IDs, no !important); correctly computes a couple of specificity tuples and explains override predictability.
box-sizing:border-box reset; custom properties (:root tokens) for colors/spacing reused via var(); no magic numbers.
Sensible font stack, rem sizes, unitless line-height, readable measure.
Use this README structure to make the work reviewable.
DevPath fetches a read-only, size-capped snapshot. Submitted code is never executed.
# Style a page with the cascade (no framework) ## Goal Take a plain semantic HTML page and style it with a single external stylesheet — no CSS framework, no inline styles. Requirements: apply a modern reset with box-sizing: border-box; use a small set of CSS custom properties (:root design tokens) for your colors and spacing; style typography (font-family, rem font-sizes, line-height); and use only LOW-SPECIFICITY class selectors (no IDs for styling, no !important). In a short write-up, compute the specificity of two of your selectors as (ID, class, type) tuples and explain why keeping them flat makes overrides predictable. ## Acceptance criteria - [ ] Cascade & specificity: Low, flat specificity (classes not IDs, no !important); correctly computes a couple of specificity tuples and explains override predictability. - [ ] Tokens & reset: box-sizing:border-box reset; custom properties (:root tokens) for colors/spacing reused via var(); no magic numbers. - [ ] Typography: Sensible font stack, rem sizes, unitless line-height, readable measure. ## Verification - [ ] Document installation and run commands. - [ ] Record automated checks and their exact commands. - [ ] Add representative output, screenshots, or a short demo where useful. - [ ] Confirm failure paths and known constraints. ## Decision log ### Decision title - Context: - Choice: - Alternatives considered: - Tradeoffs: ## Evidence - Link each rubric criterion to the file, test, or artifact that demonstrates it. ## Known limitations - List what is intentionally out of scope and what should be improved next.