/* Rosify 2.0 intent pages: explanation, FAQ and related links under the demo video.
   Inherits the mood palette (--ink, --muted, --soft, --accent) from the atmosphere page. */
.rl-content{margin-top:44px;display:grid;gap:30px;font-size:15px;line-height:1.65;color:var(--ink)}
.rl-content h2{font-family:AtPoppins,sans-serif;font-weight:700;letter-spacing:-.6px;line-height:1.2;margin:0 0 10px;font-size:clamp(20px,5.4vw,24px);text-wrap:balance}
.rl-content p{margin:0 0 10px;color:var(--muted)}
.rl-content p:last-child{margin-bottom:0}
.rl-breadcrumb{display:flex;gap:6px;align-items:center;font-size:12px;opacity:.7}
.rl-breadcrumb a{color:inherit}
.rl-intro h2{font-size:clamp(23px,6.4vw,28px)}
.rl-steps,.rl-list{margin:0;padding:0;list-style:none;display:grid;gap:10px;color:var(--muted)}
.rl-steps{counter-reset:rl-step}
.rl-steps li,.rl-list li{position:relative;padding-left:36px;min-height:26px}
.rl-steps li::before{counter-increment:rl-step;content:counter(rl-step);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:var(--soft);color:var(--ink);font-weight:700;font-size:13px}
.rl-list li::before{content:"";position:absolute;left:9px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.rl-cta{justify-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none}
.rl-cta:focus-visible,.rl-faq summary:focus-visible,.rl-related a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.rl-faq details{border-top:1px solid color-mix(in srgb,var(--ink) 16%,transparent);padding:14px 0}
.rl-faq details:last-child{border-bottom:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}
.rl-faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
.rl-faq summary::-webkit-details-marker{display:none}
.rl-faq summary::after{content:"+";font-weight:700;flex:none;transition:transform .2s}
.rl-faq details[open] summary::after{transform:rotate(45deg)}
.rl-faq details p{margin-top:8px}
.rl-related ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.rl-related a{display:inline-block;padding:8px 14px;border-radius:999px;background:var(--soft);color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}
@media (prefers-reduced-motion:reduce){.rl-faq summary::after{transition:none}}
/* The atmosphere page sets .at-page a{color:inherit}; keep the CTA text white and chips on the mood ink. */
html[data-at-entry="true"] .at-page a.rl-cta{color:#fff}
html[data-at-entry="true"] .at-page .rl-related a{color:var(--ink)}
/* Tool pages link to /rosicoins instead of opening the rewards sheet. */
html[data-at-entry="true"] .at-entry-meta a.rv-entry-button{text-decoration:none}