/* counselling-supervisor.ai — shared styles * Base reset + typography + accessibility. The design's structural styles * remain inline in the markup (faithful port of the finished design), with * container-query units (cqw) converted to viewport units (vw): the design * wrapper is container-type:inline-size at width:100% directly under , * so 1cqw == 1vw exactly. This file holds the shared base rules (ported from * the design ), plus focus-visible, screen-reader, form and * reduced-motion rules that a static, keyboard-accessible page needs. */ html, body { margin: 0; padding: 0; background: #1A140E; -webkit-font-smoothing: antialiased; } *, *::before, *::after { box-sizing: border-box; } a { color: #D98E63; text-decoration: none; } a:hover { color: #E9A87F; } body { color: #EFE7DA; font-family: 'Public Sans', system-ui, sans-serif; } /* Visible keyboard focus everywhere (design shipped outline:none on inputs). */ a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid #E9A87F; outline-offset: 2px; border-radius: 6px; } /* Visually-hidden but screen-reader-available (form labels). */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Waitlist joined-state line is hidden until a successful submit. */ .joined-line { display: none; } .waitlist-joined .waitlist-form { display: none; } .waitlist-joined .joined-line { display: block; } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }