/* ============================================================
   RIA Utility pages — shared ambience + motion layer
   Used by Apply, About, Terms, Privacy, Content Guidelines and
   the generic tag/category archive template. Mirrors the grid +
   glow + reveal + magnet vocabulary already established on
   Distribution/Publishing/etc, scoped under .riau so it can't
   collide with any page-specific class prefix.
   ============================================================ */
.riau{position:relative}
.riau *{box-sizing:border-box}

.riau-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#FF5A1F,#FFB58A);z-index:90;pointer-events:none}

/* ambience: grid + glow, sit behind hero content */
.riau-grid-layer{position:absolute;inset:-20% 0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;pointer-events:none;z-index:0}
.riau-glow{position:absolute;border-radius:50%;filter:blur(24px);pointer-events:none;z-index:0}
.riau-glow--hero{top:-360px;left:-200px;width:900px;height:900px;background:radial-gradient(circle,rgba(255,90,31,.2),rgba(255,90,31,0) 62%)}
.riau-glow--r{right:-260px;left:auto;top:10%;width:760px;height:760px;background:radial-gradient(circle,rgba(255,90,31,.14),rgba(255,90,31,0) 65%)}

.riau-hero-mask{overflow:hidden;display:block}
.riau-hero-mask > span{display:block;will-change:transform}

/* card reveal accent rule (drawn in on scroll) */
.riau-rule{height:1px;background:#FF5A1F;transform-origin:0 50%;margin-top:2px}

/* chip hover-lift (used for FAQ/legal TOC pills, wizard chips already have their own but this covers generic ones) */
[data-riau-chip]{transition:transform .15s}

/* magnetic CTA base (JS drives transform, this just ensures a transform origin) */
[data-riau-magnet]{display:inline-block;will-change:transform}