Gutter
clamp(.875rem, 2.2vw, 3.5rem)
DESIGN SYSTEM
A layout that grows between breakpoints instead of jumping between them.
Fluid gutters, typography, cards, content widths, status density, and touch targets respond continuously to available space while retaining the existing palette, serif hierarchy, freedom bar, and approved hero.
V0.41 CURRENT SHELLJudgment state: NONE
Core tokens
The current shell uses one fluid gutter, one wide content ceiling, one reading measure, clamp-based display scales, auto-fit grids, bounded touch targets, and progressive container queries.
Content
92rem maximum with two fluid gutters
Reading
76ch maximum
Cards
auto-fit with component minimums
Touch
44 CSS pixel minimum
Motion
reduced-motion override
Preserved visual identity
The approved hero image remains a real DOM image with exact bytes and dimensions. Dark green/teal surfaces, warm gold evidence cues, serif display typography, and quiet bordered cards remain recognizable across all routes.
Protected hero SHA-256:
d1b88e9ec6c0f9f905cf9f173e7e947b55e1a18333aec4eff7f23194418099cd · 1672 × 941EVIDENCE BOUNDARY
Local mechanism, explicit authorization, operational execution, and participant standing remain separate.
Implemented locally
One current stylesheet, local measured browser evidence, and exact protected-image validation.
Not supplied or verified
Independent design research, user testing, accessibility certification, or deployed performance measurement.
Exact current condition
LOCAL_LIQUID_LAYOUT_IMPLEMENTED
No participant judgment
Cancellation, refusal, expiry, rollback, correction, and blocked evidence have participant-evaluation and standing effects NONE.
NO JUDGMENT WHATSOEVER. A technical state is not a moral condition.