/* ============================================================================ pd2-rail.css — Decision rail & contact reveal OWNER: W3. No other workstream may edit this file. EVERY selector in this file must start with `.pd2-r-`. Consume the tokens from pd2-tokens.css (var(--pd2-*)); do not hardcode a colour, radius or shadow that already exists there. This file owns its own responsive rules — there is no shared responsive file. Design source: website html/index/property-detail-v3.html .rail / .card / .price-card / .pc-* / .btn-primary / .btn-ghost / .reveal-box / .rb-* / .g-ribbon / .owner-card / .oc-* / .safety SPECIFICITY NOTE — pd2-tokens.css resets buttons, links, images and headings as `.pd2-root button` / `.pd2-root a` (0,1,1). A bare component class (0,1,0) LOSES to that, so a `.pd2-r-btn{background:...}` written flat would render transparent. Every component rule below is therefore written as a descendant of `.pd2-r-rail` (0,2,0) — which still starts with the stream's prefix, and keeps the whole section immune to the shared reset. ========================================================================== */ /* ----------------------------------------------------------- rail column -- Prototype puts `position:sticky` on `.rail`, which IS the grid item — a grid item sticks inside its grid AREA (full row height), not inside its own auto height, which is what makes it work under `align-items:start`. The shell renders the grid item as