/* style */ body.rtly-fhead input[type=text],body.rtly-fhead input[type=email],body.rtly-fhead input[type=tel],body.rtly-fhead input[type=password],body.rtly-fhead input[type=number],body.rtly-fhead select,body.rtly-fhead textarea{border:1px solid #E6E9EF!important;border-radius:9.2px!important;background:#fff!important;font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:14px!important;color:#18181B!important;padding:10px 14px!important;box-shadow:none!important;transition:none!important}body.rtly-fhead input:focus,body.rtly-fhead select:focus,body.rtly-fhead textarea:focus{border-color:#B9C0CC!important;outline:none!important}body.rtly-fhead input::placeholder,body.rtly-fhead textarea::placeholder{color:#9AA1AA!important}body.rtly-fhead label{font-size:13px!important;font-weight:600!important;color:#333A44!important}body.rtly-fhead button[type=submit],body.rtly-fhead .button.alt,body.rtly-fhead #place_order{background:#16181D!important;color:#fff!important;border:0!important;border-radius:10px!important;font-weight:600!important;padding:12px 22px!important;transition:none!important} /* rtly-hdrline-css */ html body header.cs-header{border-bottom:0!important;box-shadow:none!important}html body header.cs-header::after{display:none!important}html body header.cs-header .cs-header__inner-desktop{border-bottom:2px solid #0C0E12!important}html.rtly-dark body header.cs-header .cs-header__inner-desktop{border-bottom-color:#E5EAF1!important}div[id^=\"aswift_\"]:has(> ins[data-ad-status=\"unfilled\"]),ins.adsbygoogle[data-ad-status=\"unfilled\"]{display:none!important;height:0!important;min-height:0!important} /* rtly-hlwide2-css */ html body.single .cs-site-content .cs-container{max-width:min(1500px,90vw)!important}html body.single .cs-main-content{max-width:none!important}html body.single article{max-width:none!important;width:100%!important}html body.single .cs-entry__header,html body.single .cs-entry__header .cs-container{max-width:min(1500px,90vw)!important;margin-left:auto!important;margin-right:auto!important} /* style */ body.rtly-fhead,body.rtly-fhead .cs-site,body.rtly-fhead .cs-site-inner,body.rtly-fhead .cs-site-primary,body.rtly-fhead .cs-site-content,body.rtly-fhead .cs-main-content,body.rtly-fhead .cs-container,body.rtly-fhead #page,body.rtly-fhead #content,body.rtly-fhead main{background:#fff!important;background-image:none!important;transition:none!important}html.rtly-desk:not(.rtly-dark) body,html.rtly-desk:not(.rtly-dark) .cs-site,html.rtly-desk:not(.rtly-dark) .cs-site-inner,html.rtly-desk:not(.rtly-dark) .cs-site-primary,html.rtly-desk:not(.rtly-dark) .cs-site-content,html.rtly-desk:not(.rtly-dark) .cs-main-content,html.rtly-desk:not(.rtly-dark) .cs-container,html.rtly-desk:not(.rtly-dark) #page,html.rtly-desk:not(.rtly-dark) #content,html.rtly-desk:not(.rtly-dark) main{background:#fff!important;background-image:none!important;transition:none!important} /* rtly-hovcss-css */ @media(min-width:601px){html body .cs-header:has(.rtly-icon-btn--menu:hover) #rtly-menu,#rtly-menu:hover{display:block!important}#rtly-menu.rtly-docked{position:absolute!important;top:100%!important;right:0!important;left:auto!important}} /* style */ a.cld-like-dislike-trigger {color: #0a0101;}span.cld-count-wrap {color: #0a0a0a;}a.cld-prevent.cld-undo-trigger {color: #0a0a0a;} /* style */ html:not(.rtly-light) body.rtly-fhead,html:not(.rtly-light) body.rtly-fhead .cs-site,html:not(.rtly-light) body.rtly-fhead .cs-site-inner,html:not(.rtly-light) body.rtly-fhead .cs-site-primary,html:not(.rtly-light) body.rtly-fhead .cs-site-content,html:not(.rtly-light) body.rtly-fhead .cs-main-content,html:not(.rtly-light) body.rtly-fhead .cs-container,html:not(.rtly-light) body.rtly-fhead #page,html:not(.rtly-light) body.rtly-fhead #content,html:not(.rtly-light) body.rtly-fhead main{background:#000!important;background-image:none!important}html:not(.rtly-light) body.rtly-fhead{color:#C9D1DB!important}html:not(.rtly-light) body.rtly-fhead h1,html:not(.rtly-light) body.rtly-fhead h2,html:not(.rtly-light) body.rtly-fhead h3,html:not(.rtly-light) body.rtly-fhead h4{color:#E5EAF1!important}html:not(.rtly-light) body.rtly-fhead header.cs-header,html:not(.rtly-light) body.rtly-fhead header.cs-header .cs-container{background:#000!important}html:not(.rtly-light) body.rtly-fhead header.cs-header::after{background:#1A1D22!important}html:not(.rtly-light) body.rtly-fhead .cs-header__logo,html:not(.rtly-light) body.rtly-fhead .cs-header__logo .rtly-tm{color:#E5EAF1!important}html:not(.rtly-light) body.rtly-fhead #rtly-hbar{background:#0C0C0C!important;border-color:#22262C!important}html:not(.rtly-light) body.rtly-fhead #rtly-hbar input{color:#E5EAF1!important}html:not(.rtly-light) body.rtly-fhead .entry-content{color:#B6BEC9!important}html:not(.rtly-light) body.rtly-fhead input[type=text],html:not(.rtly-light) body.rtly-fhead input[type=email],html:not(.rtly-light) body.rtly-fhead input[type=tel],html:not(.rtly-light) body.rtly-fhead input[type=password],html:not(.rtly-light) body.rtly-fhead input[type=number],html:not(.rtly-light) body.rtly-fhead select,html:not(.rtly-light) body.rtly-fhead textarea{background:#0C0C0C!important;border-color:#22262C!important;color:#E5EAF1!important}html:not(.rtly-light) body.rtly-fhead label{color:#C9D1DB!important}html:not(.rtly-light) body.rtly-fhead button[type=submit],html:not(.rtly-light) body.rtly-fhead .button.alt,html:not(.rtly-light) body.rtly-fhead #place_order{background:#E8ECF2!important;color:#0A0A0A!important}html.rtly-desk.rtly-dark header.cs-header,html.rtly-desk.rtly-dark header.cs-header .cs-container{background:#000!important}html.rtly-desk.rtly-dark header.cs-header::after{background:#1A1D22!important}html.rtly-desk.rtly-dark .cs-header__logo,html.rtly-desk.rtly-dark .cs-header__logo .rtly-tm{color:#E5EAF1!important}html.rtly-desk.rtly-dark #rtly-hbar{background:#0C0C0C!important;border-color:#22262C!important}html.rtly-desk.rtly-dark #rtly-hbar input{color:#E5EAF1!important} /* style */ html:not(.rtly-authed) body.rtly-fhead header.cs-header .cs-header__inner-desktop:has(> #rtly-signup){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important}html:not(.rtly-authed) body.rtly-fhead .cs-header__inner-desktop:has(> #rtly-signup) > .cs-header__col:first-child{flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;transition:none!important}html:not(.rtly-authed) body.rtly-fhead .cs-header__inner-desktop:has(> #rtly-signup) > .cs-header__col:not(:first-child){flex:0 0 auto!important;transition:none!important}html:not(.rtly-authed) body.rtly-fhead .cs-header__inner-desktop:has(> #rtly-signup) > .cs-header__col:not(:first-child):empty{display:none!important}#rtly-hiw#rtly-hiw#rtly-hiw{margin:0 0 0 4px!important;font:500 13.5px/1 "Noto Sans",sans-serif!important;color:#5C626C!important;text-decoration:none!important;transition:none!important}#rtly-hiw#rtly-hiw#rtly-hiw .i{width:18px!important;height:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;background-image:none!important;border:1.5px solid #c9a227!important;color:#8a6d1f!important;border-radius:50%!important;font:700 11px/1 Georgia,serif!important;transition:none!important}html:not(.rtly-authed) #rtly-login#rtly-login#rtly-login{display:inline-flex!important;align-items:center!important;margin:0!important;padding:7px 15px!important;height:30px!important;box-sizing:border-box!important;font:600 14px/1 "Noto Sans",sans-serif!important;color:#0E0F11!important;background:#fff!important;border:1px solid #E4E7EB!important;border-radius:9999px!important;text-decoration:none!important;transition:none!important}html:not(.rtly-authed) #rtly-signup#rtly-signup#rtly-signup{display:inline-flex!important;align-items:center!important;margin:0 0 0 -6px!important;padding:7px 15px!important;height:31px!important;box-sizing:border-box!important;font:600 14px/1 "Noto Sans",sans-serif!important;color:#8A6D1F!important;background:#fff!important;background-image:none!important;border:1.5px solid #C9A227!important;border-radius:9999px!important;text-decoration:none!important;transition:none!important}#rtly-signup#rtly-signup#rtly-signup:hover{background:#FFFAEC!important;color:#7A5B0B!important;border-color:#C9A227!important}#rtly-login#rtly-login#rtly-login:hover{background:#F7F8F9!important}html.rtly-authed #rtly-login#rtly-login#rtly-login,html.rtly-authed #rtly-signup#rtly-signup#rtly-signup{display:none!important}html:not(.rtly-authed) header.cs-header .rtly-icon-btn--menu.rtly-icon-btn--menu.rtly-icon-btn--menu{width:38px!important;height:38px!important;padding:8px!important;border-radius:8px!important;margin-left:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:none!important}html:not(.rtly-light) #rtly-hiw#rtly-hiw#rtly-hiw{color:#9AA1AA!important}html:not(.rtly-light) #rtly-hiw#rtly-hiw#rtly-hiw .i{background:transparent!important}html:not(.rtly-light):not(.rtly-authed) #rtly-login#rtly-login#rtly-login{background:transparent!important;color:#E5EAF1!important;border-color:#2A313B!important}html:not(.rtly-light):not(.rtly-authed) #rtly-signup#rtly-signup#rtly-signup{background:transparent!important} /* style */ body.rtly-fhead .rpg-band,body.rtly-fhead .rpg-team,body.rtly-fhead .rtly-newart-page{background:#fff!important;background-image:none!important;transition:none!important}html:not(.rtly-light) body.rtly-fhead .rpg-band,html:not(.rtly-light) body.rtly-fhead .rpg-team,html:not(.rtly-light) body.rtly-fhead .rtly-newart-page{background:#000!important} /* rtly-lite-css */ #rtly-lite{max-width:1200px;margin:0 auto;padding:0 12px}#rtly-lite .lt-strip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 2px;font:400 13.5px "Noto Sans",sans-serif;color:#3A414B}#rtly-lite .lt-date{font-weight:700;font-size:15px;color:#16181D}#rtly-lite .lt-mk{display:inline-flex;gap:16px;flex-wrap:wrap}#rtly-lite .lt-q b{font-weight:700;color:#16181D}#rtly-lite .lt-q i{font-style:normal;font-weight:700}#rtly-lite .lt-up{color:#0B8F3A}#rtly-lite .lt-dn{color:#DC2626}#rtly-lite .lt-wx{margin-left:auto;color:#5C626C}#rtly-lite .lt-pulse{display:flex;align-items:center;gap:12px;border:1px solid #EAEDF2;border-radius:12px;padding:9px 14px;margin:2px 0 10px;font:400 13px "Noto Sans",sans-serif;color:#5C626C;overflow:hidden;white-space:nowrap}#rtly-lite .lt-dot{width:8px;height:8px;border-radius:50%;background:#00D451;flex:0 0 8px;animation:ltp 1.8s ease-in-out infinite}@keyframes ltp{0%,100%{box-shadow:0 0 0 0 rgba(0,212,81,.4)}55%{box-shadow:0 0 0 5px rgba(0,212,81,0)}}#rtly-lite .lt-pl{font-weight:700;font-size:11px;letter-spacing:.08em;color:#B8860B}#rtly-lite .lt-head{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}#rtly-lite .lt-head a{color:#16181D;font-weight:600;text-decoration:none}#rtly-lite .lt-head a:hover{color:#2E5CFF}#rtly-lite .lt-head small{color:#8A919C;margin-left:6px}#rtly-lite .lt-cnt{color:#8A919C}#rtly-lite .lt-cnt:before{content:"";display:inline-block}#rtly-lite .lt-cta{background:linear-gradient(150deg,#1E7A46,#16613a);color:#fff;font:700 12px "Noto Sans",sans-serif;border-radius:9999px;padding:7px 13px;text-decoration:none;white-space:nowrap}html:not(.rtly-light) #rtly-lite .lt-strip{color:#B6BEC9}html:not(.rtly-light) #rtly-lite .lt-date,html:not(.rtly-light) #rtly-lite .lt-q b{color:#E5EAF1}html:not(.rtly-light) #rtly-lite .lt-pulse{border-color:#1A1D22;color:#9AA1AA}html:not(.rtly-light) #rtly-lite .lt-head a{color:#E5EAF1}@media(max-width:760px){#rtly-lite .lt-wx,#rtly-lite .lt-cnt{display:none}} /* rtly-chipline-css */ html body #rtly-wh .m:has(.rp-tk),html body #rtly-wh .m.rtly-tkline{display:flex!important;flex-wrap:wrap!important;align-items:center!important;row-gap:0!important}html body #rtly-wh .m:has(.rp-tk)::after,html body #rtly-wh .m.rtly-tkline::after{content:""!important;flex:0 0 100%!important;width:100%!important;height:0!important;order:8!important;margin:0!important;padding:0!important;border:0!important;background:none!important}html body #rtly-wh .m .rp-tk{order:9!important;margin-left:0!important;margin-top:5px!important}html body #rtly-area .m:has(.rp-tk),html body #rtly-area .m.rtly-tkline{display:flex!important;flex-wrap:wrap!important;align-items:center!important;row-gap:0!important}html body #rtly-area .m:has(.rp-tk)::after,html body #rtly-area .m.rtly-tkline::after{content:""!important;flex:0 0 100%!important;width:100%!important;height:0!important;order:8!important;margin:0!important;padding:0!important;border:0!important;background:none!important}html body #rtly-area .m .rp-tk{order:9!important;margin-left:0!important;margin-top:5px!important}html body #rtly-stream a.rtly-scard .sm:has(.rp-tk),html body #rtly-stream a.rtly-scard .sm.rtly-tkline{display:flex!important;flex-wrap:wrap!important;align-items:center!important;row-gap:0!important}html body #rtly-stream a.rtly-scard .sm:has(.rp-tk)::after,html body #rtly-stream a.rtly-scard .sm.rtly-tkline::after{content:""!important;flex:0 0 100%!important;width:100%!important;height:0!important;order:8!important;margin:0!important;padding:0!important;border:0!important;background:none!important}html body #rtly-stream a.rtly-scard .sm .rp-tk{order:9!important;margin-left:0!important;margin-top:5px!important}html body .retirely-card__meta:has(.rp-tk),html body .retirely-card__meta.rtly-tkline{display:flex!important;flex-wrap:wrap!important;align-items:center!important;row-gap:0!important}html body .retirely-card__meta:has(.rp-tk)::after,html body .retirely-card__meta.rtly-tkline::after{content:""!important;flex:0 0 100%!important;width:100%!important;height:0!important;order:8!important;margin:0!important;padding:0!important;border:0!important;background:none!important}html body .retirely-card__meta .rp-tk{order:9!important;margin-left:0!important;margin-top:5px!important} /* rtly-lcarrows-css */ html body main#primary .retirely-grid > article.rlc{position:relative}html body main#primary .retirely-grid > article.rlc .rtly-lca{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;border:0;background:none;box-shadow:none}html body main#primary .retirely-grid > article.rlc .rtly-lca svg{fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}html body main#primary .retirely-grid > article.rlc .rtly-lca:focus-visible{outline:2px solid #C9A227;outline-offset:2px;border-radius:999px}html body main#primary .retirely-grid > article.rlc .rtly-lcrow{display:flex;align-items:center;gap:2px;margin-left:auto}html body main#primary .retirely-grid > article.rlc .rtly-lcrow .rtly-lca{width:30px;height:30px;border-radius:999px;transition:background-color .18s ease}html body main#primary .retirely-grid > article.rlc .rtly-lcrow .rtly-lca svg{width:17px;height:17px;stroke:#8B929B;transition:stroke .18s ease}html body main#primary .retirely-grid > article.rlc .rtly-lcrow .rtly-lca:hover{background:#EEF0F3}html body main#primary .retirely-grid > article.rlc .rtly-lcrow .rtly-lca:hover svg{stroke:#23272D}html:not(.rtly-light) body main#primary .retirely-grid > article.rlc .rtly-lcrow .rtly-lca:hover{background:#1B212B}html:not(.rtly-light) body main#primary .retirely-grid > article.rlc .rtly-lcrow .rtly-lca:hover svg{stroke:#E6E9EF}@media (hover:none),(max-width:820px){html body main#primary .retirely-grid > article.rlc .rtly-lca{display:none}}@media (prefers-reduced-motion:reduce){html body main#primary .retirely-grid > article.rlc .rtly-lca{transition:none}} /* rtly-strip-align */ #rtly-brief{padding-left:3px;box-sizing:border-box}.retirely-grid > .retirely-card:last-child:nth-child(even){grid-column:1/-1}#rtly-area a.it.jin{background-color:#eef1ff!important;box-shadow:inset 3px 0 0 #2E5CFF!important}html:not(.rtly-light) #rtly-area a.it.jin{background-color:#151d33!important;box-shadow:inset 3px 0 0 #2E5CFF!important}.rtly-wire{box-shadow:inset 0 1px 0 #e6e9ef}html:not(.rtly-light) .rtly-wire{box-shadow:inset 0 1px 0 #1e232b}.rtly-wire{border:1px solid #e6e9ef;border-radius:14px}html:not(.rtly-light) .rtly-wire{border-color:#1e232b}header.cs-header::after{content:\"\";position:absolute;left:calc(50% - 50vw);width:100vw;bottom:-1px;height:1px;background:#E6E9EF;pointer-events:none;z-index:1}html:not(.rtly-light) header.cs-header::after{background:#1A1D22} /* rtly-avatarme */ #rtly-avatar{overflow:hidden}#rtly-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;border-radius:50%;display:block} /* rtly-catchip-css */ /* Alex: "make sure the background of them is white like the way-left ALL icon, keep their colors in the borders but inside background white." Each chip already carries its own hue as --h (rtly-catmotion); the tint came from a background painted with that hue. So: white face, --h at full strength in the ring. The ids are repeated to out-rank the per-category background rules, and :not(#_) x2 raises specificity again without changing what is matched. .rtly-mono is left alone - black & white means black & white. The ACTIVE chip is stamped inline with !important by rtly-colpin, so no stylesheet can touch it; its ::after is not stamped, which is where the second ring comes from. */ html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(.on):not(#_):not(#_){ background:#fff!important;background-color:#fff!important; border:1.5px solid var(--h)!important; } html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(.on):not(#_):not(#_):hover, html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(.on):not(#_):not(#_):focus-visible{ background:#F7F8F9!important;background-color:#F7F8F9!important; } html:not(.rtly-light):not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(.on):not(#_):not(#_){ background:#0E0E0E!important;background-color:#0E0E0E!important; } html:not(.rtly-light):not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(.on):not(#_):not(#_):hover, html:not(.rtly-light):not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(.on):not(#_):not(#_):focus-visible{ background:#14161B!important;background-color:#14161B!important; } /* V1.2 - Alex: "let's try the same mouse over you have on the search bar dropdown for the icons. it's like a light grey." That is #rtly-ta .pm3-chip:hover, #F7F8F9 in light and #14161B in dark. rtly-catmotion was tinting the hovered chip with its own hue (color-mix(var(--h) 16%,#fff)), which fought the selected chip for meaning; now grey means the pointer is on it and colour means it is the one you picked. V1.3 - the V1.1 latch is REVERTED at his word ("for the category icons, let's revert those back to the way they were before the title of the category was showing when clicked"): the selected chip goes back to opening only under the pointer, like every other chip. Its second ring comes back with it - that was the cue the open label had replaced, and the All chip in particular is stamped white, so without the ring nothing separates it from the nine beside it. */ html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c.on:not(#_):not(#_)::after{ content:"";position:absolute;left:-4px;right:-4px;top:-4px;bottom:-4px; border-radius:999px;border:1.5px solid var(--h);opacity:.4;pointer-events:none; } /* V1.4 - Alex: "i see for example like the weather icon spins rotates but then it stops. can you let it keep rotating if it's selected? all of them." rtly-catmotion fires each icon's animation from [data-cm]:hover / .rtly-cm-play, one shot, so it dies with the pointer. The SELECTED chip now runs the same keyframes on a loop - same easings, same stagger, durations stretched ~3x so a loop reads as a slow idle rather than a twitch, and the three that were already infinite (the sun's rays, its pulse and glow) keep their own timing. Reduced motion still wins at the bottom. */ html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-g1{animation:rtlyCmGpop 1.8s cubic-bezier(.3,1.4,.4,1) 0s infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-g2{animation:rtlyCmGpop 1.8s cubic-bezier(.3,1.4,.4,1) .21s infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-g3{animation:rtlyCmGpop 1.8s cubic-bezier(.3,1.4,.4,1) .63s infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-g4{animation:rtlyCmGpop 1.8s cubic-bezier(.3,1.4,.4,1) .42s infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-lid{animation:rtlyCmLid 2.1s cubic-bezier(.3,1.3,.4,1) infinite!important;transform-origin:50% 100%!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-case{animation:rtlyCmSquash 2.1s ease infinite!important;transform-origin:50% 100%!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-fronds{animation:rtlyCmSway 2.7s ease infinite!important;transform-origin:50% 100%!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-trunk{animation:rtlyCmBend 2.7s ease infinite!important;transform-origin:50% 100%!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-line{stroke-dasharray:26!important;animation:rtlyCmDraw 2.2s cubic-bezier(.3,.9,.4,1) infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-head{animation:rtlyCmHead 2.2s cubic-bezier(.3,1.5,.4,1) 1.1s infinite backwards!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-spark{animation:rtlyCmSpark 2.2s ease 1.3s infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-heart{animation:rtlyCmBeat 2.4s ease infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-ring{animation:rtlyCmRing 2.4s ease-out infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-pins{stroke-dasharray:32!important;animation:rtlyCmPins 2.2s ease infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-core{animation:rtlyCmCore 2.2s ease infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-scan{animation:rtlyCmScan 2.2s ease .5s infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-cloth{animation:rtlyCmWave 2.6s ease infinite!important;transform-origin:0% 50%!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-rays{animation:rtlyCmSpin 3.4s linear infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-sun{animation:rtlyCmSun 1.5s ease infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-glow{animation:rtlyCmGlow 1.5s ease-out infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-cup{animation:rtlyCmHop 2.4s cubic-bezier(.3,1.3,.4,1) infinite!important;transform-origin:50% 100%!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-k1{--cx:-8px;animation:rtlyCmConf 2.4s ease .1s infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-k2{--cx:0px;animation:rtlyCmConf 2.5s ease 0s infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-k3{--cx:8px;animation:rtlyCmConf 2.4s ease .5s infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-face{animation:rtlyCmTilt 2.6s ease infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-mouth{animation:rtlyCmGrin 2.6s cubic-bezier(.3,1.4,.4,1) infinite!important;transform-origin:50% 0%!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-eye{animation:rtlyCmEye 2.6s linear infinite!important} html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) .cm-wink{animation:rtlyCmWink 2.6s linear infinite!important} @media (prefers-reduced-motion:reduce){ html:not(.rtly-mono) body #rtly-cats#rtly-cats#rtly-cats .c.on:not(#_) *{animation:none!important} } /* rtly-chipsize-css */ html body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]{max-width:46px!important;max-height:46px!important}html body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:hover{max-width:none!important}html body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat] svg{max-width:20px!important;max-height:20px!important}@media (max-width:1000px){html body .retirely-news__main{max-width:none!important;width:100%!important}html body .retirely-news__shell{padding-left:19px!important;padding-right:25px!important}} /* rtly-favflash-css */ html:not(.rtly-favshow) body #eve-pulse img.fav:not([data-rtly-fav]),html:not(.rtly-favshow) body #eve-pulse img.rqfav:not([data-rtly-fav]){visibility:hidden!important} /* rtly-footmark */ html:not(#a):not(#b):not(#c) body #rtly-foot a.ft-mark{display:block!important;width:32px!important;height:44px!important;font-size:0!important;line-height:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important;background:url(https://retire.ly/wp-content/uploads/rtly-brand/retirely-r.svg?v=20260916f) no-repeat left center/contain!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;overflow:hidden!important}html:not(#a):not(#b):not(#c) body #rtly-foot a.ft-mark .ft-tm{display:none!important}html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-foot a.ft-mark{background-image:url(https://retire.ly/wp-content/uploads/rtly-brand/retirely-r-dark.svg?v=20260916f)!important} /* rtly-goldbtn-css */ /* THE Retirely button - white face, gold line, gold ink, one soft glow. V1.5: the masthead Publish button gets the same face and the same grey hover (it needed six :not(#_) too). :not(#_) x3 only raises specificity (nothing has id "_") so the button wins inside .entry-content, where a sitewide rule paints every link blue and underlines it. */ :root{--rtly-btn-bg:#fff;--rtly-btn-ink:#8A6D1F;--rtly-btn-line:#C9A227} html body .rtly-goldbtn:not(#_):not(#_):not(#_), html body #rtly-topad .hc-cta:not(#_):not(#_):not(#_), html body #eve-pulse .cta:not(#_):not(#_):not(#_), html body #rtly-bm .bm-b.pri:not(#_):not(#_):not(#_), html body #rtly-hiwpage .h-btn:not(#_):not(#_):not(#_), html body #rtly-ad .rd-claim .btn:not(#_):not(#_):not(#_), html body #rtly-ad #rd-go.go:not(#_):not(#_):not(#_), html body #rtly-pr .pr-cta:not(#_):not(#_):not(#_), html body .retirely-loadmore:not(#_):not(#_):not(#_), html body .ct-go:not(#_):not(#_):not(#_), html body .ra2-btn-ink:not(#_):not(#_):not(#_), html body .ra2-btn-line:not(#_):not(#_):not(#_), html body .c2-gbtn:not(#_):not(#_):not(#_), html body #rtly-claim .rc-btn.pri:not(#_):not(#_):not(#_), html body #rtly-claim .rc-next a:not(#_):not(#_):not(#_), html body #rtly-cmp2 .tk-btn.pri:not(#_):not(#_):not(#_), html body #rtly-cmp2 .tk-cta:not(#_):not(#_):not(#_), html body #rtly-cmp2 .c2-go:not(#_):not(#_):not(#_), html body #rtly-publish:not(#_):not(#_):not(#_), html body .c2-mic:not(#_):not(#_):not(#_){ background:var(--rtly-btn-bg)!important;background-image:none!important; color:var(--rtly-btn-ink)!important; border:1.5px solid var(--rtly-btn-line)!important; text-decoration:none!important; box-shadow:0 0 0 1px rgba(201,162,39,.10),0 6px 20px -8px rgba(201,162,39,.55)!important; transition:box-shadow .2s ease,border-color .2s ease,color .2s ease,background-color .2s ease,transform .2s ease!important; } html body .rtly-goldbtn:not(#_):not(#_):not(#_) *, html body #rtly-topad .hc-cta:not(#_):not(#_):not(#_) *, html body #eve-pulse .cta:not(#_):not(#_):not(#_) *, html body #rtly-bm .bm-b.pri:not(#_):not(#_):not(#_) *, html body #rtly-hiwpage .h-btn:not(#_):not(#_):not(#_) *, html body #rtly-ad .rd-claim .btn:not(#_):not(#_):not(#_) *, html body #rtly-ad #rd-go.go:not(#_):not(#_):not(#_) *, html body #rtly-pr .pr-cta:not(#_):not(#_):not(#_) *, html body .retirely-loadmore:not(#_):not(#_):not(#_) *, html body .ct-go:not(#_):not(#_):not(#_) *, html body .ra2-btn-ink:not(#_):not(#_):not(#_) *, html body .ra2-btn-line:not(#_):not(#_):not(#_) *, html body .c2-gbtn:not(#_):not(#_):not(#_) *, html body #rtly-claim .rc-btn.pri:not(#_):not(#_):not(#_) *, html body #rtly-claim .rc-next a:not(#_):not(#_):not(#_) *, html body #rtly-cmp2 .tk-btn.pri:not(#_):not(#_):not(#_) *, html body #rtly-cmp2 .tk-cta:not(#_):not(#_):not(#_) *, html body #rtly-cmp2 .c2-go:not(#_):not(#_):not(#_) *, html body #rtly-publish:not(#_):not(#_):not(#_) *, html body .c2-mic:not(#_):not(#_):not(#_) *{color:inherit!important} html body .rtly-goldbtn:hover:not(#_):not(#_):not(#_), html body #rtly-topad .hc:hover .hc-cta:not(#_):not(#_):not(#_), html body #eve-pulse .cta:hover:not(#_):not(#_):not(#_), html body #rtly-bm .bm-b.pri:hover:not(#_):not(#_):not(#_), html body #rtly-hiwpage .h-btn:hover:not(#_):not(#_):not(#_), html body #rtly-ad .rd-claim .btn:hover:not(#_):not(#_):not(#_), html body #rtly-ad #rd-go.go:hover:not(#_):not(#_):not(#_), html body #rtly-pr .pr-cta:hover:not(#_):not(#_):not(#_), html body .retirely-loadmore:hover:not(#_):not(#_):not(#_), html body .ct-go:hover:not(#_):not(#_):not(#_), html body .ra2-btn-ink:hover:not(#_):not(#_):not(#_), html body .ra2-btn-line:hover:not(#_):not(#_):not(#_), html body .c2-gbtn:hover:not(#_):not(#_):not(#_), html body #rtly-claim .rc-btn.pri:hover:not(#_):not(#_):not(#_), html body #rtly-claim .rc-next a:hover:not(#_):not(#_):not(#_), html body #rtly-cmp2 .tk-btn.pri:hover:not(#_):not(#_):not(#_), html body #rtly-cmp2 .tk-cta:hover:not(#_):not(#_):not(#_), html body #rtly-cmp2 .c2-go:hover:not(#_):not(#_):not(#_), html body #rtly-publish:hover:not(#_):not(#_):not(#_), html body .c2-mic:hover:not(#_):not(#_):not(#_){ background:var(--rtly-btn-hover,#F7F8F9)!important;background-color:var(--rtly-btn-hover,#F7F8F9)!important; transform:none!important; } /* ---- the masthead. Its buttons live inside main#primary, which the vision layer styles through main#primary#primary#primary ... - so these need six :not(#_) to out-rank it, not three. Sign Up was the last gold-filled button on the site; Log In is the quiet half of the pair and only warms on hover; the How-it-works (i) gets the same white face, gold line and 1.5px ring as everything else, and fills gold when you point at it. */ html body #rtly-signup:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){background:#fff!important;background-image:none!important;color:#8A6D1F!important;border:1.5px solid #C9A227!important;font-weight:800!important;box-shadow:0 0 0 1px rgba(201,162,39,.10),0 4px 14px -7px rgba(201,162,39,.55)!important;transition:box-shadow .2s ease,border-color .2s ease,color .2s ease,background-color .2s ease,transform .2s ease!important} html body #rtly-signup:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)::after{display:none!important;animation:none!important} html body #rtly-signup:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):hover{background:var(--rtly-btn-hover,#F7F8F9)!important;background-color:var(--rtly-btn-hover,#F7F8F9)!important;transform:none!important} html body #rtly-publish:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){background:#fff!important;background-image:none!important;color:#8A6D1F!important;border:1.5px solid #C9A227!important;font-weight:700!important;box-shadow:0 0 0 1px rgba(201,162,39,.10),0 4px 14px -7px rgba(201,162,39,.55)!important;transition:box-shadow .2s ease,border-color .2s ease,color .2s ease,background-color .2s ease!important} html body #rtly-publish:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):hover{background:var(--rtly-btn-hover,#F7F8F9)!important;background-color:var(--rtly-btn-hover,#F7F8F9)!important;transform:none!important} html body #rtly-login:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease!important} html body #rtly-login:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):hover{background:var(--rtly-btn-hover,#F7F8F9)!important;background-color:var(--rtly-btn-hover,#F7F8F9)!important;border-color:#C9A227!important;color:#7A5E19!important} html body #rtly-hiw:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .i{width:19px!important;height:19px!important;min-width:19px!important;flex:0 0 19px!important;border:1.5px solid #C9A227!important;background:#fff!important;color:#8A6D1F!important;font-family:"Noto Sans",system-ui,sans-serif!important;font-size:11.5px!important;font-weight:800!important;font-style:normal!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 0 0 1px rgba(201,162,39,.10)!important;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease!important} html body #rtly-hiw:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):hover .i{background:var(--rtly-btn-hover,#F7F8F9)!important;background-color:var(--rtly-btn-hover,#F7F8F9)!important;color:#8A6D1F!important;border-color:#C9A227!important} html body #rtly-hiw:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):hover{color:#16181D!important} /* the three house creatives get ONE button width */ html body #rtly-topad .hc-cta:not(#_):not(#_):not(#_){justify-content:center;min-width:156px} @media (min-width:760px){html body #rtly-topad .hc-cta:not(#_):not(#_):not(#_){min-width:168px}} @media (min-width:1010px){html body #rtly-topad .hc-cta:not(#_):not(#_):not(#_){min-width:206px}} /* ---- DARK, added 2026-09-14 -------------------------------------------------------------- Measured on the live dark masthead: the How-it-works label was 2.71:1, Sign Up was a literal white face, Log In's outline was invisible and every hover flashed #F7F8F9. There were no dark rules in this file at all. The family is token-driven, so the block below is mostly one line; the rest is the four controls that hardcode their colours. Face #14171D matches the burger, which was already correct. Scoped to html.rtly-dark (what rtly-theme-init actually stamps) so the no-JS fallback stays light. */ html.rtly-dark{--rtly-btn-bg:#14171D;--rtly-btn-ink:#EBD48A;--rtly-btn-line:#C9A227;--rtly-btn-hover:#1E232C} html.rtly-dark body #rtly-signup:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){background:#14171D!important;background-image:none!important;color:#EBD48A!important;border-color:#C9A227!important;box-shadow:0 0 0 1px rgba(201,162,39,.16),0 4px 16px -7px rgba(201,162,39,.50)!important} html.rtly-dark body #rtly-publish:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){background:#14171D!important;background-image:none!important;color:#EBD48A!important;border-color:#C9A227!important;box-shadow:0 0 0 1px rgba(201,162,39,.16),0 4px 16px -7px rgba(201,162,39,.50)!important} html.rtly-dark body #rtly-login:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){border-color:#39414E!important;color:#E5EAF1!important} html.rtly-dark body #rtly-login:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):hover{border-color:#C9A227!important;color:#EBD48A!important} html.rtly-dark body #rtly-hiw:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){color:#9AA1AA!important} html.rtly-dark body #rtly-hiw:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):hover{color:#EDEFF3!important} html.rtly-dark body #rtly-hiw:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .i{background:#14171D!important;color:#EBD48A!important;border-color:#C9A227!important;box-shadow:0 0 0 1px rgba(201,162,39,.16)!important} html.rtly-dark body #rtly-hiw:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):hover .i{background:#1E232C!important;color:#EBD48A!important;border-color:#C9A227!important} /* rtly-legaldark */ html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content,html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content p,html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content li,html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content td,html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content th,html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content span{color:#C3CAD4!important}html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content h1,html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content h2,html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content h3,html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content h4,html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content strong,html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content b{color:#EEF1F5!important}html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content .lg-notice{color:#D6DBE2!important;background:#12151A!important}html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content a{color:#E6C35C!important;text-decoration-color:rgba(230,195,92,.45)!important}html:not(.rtly-light):not(#a):not(#b):not(#c) body #rtly-chrome-page .lg-body .entry-content a:hover{color:#F3D98A!important} /* rtly-mxfix-css */ html body #rtly-stream a.rtly-scard,html body .retirely-grid .retirely-card__media,html body .retirely-card .retirely-card__media{overflow:hidden!important}html body #rtly-stream a.rtly-scard img.pic[src*="scx"],html body .retirely-card__media img[src*="scx"],html body img.pic[src*="/csz/news/"]{transform:scale(1.13);transform-origin:50% 50%} /* rtly-pmshadow */ html.rtly-light{--pm-sh:0 4px 16px 0 rgba(46,92,255,.07);--pm-line:rgba(28,63,226,.10)}@supports (color:oklab(0 0 0)){html.rtly-light{--pm-sh:0 4px 16px 0 oklab(0.553288 -0.0176905 -0.245344/.07);--pm-line:oklab(0.472988 -0.0174714 -0.24466/.1)}}html.rtly-light:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #rtly-brief,html.rtly-light:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #eve-pulse,html.rtly-light:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #rtly-cats,html.rtly-light:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .retirely-grid > .retirely-card:not(:hover),html.rtly-light:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .rtly-wire,html.rtly-light:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #rtly-foot .ft-badge:not(:hover){box-shadow:var(--pm-sh)!important;border-color:var(--pm-line)!important}html.rtly-light:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #rtly-brief{border-style:solid!important;border-width:1px!important}html.rtly-light:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .retirely-grid > .retirely-card:first-child:not(:hover){box-shadow:inset 3px 0 0 #D4AF37,var(--pm-sh)!important} /* rtly-striphover-css */ html body #rtly-brief a.rtly-chiplink{display:inline-flex;align-items:center;padding:5px 9px;margin:-5px -9px;border-radius:999px;transition:background-color .2s ease,color .2s ease}html body #rtly-brief#rtly-brief a.rtly-chiplink:hover,html body #rtly-brief#rtly-brief a.rtly-chiplink:focus-visible{background-color:#EEF0F3!important;outline:none}html:not(.rtly-light) body #rtly-brief#rtly-brief a.rtly-chiplink:hover,html:not(.rtly-light) body #rtly-brief#rtly-brief a.rtly-chiplink:focus-visible{background-color:#1B212B!important}html body #eve-pulse .tapewrap{margin-left:-17px!important;padding-left:10px!important}html body #eve-pulse .rqi a{padding:6px 12px 6px 4px!important;margin:-6px -12px -6px -4px!important;border-radius:999px;transition:background-color .2s ease}html body #eve-pulse .rqi a:hover .rqt,html body #eve-pulse .rqi a:focus-visible .rqt{opacity:1!important}html body #eve-pulse .rqi a:hover,html body #eve-pulse .rqi a:focus-visible{background-color:#EEF0F3;outline:none}html:not(.rtly-light) body #eve-pulse .rqi a:hover,html:not(.rtly-light) body #eve-pulse .rqi a:focus-visible{background-color:#1B212B}html body #rtly-brief a.rtly-chiplink{position:relative;z-index:0}html body #rtly-brief a.rtly-chiplink.rtly-fu::after,html body #rtly-brief a.rtly-chiplink.rtly-fd::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:999px;pointer-events:none;z-index:-1;animation:rtlyPillFade 1.05s ease-out 1 forwards}html body #rtly-brief a.rtly-chiplink.rtly-fu::after{background:rgba(0,135,90,.18)}html body #rtly-brief a.rtly-chiplink.rtly-fd::after{background:rgba(229,9,20,.15)}html:not(.rtly-light) body #rtly-brief a.rtly-chiplink.rtly-fu::after{background:rgba(0,212,81,.22)}html:not(.rtly-light) body #rtly-brief a.rtly-chiplink.rtly-fd::after{background:rgba(255,90,96,.20)}@keyframes rtlyPillFade{0%,20%{opacity:1}100%{opacity:0}}@media (prefers-reduced-motion:reduce){html body #rtly-brief a.rtly-chiplink,html body #eve-pulse .rqi a{transition:none}html body #rtly-brief a.rtly-chiplink.rtly-fu::after,html body #rtly-brief a.rtly-chiplink.rtly-fd::after{animation:none;opacity:0}} /* rtly-tkhover-css */ #rtly-tkx{position:fixed;left:0;top:0;pointer-events:none;z-index:2147482000;display:none}#rtly-tkx.on{display:block}#rtly-tkx .ln{position:fixed;width:0;border-left:1px dashed #A9B0B9;opacity:.85}#rtly-tkx .dot{position:fixed;width:9px;height:9px;border-radius:50%;background:#00D451;box-shadow:0 0 0 3px rgba(255,255,255,.9);margin:-4.5px 0 0 -4.5px}#rtly-tkx .cd{position:fixed;background:#fff;border:1px solid #ecebe4;border-radius:11px;box-shadow:0 10px 28px rgba(16,24,40,.16);padding:9px 12px;font-family:Inter,system-ui,sans-serif;white-space:nowrap}#rtly-tkx .cd .dt{display:flex;gap:14px;justify-content:space-between;font-size:11.5px;color:#6B727B;margin-bottom:5px}#rtly-tkx .cd .pr{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:700;color:#16181d}#rtly-tkx .cd .pr i{width:9px;height:9px;border-radius:50%;background:#00D451;display:inline-block;flex:0 0 auto}#rtly-tkx .cd .pr span{font-weight:500;color:#6B727B;font-size:12.5px}html:not(.rtly-light) #rtly-tkx .cd{background:#14161B;border-color:#2A2F36;box-shadow:0 10px 28px rgba(0,0,0,.5)}html:not(.rtly-light) #rtly-tkx .cd .pr{color:#F0F2F5}html:not(.rtly-light) #rtly-tkx .ln{border-left-color:#4A515C}html:not(.rtly-light) #rtly-tkx .dot{box-shadow:0 0 0 3px rgba(14,14,14,.9)}@media (max-width:640px){#rtly-tkx .cd{padding:8px 10px}#rtly-tkx .cd .pr{font-size:13.5px}} /* rtly-walletrow */ html body .ps-wrap .ps-wrow{flex-wrap:nowrap!important;justify-content:center!important;gap:8px!important}html body .ps-wrap .ps-wt{flex:1 1 0!important;min-width:0!important;max-width:86px!important}@media (max-width:359px){html body .ps-wrap .ps-wrow{flex-wrap:wrap!important}html body .ps-wrap .ps-wt{flex:0 0 calc((100% - 16px)/3)!important;max-width:none!important}} /* rtly-wordmark-css */ html:not(#_):not(#_) body a.cs-header__logo{width:112px!important;color:transparent!important;-webkit-text-fill-color:transparent!important;background:url(https://retire.ly/wp-content/uploads/rtly-brand/retirely-wordmark-pm.svg?v=20260916p) no-repeat 0 7.37px/109.9px 28.49px!important;-webkit-background-clip:border-box!important;background-clip:border-box!important} html:not(.rtly-light):not(#_):not(#_) body a.cs-header__logo{background-image:url(https://retire.ly/wp-content/uploads/rtly-brand/retirely-wordmark-pm-dark.svg?v=20260916p)!important} html:not(#_):not(#_) body a.cs-header__logo .rtly-tm{color:transparent!important;-webkit-text-fill-color:transparent!important} /* rtly-wxfit */ html:not(#a):not(#b):not(#c) body #rtly-brief .rtly-row{column-gap:24px!important}@media (min-width:769px){html:not(#a):not(#b):not(#c) body #rtly-brief .rtly-z2>span{flex-wrap:nowrap!important}html:not(#a):not(#b):not(#c) body #rtly-brief .rtly-z3{min-width:74px!important}}@media (max-width:1159px){html:not(#a):not(#b):not(#c) body #rtly-brief a.rtly-chiplink[href*="/ticker/OIL"]{display:none!important}}@media (max-width:999px){html:not(#a):not(#b):not(#c) body #rtly-brief a.rtly-chiplink[href*="/ticker/BTC"]{display:none!important}}@media (min-width:769px) and (max-width:980px){html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body #rtly-brief{min-height:46px!important;border-radius:14px!important}}@media (min-width:769px) and (max-width:940px){html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body #rtly-brief{background:#FFFFFF!important;border:1px solid #E8EAEF!important;box-sizing:border-box!important;margin:0 25px 0 19px!important}html:not(.rtly-light):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body #rtly-brief{background:#0A0A0A!important;border-color:#1E2126!important}html:not(#a):not(#b):not(#c) body #rtly-brief .rtly-row{column-gap:16px!important}html:not(#a):not(#b):not(#c) body #rtly-brief .rtly-z3{min-width:88px!important}} /* rtly-welmodal-css */ /* The panel is three nested boxes: .rtly-modal-card (the white shell) > .rtly-modal-body (padding) > .rtly-wel (content). Skinning .rtly-wel put a card inside a card - a visible double frame. The gold goes on the SHELL, and .rtly-wel goes flat. .rw-skin is added by our JS so we only touch this modal, not the desk ones that reuse .rtly-modal-card. */ .rtly-modal-card.rw-skin{border-radius:18px!important;background:#fff!important;border:0!important; box-shadow:inset 0 0 0 1px rgba(201,162,39,.42),0 24px 60px rgba(16,24,40,.18)!important} html.rtly-dark .rtly-modal-card.rw-skin{background:#07080A!important; box-shadow:inset 0 0 0 1px rgba(201,162,39,.34),0 24px 60px rgba(0,0,0,.6)!important} .rtly-modal-card.rw-skin .rtly-modal-body{padding:28px 30px 24px!important} .rtly-modal-card.rw-skin .rtly-wel{background:transparent!important;box-shadow:none!important; border:0!important;border-radius:0!important;padding:0!important} /* HIW-X2 2026-09-01: base close-button style for the shared modal shell (it was never styled - the theme default painted a squashed grey pill on the desk modals that reuse this shell), then the WIZARD hides its X entirely to match the sign-in popup - scrim click and Escape close it. Kept in the DOM for programmatic close; browsers without :has simply keep the styled circle. */ .rtly-modal-card{position:relative} .rtly-modal-x{position:absolute;top:14px;right:14px;width:36px;height:36px;display:flex; align-items:center;justify-content:center;padding:0;border:1px solid #E6E9EF; border-radius:50%;background:#fff;color:#5C626C;font-size:20px;line-height:1;cursor:pointer; box-shadow:0 1px 2px rgba(16,24,40,.06);transition:background .15s,color .15s;z-index:5} .rtly-modal-x:hover{background:#F6F7F9;color:#16181D} html.rtly-dark .rtly-modal-x{background:#101214;border-color:#2A2F37;color:#8A93A0} html.rtly-dark .rtly-modal-x:hover{background:#161A20;color:#E7EAEE} .rtly-modal-card:has(.rtly-hiw) .rtly-modal-x{position:absolute!important;width:1px!important; height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important; clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important; box-shadow:none!important} /* No close button at all - Polymarket pattern. Clicking the scrim or pressing Escape closes it (wired in JS below). The button stays in the DOM, only visually removed, so our JS can trigger the site's own close logic through it rather than reimplementing it. */ .rtly-modal-card.rw-skin .rtly-modal-x{position:absolute!important;width:1px!important;height:1px!important; padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important; white-space:nowrap!important;border:0!important} /* Email sign-in is not wired up, so it is not offered. Google is the only path. */ .rtly-modal-card.rw-skin .rtly-wel-or, .rtly-modal-card.rw-skin .rtly-wel-email{display:none!important} .rtly-modal-card.rw-skin .rtly-wel-foot{margin-top:14px!important} /* HIW-ANIM2 2026-09-01: slide-through between the wizard steps. */ .rtly-hiw{transition:transform .26s cubic-bezier(.22,.61,.36,1),opacity .26s ease} .rtly-hiw.hiw-out{transform:translateX(-28px);opacity:0} .rtly-hiw.hiw-in{transform:translateX(28px);opacity:0;transition:none} @media(prefers-reduced-motion:reduce){.rtly-hiw{transition:none} .rtly-hiw.hiw-out,.rtly-hiw.hiw-in{transform:none;opacity:1}} /* tab bar */ .rw-tabs{display:flex;gap:4px;padding:4px;margin:0 0 20px;border-radius:9999px;background:#F4F5F7} html.rtly-dark .rw-tabs{background:#12151A} .rw-tab{flex:1;height:36px;border:0;border-radius:9999px;background:transparent;cursor:pointer; font:600 13.5px/1 "Noto Sans",sans-serif;color:#5C626C;transition:background .15s,color .15s} .rw-tab[aria-selected="true"]{background:#fff;color:#16181D;box-shadow:0 1px 2px rgba(16,24,40,.10)} html.rtly-dark .rw-tab{color:#8A93A0} html.rtly-dark .rw-tab[aria-selected="true"]{background:#1B2028;color:#fff} .rtly-wel h2::before{content:"Live newsroom";display:block;margin:0 0 11px; font:700 10px/1 "Noto Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#C9A227} .rtly-wel.rw-join h2::before{content:"Free membership"} .rtly-wel h2{font:700 26px/1.2 "Noto Sans",sans-serif!important;letter-spacing:-.8px!important; color:#16181D!important;margin:0 0 8px!important} html.rtly-dark .rtly-wel h2{color:#fff!important} .rtly-wel-sub{font:400 14.5px/1.55 Inter,system-ui,sans-serif!important;color:#5C626C!important;margin:0 0 20px!important} html.rtly-dark .rtly-wel-sub{color:#8A93A0!important} /* benefits, only on the join tab */ .rw-bens{display:none;margin:0 0 20px} .rtly-wel.rw-join .rw-bens{display:block} .rw-ben{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px; font:400 13.5px/1.45 Inter,system-ui,sans-serif;color:#3C4450;text-align:left} html.rtly-dark .rw-ben{color:#AEB6C2} .rw-ben b{font-weight:600;color:#16181D} html.rtly-dark .rw-ben b{color:#fff} .rw-tick{flex:0 0 17px;height:17px;border-radius:50%;background:#FAF3DF;color:#8A6D14; display:flex;align-items:center;justify-content:center;font-size:10px;margin-top:1px} html.rtly-dark .rw-tick{background:#2A2412;color:#E0C55F} .rtly-wel .rtly-wel-google{display:flex!important;align-items:center!important;justify-content:center!important; gap:12px!important;width:100%!important;height:50px!important;padding:0 24px!important; border:1.5px solid #C9A227!important;border-radius:9999px!important;background:#fff!important;color:#16181D!important; font:600 15px/1 "Noto Sans",sans-serif!important;box-shadow:none!important; transition:background .15s,transform .12s!important} .rtly-wel .rtly-wel-google:hover{background:#FFFDF6!important;transform:translateY(-1px)!important;color:#16181D!important} .rtly-wel-or{font:400 11.5px/1 "Noto Sans",sans-serif!important;letter-spacing:.1em!important; text-transform:uppercase!important;color:#9AA1AA!important;margin:18px 0!important} .rtly-wel-email input[type=email],.rtly-wel-email input[type=text]{height:46px!important;border-radius:9999px!important; border:1px solid #E6E9EF!important;padding:0 18px!important;font:400 14.5px/1 Inter,system-ui,sans-serif!important} .rtly-wel-email input:focus{border-color:#C9A227!important;outline:none!important; box-shadow:0 0 0 3px rgba(201,162,39,.16)!important} .rtly-wel-email button{height:46px!important;border-radius:9999px!important;padding:0 22px!important; font:600 14.5px/1 "Noto Sans",sans-serif!important} .rtly-wel-foot{font:400 11.5px/1.6 Inter,system-ui,sans-serif!important;color:#98A1AD!important;margin-top:16px!important} .rtly-wel-foot a{color:#2E5CFF!important;text-decoration:none!important} html.rtly-dark .rtly-wel-foot a{color:#8FA8FF!important} /* rtly-catlook-css */ html.rtly-cl-gold body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_){border-color:#C9A227!important;--h:#C9A227!important}html.rtly-cl-gold body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_) svg{color:#A8841A!important;stroke:#A8841A!important}html:not(.rtly-light).rtly-cl-gold body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_) svg{color:#D4AF37!important;stroke:#D4AF37!important}html.rtly-cl-ink body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on){border-color:#E1E4E9!important;--h:#E1E4E9!important}html.rtly-cl-ink body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on){color:#23272D!important;-webkit-text-fill-color:currentColor!important}html.rtly-cl-ink body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on) svg{color:#23272D!important;stroke:#23272D!important}html.rtly-cl-ink body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on):hover{border-color:#C9CFD6!important}html:not(.rtly-light).rtly-cl-ink body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on){border-color:#2A2F36!important;--h:#2A2F36!important}html:not(.rtly-light).rtly-cl-ink body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on){color:#E6E9EF!important;-webkit-text-fill-color:currentColor!important}html:not(.rtly-light).rtly-cl-ink body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on) svg{color:#E6E9EF!important;stroke:#E6E9EF!important}html:not(.rtly-light).rtly-cl-ink body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on):hover{border-color:#3A4149!important}html.rtly-cl-mark body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on){border-color:#E1E4E9!important;--h:#E1E4E9!important}html.rtly-cl-mark body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on){color:#23272D!important;-webkit-text-fill-color:currentColor!important}html.rtly-cl-mark body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on) svg{color:#23272D!important;stroke:#23272D!important}html.rtly-cl-mark body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on):hover{border-color:#C9CFD6!important}html:not(.rtly-light).rtly-cl-mark body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on){border-color:#2A2F36!important;--h:#2A2F36!important}html:not(.rtly-light).rtly-cl-mark body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on){color:#E6E9EF!important;-webkit-text-fill-color:currentColor!important}html:not(.rtly-light).rtly-cl-mark body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on) svg{color:#E6E9EF!important;stroke:#E6E9EF!important}html:not(.rtly-light).rtly-cl-mark body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on):hover{border-color:#3A4149!important}html.rtly-cl-signature body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on){border-color:#E1E4E9!important;--h:#E1E4E9!important}html.rtly-cl-signature body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on){color:#23272D!important;-webkit-text-fill-color:currentColor!important}html.rtly-cl-signature body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on) svg{color:#23272D!important;stroke:#23272D!important}html.rtly-cl-signature body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on):hover{border-color:#C9CFD6!important}html:not(.rtly-light).rtly-cl-signature body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on){border-color:#2A2F36!important;--h:#2A2F36!important}html:not(.rtly-light).rtly-cl-signature body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on){color:#E6E9EF!important;-webkit-text-fill-color:currentColor!important}html:not(.rtly-light).rtly-cl-signature body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on) svg{color:#E6E9EF!important;stroke:#E6E9EF!important}html:not(.rtly-light).rtly-cl-signature body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat]:not(#_):not(#_):not(#_):not(.on):hover{border-color:#3A4149!important}html.rtly-cl body #rtly-cats{position:relative}html.rtly-cl-mark body #rtly-cats::before{content:"";position:absolute;left:0;top:1px;width:10px;height:6px;background:linear-gradient(180deg,#F0CF72 0%,#D9A935 52%,#B8860B 100%);clip-path:polygon(50% 0,100% 100%,0 100%);pointer-events:none;z-index:6;opacity:0;transform:translateX(var(--cx,0px));transition:opacity .18s ease}html.rtly-cl-mark body #rtly-cats.rtly-cg-on::before{opacity:1}html.rtly-cl-signature body #rtly-cats::before{content:"";position:absolute;left:0;top:1px;width:10px;height:6px;background:linear-gradient(180deg,#F0CF72 0%,#D9A935 52%,#B8860B 100%);clip-path:polygon(50% 0,100% 100%,0 100%);pointer-events:none;z-index:6;opacity:0;transform:translateX(var(--cx,0px));transition:opacity .18s ease}html.rtly-cl-signature body #rtly-cats.rtly-cg-on::before{opacity:1}html.rtly-cl-glide body #rtly-cats::before{content:"";position:absolute;left:0;top:0;width:var(--cw,53px);height:var(--ch,53px);border:1.5px solid #C9A227;border-radius:999px;pointer-events:none;z-index:1;opacity:0;transform:translate(var(--cx,0px),var(--cy,3px));transition:opacity .18s ease}html.rtly-cl-glide body #rtly-cats.rtly-cg-on::before{opacity:.45}html.rtly-cl-mark body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat].on:not(#_):not(#_):not(#_)::after{display:none!important;border:0!important;opacity:0!important}html.rtly-cl-glide body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat].on:not(#_):not(#_):not(#_)::after{display:none!important;border:0!important;opacity:0!important}html.rtly-cl-signature body #rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats#rtly-cats .c[data-cat].on:not(#_):not(#_):not(#_)::after{display:none!important;border:0!important;opacity:0!important} /* wp-custom-css */ .entry-content a, .wp-block-post-content a { color: #1b6ef3 !important; text-decoration: underline !important; } .entry-content a:hover, .wp-block-post-content a:hover { color: #0a52c2 !important; } .entry-content a, .wp-block-post-content a { color: #1b6ef3; text-decoration: underline; } .entry-content a:hover, .wp-block-post-content a:hover { color: #0a52c2; } .widget_categories {display:none;} .single-post .entry-content .image { display: none; } .fool-key-points h2 { font-size: 20px; font-weight: bold; } article.retirely-article-card { gap: 0px !important; } .retirely-card-left { width: 60px!important; } .retirely-card-right { width: 100%!important; } .cnvs-block-section-sidebar-inner { margin-top: 0 !important; } article.retirely-article-card { border: none !important; background: none !important; } .retirely-card-right { padding: 0 !important; } .fool-key-points { padding: 20px; background: #ffffff; box-shadow: 0px 4px 14px #0000001c; margin:0 0 20px 0px; } /* Force hide the Elementor device detection helper */ #elementor-device-mode { position: absolute !important; top: -9999px !important; left: -9999px !important; visibility: hidden !important; width: 0 !important; height: 0 !important; } .cs-entry__post-related .cs-entry__excerpt { display: none; } .fool-pitch.fool-pitch-incontent { margin: 20px 0px; padding: 20px; background: #ffffff; box-shadow: 0px 4px 14px #0000001c; } .fool-pitch.fool-pitch-bottom { margin: 20px 0px; padding: 20px; background: #ffffff; box-shadow: 0px 4px 14px #0000001c; } .fool-pitch.fool-pitch-incontent a, .fool-pitch.fool-pitch-bottom a{ display: inline; color: #0B8F3A; } .fool-pitch.fool-pitch-incontent { margin: 20px 0px; padding: 20px; background: #ffffff; box-shadow: 0px 4px 14px #0000001c; } .cs-header__logo, a:where(:not(.wp-element-button)) { text-decoration:none!important; } /* Widget Container */ .retirely-side-panel-widget { max-width: 100%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Adjust to match your theme */ } .cs-header__inner.cs-header__inner-desktop a { text-decoration: none !important; } /* Individual Article Card */ .retirely-article-card { display: flex; align-items: stretch; background: #fff; border: 1px solid #e1e1e1; overflow: hidden; transition: transform 0.2s ease; margin:0px 20px 20px; } .retirely-article-card:hover { transform: translateY(-2px); } /* LEFT SIDE: Thumbnail */ .retirely-card-left { width: 35%; /* Adjust width of image column */ min-width: 90px; flex-shrink: 0; position: relative; overflow: hidden; } .retirely-thumb-img { width: 100%; height: 100%; object-fit: cover; /* Ensures image fills the box without stretching */ display: block; } /* Fallback gray box if no image */ .retirely-no-thumb { width: 100%; height: 100%; background-color: #f0f0f0; } /* RIGHT SIDE: Content */ .retirely-card-right { padding: 12px; display: flex; flex-direction: column; justify-content: space-between; /* Pushes button to bottom */ width: 65%; } /* Title Styling */ .retirely-card-title { margin: 0 0 10px 0; font-size: 13px; line-height: 1.4; font-weight: 500; } .retirely-card-title a { text-decoration: none; color: #333; } .retirely-card-title a:hover { color: #0073aa; /* Change to your brand color */ } /* Read More Button */ .retirely-read-more-btn { align-self: flex-start; font-size: 10px; font-weight: 700; color: #fff; background-color: #111; /* Button color */ padding: 4px 8px; text-decoration: none; transition: background 0.2s; } .retirely-read-more-btn:hover { background-color: #555; text-decoration: none; color: #fff; } div#cookie-law-info-bar { max-width: 37%; } .cs-footer__col.cs-col-center { display: flex; flex-wrap: wrap; gap: 10px; } .footerqrcontainer { width: 100%; display: flex; align-items: center; justify-content: center; gap: 15px; } .footerqr img { width:120px; } .entry-content p:nth-child(3), .entry-content h2:nth-child(3) { margin-top: 0!important; } .qr img {width:45px;} .cs-offcanvas__inner .qr img {width:125px;} p:empty { display: none!important; margin: 0!important; } .wp-block-post-template.is-flex-container { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0; } .special li.wp-block-post { border: 1px solid #e9ecef; border-bottom: none; } .special .wp-block-post-featured-image img { height: 520px; object-fit: cover; } li.wp-block-post { border: 1px solid #e9ecef; } li.wp-block-post:nth-child(even) { border-left:none; border-bottom:none; } .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li { width: 50%; } .page-id-100235 .wp-block-group.is-layout-constrained { margin-top: 0!important; margin-bottom: 0!important; } li.wp-block-post:nth-child(odd) { border-left:none; border-bottom:none; } .cnvs-block-section-sidebar-1588321112924 { border:0px !important; } figure.wp-block-post-featured-image, figure.wp-block-post-featured-image a, figure.wp-block-post-featured-image a img { height: 100%; } .wp-block-post { position: relative; } .wp-block-post h2:hover a, .wp-block-query .wp-block-post-title a:hover { background:#DFDFFF; color:#000!important; } .columns2 .wp-block-post h2 { } .wp-block-query .wp-block-post-featured-image { margin-bottom: 0; } .wp-block-post h2 { position: absolute; bottom: 27px; left: 0; color: #fff; width: calc(100% - 40px); margin: 0 20px; } .wp-block-query .wp-block-post-title a { color: inherit; text-decoration: none; background: #000; display: inline!important; line-height: 2; text-align: left; padding: 0; line-height: calc(var(--cs-font-styled-heading-line-height) + (var(--cs-padding-title-line) * 2)); padding: 10px; line-height: 180%; background-color: var(--cs-color-styled-heading); color: var(--cs-color-styled-heading-contrast); box-decoration-break: clone; -webkit-box-decoration-break: clone; transition: 0.75s; } .wp-block-post h2 a { padding:10px; line-height:1.4; } .cnvs-block-section-content-1588321112889{ border-color: #e9ecef; } .cnvs-block-section-heading .cnvs-section-title > span { z-index: 1 !important; } .is-style-cnvs-block-bg-light { background: rgb(0 0 0 / 0%) !important; } #ff-stream-1 { background-color: rgb(0 0 0 / 0%) !important; } body[data-scheme="dark"] .cnvs-block-section-sidebar{ background-color:#232323 !important; } body[data-scheme="dark"] .cnvs-block-section-content-1588321112889{ border-color:#323233 !important; } body[data-scheme="dark"] #ff-stream-1 .picture-item__inner { background: #000; } body[data-scheme="dark"] #ff-stream-1 h4 a{ color: #eee !important; } body[data-scheme="dark"] #ff-stream-1 .ff-upic-timestamp .ff-item-meta h6 a{ color: white !important; } body[data-scheme="default"] #crypto-widget-CoinList[data-theme="dark"]{ display: none !important; } body[data-scheme="dark"] #crypto-widget-CoinList:not([data-theme]){ display: none !important; } body[data-scheme="dark"] .light-mode-dianomi{ display:none !important; } body[data-scheme="default"] .dark-mode-dianomi{ display:none !important; } .dark-mode-dianomi iframe, .light-mode-dianomi iframe { max-height:300px !important } .ff-item-cont > .ff-img-holder[data-media*="fool"] ~ .ff-item-meta{ display: none !important; } .ff-item-cont > .ff-img-holder[data-media*="fool"] + h4{ padding-bottom: 20px !important; } @media (max-width:1024px) { .special .wp-block-post-featured-image img { height: 450px!important; object-fit: cover; } div#cookie-law-info-bar { max-width: 100%; } } @media (max-width:767px) { figure.wp-block-post-featured-image img, .special .wp-block-post-featured-image img { height: 100% !important; object-fit: cover; } .wp-block-post h2 a { font-size:16px!important; padding:10px!important; line-height:2!important; } .wp-block-post h2 { line-height: 0; } .wp-block-post h2 { padding:0!important; } .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li { width: 100%; } li.wp-block-post:nth-child(even), li.wp-block-post:nth-child(odd) { border-left:1px solid #e9ecef; border-bottom:none; } } @media(max-width: 478px){ .cnvs-block-core-group-1588339799709{ padding-left:0px !important; padding-right: 0px !important; } } /* Donna boxed news cards - v2: framed by default, brighten on hover */ .retirely-card{background-color:#fff !important;border:1px solid #000 !important;border-radius:0 !important;overflow:hidden !important;box-shadow:0 0 0 1px #000,0 6px 18px rgba(0,0,0,.14);transition:background-color .15s ease,box-shadow .2s ease,transform .15s ease;} .retirely-card:hover{background-color:#f3f4f6 !important;box-shadow:0 0 0 1px #000,0 10px 26px rgba(0,0,0,.20);transform:translateY(-2px);} .retirely-card__media,.retirely-card__media img{border-radius:0 !important;} .retirely-card__body{padding:14px 16px 8px !important;display:flex !important;flex-direction:column !important;} .retirely-card{position:relative !important;} .retirely-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .retirely-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .retirely-card__meta{margin-top:auto !important;padding-top:8px;} .retirely-card__title a{text-decoration:none !important;} .retirely-card:hover .retirely-card__title a,.retirely-card__title a:hover{text-decoration:none !important;} .retirely-card__title,.retirely-card:hover .retirely-card__title,.retirely-card:hover .retirely-card__body{text-decoration:none !important;} .retirely-card__title a::after{content:"";position:absolute;inset:0;z-index:1;} /* Donna card widen - cards fill the center column more */ @media (min-width:1181px){ .retirely-news__main{padding:0 10px !important;} } @media (min-width:981px){ .retirely-grid{column-gap:12px !important;} } /* Donna sidebar hover - soft tint, no motion */ .custom-widget .article,.retirely-side-item{border-radius:8px;transition:background-color .15s ease;margin-left:-8px !important;margin-right:-8px !important;padding-left:8px !important;padding-right:8px !important;} .custom-widget .article:hover,.retirely-side-item:hover{background-color:#f3f4f6;} /* Donna fresh ticker accents - newest items get a green edge; first item glows once on load */ .custom-widget .article:nth-child(-n+2){position:relative;} .custom-widget .article:nth-child(-n+2)::before{content:"";position:absolute;left:-2px;top:10px;bottom:12px;width:3px;border-radius:2px;background:#00D451;} @keyframes rtlyFreshIn{0%{background-color:rgba(0,212,81,.16);}100%{background-color:transparent;}} .custom-widget .article:first-child{animation:rtlyFreshIn 2.6s ease-out 1;} @media (prefers-reduced-motion: reduce){.custom-widget .article:first-child{animation:none;}} /* Donna live pulse - What's Happening */ @keyframes rtlyPulse{0%,100%{opacity:1}50%{opacity:.3}} .retirely-rss-card__h2::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#00D451;margin-right:8px;vertical-align:1px;animation:rtlyPulse 2s ease-in-out infinite;} @media (prefers-reduced-motion: reduce){.retirely-rss-card__h2::before{animation:none;}} /* Donna dark mode v3 + Polymarket menu panel (2026-06-05) - class-driven via the menu switch; replaces the old prefers-color-scheme blocks */ .rtly-pm{position:absolute;z-index:99999;width:228px;background:#fff;border:1px solid #e5e7eb;border-radius:11px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px 0;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease,visibility .12s;} .rtly-pm.rtly-pm--open{opacity:1;visibility:visible;transform:translateY(0);} .rtly-pm__row{display:flex;align-items:center;gap:10px;height:38px;padding:0 16px;font-size:14px;font-weight:500;color:#1f2937;cursor:pointer;text-decoration:none !important;background:none;border:0;width:100%;box-sizing:border-box;font-family:inherit;} .rtly-pm__row:hover{background:#f3f4f6;} .rtly-pm__row:hover,.rtly-pm__row:hover .rtly-pm__label{color:#111 !important;} .rtly-pm__row svg{width:20px;height:20px;flex:0 0 20px;stroke:#000 !important;} .rtly-pm__label{flex:1;text-align:left;} .rtly-pm__divider{height:1px;background:#ececef;margin:6px 0;} .rtly-pm__row--muted{font-weight:400;color:#6b7280;height:36px;} .rtly-pm__row--muted:hover{color:#1f2937;background:#f6f7f8;} .rtly-pm__pill{position:relative;width:40px;height:24px;border-radius:12px;background:#d3d7dd;transition:background .18s;flex:0 0 40px;} .rtly-pm__pill::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 1px 2px rgba(0,0,0,.25);} .rtly-pm__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 8px;} .rtly-pm__appicon{width:44px;height:44px;border-radius:10px;display:block;box-shadow:0 1px 4px rgba(0,0,0,.18);} .rtly-pm__qr{width:64px;height:64px;display:block;border-radius:4px;} html.rtly-dark .rtly-pm{background:#15191d;border-color:#242b32;box-shadow:0 8px 24px rgba(0,0,0,.5);} html.rtly-dark .rtly-pm__row{color:#e5e5e5;} html.rtly-dark .rtly-pm__row svg{stroke:#e5e5e5 !important;} html.rtly-dark .rtly-pm__row:hover{background:rgba(255,255,255,.05);} html.rtly-dark .rtly-pm__row:hover,html.rtly-dark .rtly-pm__row:hover .rtly-pm__label{color:#fff !important;} html.rtly-dark .rtly-pm__divider{background:#242b32;} html.rtly-dark .rtly-pm__row--muted{color:#8a94a0;} html.rtly-dark .rtly-pm__row--muted:hover{color:#e5e5e5;background:rgba(255,255,255,.04);} html.rtly-dark .rtly-pm__pill{background:#2d9cdb;} html.rtly-dark .rtly-pm__pill::after{transform:translateX(16px);} html.rtly-dark .rtly-pm__qr{background:#fff;padding:3px;box-sizing:border-box;} html.rtly-dark body,html.rtly-dark .cs-site,html.rtly-dark .cs-site-inner,html.rtly-dark .cs-site-content,html.rtly-dark main{background:#0b0b0c !important;color:#e8e8e8 !important;} html.rtly-dark header.cs-header,html.rtly-dark header.cs-header .cs-container,html.rtly-dark header.cs-header .rtly-search{background-color:#0b0b0c !important;} html.rtly-dark footer.cs-footer,html.rtly-dark footer.cs-footer .cs-container{background-color:#0b0b0c !important;} html.rtly-dark header.cs-header,html.rtly-dark header.cs-header a,html.rtly-dark footer.cs-footer,html.rtly-dark footer.cs-footer a{color:#e8e8e8 !important;} html.rtly-dark .rtly-search input,html.rtly-dark .rtly-search select,html.rtly-dark .rtly-search button,html.rtly-dark .rtly-search textarea{background-color:#1e2023 !important;color:#e8e8e8 !important;border:1px solid #3d3d3d !important;} html.rtly-dark .rtly-search input::placeholder{color:#9a9a9a !important;} html.rtly-dark .rtly-icon-btn{color:#e8e8e8;} html.rtly-dark .rtly-icon-btn svg path,html.rtly-dark .rtly-icon-btn svg line,html.rtly-dark .rtly-icon-btn svg polyline,html.rtly-dark .rtly-icon-btn svg rect,html.rtly-dark .rtly-icon-btn svg circle{stroke:#e8e8e8 !important;} html.rtly-dark footer.cs-footer{--cs-color-secondary:#b0b0b0 !important;} html.rtly-dark footer.cs-footer .cs-footer__desc{color:#b0b0b0 !important;} html.rtly-dark .retirely-news__shell{background:#1a1b1e !important;border-radius:6px;} html.rtly-dark .retirely-card,html.rtly-dark .retirely-card__body,html.rtly-dark .retirely-card__media{background-color:#242629 !important;} html.rtly-dark .retirely-card{border-color:#3a3d42 !important;box-shadow:0 0 0 1px #3a3d42,0 6px 18px rgba(0,0,0,.5) !important;} html.rtly-dark .retirely-card:hover,html.rtly-dark .retirely-card:hover .retirely-card__body,html.rtly-dark .retirely-card:hover .retirely-card__media{background-color:#2e3134 !important;} html.rtly-dark .retirely-card__title a{color:#f0f0f0 !important;} html.rtly-dark .retirely-card__excerpt,html.rtly-dark .retirely-card__meta,html.rtly-dark .retirely-card__meta *{color:#b8bcc4 !important;} html.rtly-dark .retirely-rss-card,html.rtly-dark .custom-widget{background:transparent !important;color:#e8e8e8 !important;} html.rtly-dark .retirely-rss-card a,html.rtly-dark .custom-widget a,html.rtly-dark .custom-widget .article *,html.rtly-dark .retirely-side-item *{color:#dcdcdc !important;} html.rtly-dark .retirely-rss-card__h2,html.rtly-dark .retirely-news h2{color:#e8e8e8 !important;} html.rtly-dark .custom-widget .article:hover,html.rtly-dark .retirely-side-item:hover{background-color:rgba(255,255,255,.06) !important;} html.rtly-dark .custom-widget .article:hover *,html.rtly-dark .retirely-side-item:hover *{color:#fff !important;} html.rtly-dark .retirely-rss-card a:hover{color:#fff !important;} /* Donna OS-dark card repair (2026-06-05) - the homepage template ships its own @media(prefers-color-scheme:dark) chrome (#0f1115/#16181d/#1d2026). Tonight's framed-card rule used !important and overrode the template's dark cards, leaving light cards w/ invisible titles on OS-dark. This re-darkens the new cards in the TEMPLATE's palette so OS-dark stays coherent until the manual switch JS ships. */ @media (prefers-color-scheme: dark){ html:not(.rtly-light) .retirely-card,html:not(.rtly-light) .retirely-card__body,html:not(.rtly-light) .retirely-card__media{background-color:#1d2026 !important;} html:not(.rtly-light) .retirely-card{border-color:#3a3f48 !important;box-shadow:0 0 0 1px #3a3f48,0 6px 18px rgba(0,0,0,.5) !important;} html:not(.rtly-light) .retirely-card:hover,html:not(.rtly-light) .retirely-card:hover .retirely-card__body,html:not(.rtly-light) .retirely-card:hover .retirely-card__media{background-color:#262a31 !important;} html:not(.rtly-light) .retirely-card__title a{color:#e8eaed !important;} html:not(.rtly-light) .retirely-card__excerpt,html:not(.rtly-light) .retirely-card__meta,html:not(.rtly-light) .retirely-card__meta *{color:#9aa0a6 !important;} html:not(.rtly-light) .custom-widget .article:hover,html:not(.rtly-light) .retirely-side-item:hover{background-color:rgba(255,255,255,.06) !important;} } /* Donna OS-dark chrome restore (2026-06-05) - header/footer dark lived in the blocks removed tonight; the template's own dark CSS covers search/drawer/icons but NOT the header bar or footer. Palette matched to template (#16181d family). */ @media (prefers-color-scheme: dark){ html:not(.rtly-light) :is(body.home,body.page-id-100235) header.cs-header,html:not(.rtly-light) :is(body.home,body.page-id-100235) header.cs-header .cs-container{background-color:#000 !important;} html:not(.rtly-light) :is(body.home,body.page-id-100235) header.cs-header,html:not(.rtly-light) :is(body.home,body.page-id-100235) header.cs-header a{color:#e8eaed !important;} html:not(.rtly-light) :is(body.home,body.page-id-100235) footer.cs-footer,html:not(.rtly-light) :is(body.home,body.page-id-100235) footer.cs-footer .cs-container{background-color:#000 !important;} html:not(.rtly-light) :is(body.home,body.page-id-100235) footer.cs-footer,html:not(.rtly-light) :is(body.home,body.page-id-100235) footer.cs-footer a{color:#e8eaed !important;} html:not(.rtly-light) :is(body.home,body.page-id-100235) footer.cs-footer{--cs-color-secondary:#9aa0a6 !important;} html:not(.rtly-light) :is(body.home,body.page-id-100235) footer.cs-footer .cs-footer__desc{color:#9aa0a6 !important;} } /* Donna force-light override (2026-06-05): when the user explicitly picks Light in the menu switch (html.rtly-light, set by JS), re-assert the template's own LIGHT values over its baked-in @media dark. Values copied from the template base CSS. */ @media (prefers-color-scheme: dark){ html.rtly-light .retirely-news{--rn-fg:#000;--rn-fg-2:#818181;--rn-bg:#fff;--rn-line:#ebebeb;--rn-bg-2:initial;--rn-line-strong:initial;} html.rtly-light .retirely-news__shell{background:#fff !important;border-color:#ebebeb !important;box-shadow:0 1px 3px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.04) !important;} html.rtly-light .rtly-icon-btn{color:#111 !important;} html.rtly-light .rtly-icon-btn svg *{stroke:#111 !important;} html.rtly-light .rtly-search{background:#fff !important;border-bottom-color:#ebebeb !important;} html.rtly-light .rtly-search__input{background:#fff !important;color:#111 !important;border-color:#ddd !important;} html.rtly-light body{background:#fff !important;color:#111 !important;} } /* Donna mobile panel layout (2026-06-05): on touch-size screens the menu panel becomes a full-width sheet under the header; stylesheet !important beats the JS inline coords. */ @media (max-width: 600px){ .rtly-pm{width:280px !important;max-width:calc(100vw - 16px) !important;max-height:75vh;overflow-y:auto;-webkit-overflow-scrolling:touch;} .rtly-pm__row{height:46px;} .rtly-pm__row--muted{height:44px;} } /* Donna retire old drawers (2026-06-05): the menu panel replaces both legacy drawers; their trigger listeners are stripped in JS (clone), this hides the shells as backup so nothing can ever slide in. */ .rtly-drawer{display:none !important;} .rtly-drawer-backdrop{display:none !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;} .cs-offcanvas{display:none !important;} /* Donna mobile dim-killer (2026-06-05): neutralize every visual side-effect of the legacy drawer system (delegated handlers can still toggle its classes on touch) and guarantee the panel renders above everything; widen the fixed-sheet layout to cover iPads. */ .rtly-drawer,.rtly-drawer.is-open{display:none !important;} .rtly-drawer::before,.rtly-drawer::after,.rtly-drawer.is-open::before,.rtly-drawer.is-open::after{display:none !important;content:none !important;} body.rtly-no-scroll{overflow:auto !important;position:static !important;} body.rtly-no-scroll::before,body.rtly-no-scroll::after{display:none !important;content:none !important;} .cs-site-overlay{display:none !important;} .rtly-pm{z-index:2147483000 !important;} /* Donna fullscreen panel (2026-06-05): touch devices get the Polymarket-style takeover; desktop dropdown untouched. */ .rtly-pm--fs{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:auto !important;height:100% !important;border-radius:0 !important;border:0 !important;box-shadow:none !important;padding:0 0 24px !important;transform:translateX(-100%);transition:transform .22s ease,opacity .15s ease,visibility .22s;overflow-y:auto;-webkit-overflow-scrolling:touch;} .rtly-pm--fs.rtly-pm--open{transform:translateX(0);} .rtly-pm__head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #ececef;} .rtly-pm__brand{font-size:18px;font-weight:700;color:#111;} .rtly-pm__close{background:none;border:0;padding:8px;cursor:pointer;color:#111;} .rtly-pm__close svg{width:22px;height:22px;display:block;} .rtly-pm--fs .rtly-pm__row{height:52px;font-size:17px;padding:0 20px;} .rtly-pm--fs .rtly-pm__row--muted{height:50px;} .rtly-pm--fs .rtly-pm__foot{padding:16px 20px;} .rtly-pm--fs .rtly-pm__appicon{width:52px;height:52px;} .rtly-pm--fs .rtly-pm__qr{width:76px;height:76px;} html.rtly-pm-lock,html.rtly-pm-lock body{overflow:hidden !important;} html.rtly-dark .rtly-pm__head{border-bottom-color:#242b32;} html.rtly-dark .rtly-pm__brand,html.rtly-dark .rtly-pm__close{color:#e5e5e5;} /* Donna card contrast fix (2026-06-05): excerpt/meta grey failed WCAG contrast on the new #f3f4f6 card surface (Lighthouse flag). #565d68 = ~5.6:1 on #f3f4f6. Dark mode already passes. */ .retirely-card__excerpt{color:#565d68 !important;} .retirely-card__meta,.retirely-card__meta *{color:#565d68 !important;} /* Donna dark date contrast (2026-06-05): ticker timestamps kept light-mode grey in dark renders (Lighthouse contrast flag). #a7adb6 = ~5.9:1 on the dark shell. Applies to both dark triggers. */ @media (prefers-color-scheme: dark){ html:not(.rtly-light) .retirely-news .date,html:not(.rtly-light) .retirely-rss-card .date{color:#a7adb6 !important;} } html.rtly-dark .retirely-news .date,html.rtly-dark .retirely-rss-card .date{color:#a7adb6 !important;} /* Donna QR aspect fix (2026-06-05): drawer QR is a 314x400 image in a square slot - object-fit keeps it undistorted and clears the Lighthouse aspect-ratio flag. */ .rtly-drawer__qr img,.rtly-pm__qr{object-fit:contain;} /* Donna dark parity pass (2026-06-05): system-dark (media) renders lacked the text colors the switch-dark (class) had - audits render via media. Mirror them, brighten timestamps for the green fresh-tint rows, and fix light-mode dates on the tint. */ @media (prefers-color-scheme: dark){ html:not(.rtly-light) .retirely-rss-card a,html:not(.rtly-light) .custom-widget a,html:not(.rtly-light) .custom-widget .article *,html:not(.rtly-light) .retirely-side-item *{color:#dcdcdc !important;} html:not(.rtly-light) .retirely-rss-card__h2,html:not(.rtly-light) .retirely-news h2{color:#e8eaed !important;} html:not(.rtly-light) .retirely-news .date,html:not(.rtly-light) .custom-widget .article .date,html:not(.rtly-light) .retirely-rss-card .date{color:#c2c7cf !important;} } html.rtly-dark .retirely-news .date,html.rtly-dark .custom-widget .article .date,html.rtly-dark .retirely-rss-card .date{color:#c2c7cf !important;} .custom-widget .article .date{color:#565d68;} /* Donna heavy-page panel fix (2026-06-05): on full-theme pages (/news, articles) a plugin/theme stylesheet overrides the panel's show rule, so the menu opened but stayed invisible. Force it. */ html .rtly-pm.rtly-pm--open{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;pointer-events:auto !important;} /* Donna heavy-page panel solidify (2026-06-05): /news + articles plugin CSS makes the panel background transparent; force the solid surface + shadow + opaque rows so page content can't bleed through. */ html .rtly-pm{background:#fff !important;border:1px solid #e5e7eb !important;box-shadow:0 8px 24px rgba(0,0,0,.12) !important;} html.rtly-dark .rtly-pm{background:#15191d !important;border-color:#242b32 !important;} html .rtly-pm__row{background:transparent !important;} html .rtly-pm__row:hover{background:#f3f4f6 !important;} html.rtly-dark .rtly-pm__row:hover{background:rgba(255,255,255,.05) !important;} /* Donna hide dark toggle everywhere except home + /news (dark is only built there) (2026-06-05): article dark mode isn't built yet (different structure); show only the nav menu on single posts, hide the dark switch + its divider so it can't half-apply. Remove when proper article dark ships. */ body:not(.home):not(.page-id-100235) .rtly-pm__row[role="switch"]{display:none !important;} body:not(.home):not(.page-id-100235) .rtly-pm__row[role="switch"] + .rtly-pm__divider{display:none !important;} /* Donna search focus black (2026-06-06): search bar focus ring was template green #0ee6b0; Alex wants black. Dark mode gets light ring so it stays visible. */ .rtly-search__input:focus,.rtly-search__input:focus-visible{border-color:#000 !important;} html.rtly-dark .rtly-search__input:focus,html.rtly-dark .rtly-search__input:focus-visible{border-color:#e8eaed !important;} /* Donna logo hover + small trademark (shipped 2026-06-07, Alex-approved) */ .cs-header__logo{transition:opacity .15s ease;} .cs-header__logo:hover{opacity:.72;} html.rtly-dark .cs-header__logo:hover{opacity:.82;} .rtly-tm{font-size:.45em;vertical-align:.7em;letter-spacing:0;font-weight:600;} /* Donna 2026-06-08: match home header hamburger-to-logo gap on news + article pages */ @media (min-width:1025px){body:not(.home) .cs-header__offcanvas-toggle{margin-right:-4px}} /* rtly-blackout */ html.rtly-dark, html.rtly-dark body{background-color:#000 !important} html.rtly-dark .retirely-card, html.rtly-dark .retirely-card__media, html.rtly-dark .retirely-card__body{background-color:#121212 !important} html.rtly-dark .retirely-card{border-color:#181818 !important} /* Eve 2026-07-04: mobile hamburger align right (Alex-approved). Logo left, burger pinned right on phones. */ @media(max-width:980px){ .cs-header__inner > div:has(> .rtly-icon-btn--menu){width:100%;display:flex;justify-content:space-between;align-items:center} .rtly-icon-btn--menu{margin-left:auto;order:99} } @media(max-width:980px){#rtly-menu{top:104px!important}} /* Eve: dropdown clears header card (was overlapping at 58px) */ /* Eve 2026-07-06 v3: Tier pages = in-app clone. Card geometry exact; Elementor lays itself out (no clamp); no curtain flash on pages; no title gap. */ body.rtly-newart-page .cs-container{max-width:1200px!important;width:100%!important} body.rtly-newart-page main#primary{max-width:1160px!important;width:100%!important;margin:15px auto 34px!important;background:#fff;border-radius:20px!important;box-shadow:0 20px 55px rgba(20,24,33,.08);padding:6px 0 44px!important;overflow:hidden} body.rtly-newart-page main#primary>header.cs-header{margin:0!important;border-radius:20px 20px 0 0!important} body.rtly-newart-page .cs-entry__header,body.rtly-newart-page h1.cs-entry__title{display:none!important} body.rtly-newart-page .cs-entry__content{padding-top:0!important;margin-top:0!important} body.rtly-newart-page article,body.rtly-newart-page .cs-entry{margin-top:0!important;padding-top:0!important} html.rtly-loading body.rtly-newart-page::before,html.rtly-loading body.rtly-newart-page::after{display:none!important;content:none!important} body.rtly-newart-page{overflow:auto!important} html.rtly-dark body.rtly-newart-page main#primary{background:#121212;box-shadow:0 20px 55px rgba(0,0,0,.5)} /* Eve 2026-07-07: tier pages (direct) sit on the homepage canvas */ body.rtly-newart-page{background:#f0efe9!important} html.rtly-dark body.rtly-newart-page{background:#000!important} /* ===== RTLY-PULSE-TABS start (2026-08-01) — white Advisor Pulse + neutral category tabs ===== */ html.rtly-light #eve-pulse#eve-pulse, html.rtly-light main#primary#primary#primary #eve-pulse#eve-pulse{ background:#fff !important; background-image:none !important; border-color:#e6e8ec !important; } html.rtly-light #eve-pulse#eve-pulse .tapewrap::before{ background:linear-gradient(90deg,#fff,rgba(255,255,255,0)) !important; } html.rtly-light #eve-pulse#eve-pulse .tapewrap::after{ background:linear-gradient(270deg,#fff,rgba(255,255,255,0)) !important; } /* label + CTA de-gold */ html.rtly-light main#primary#primary#primary #eve-pulse#eve-pulse .lbl{ color:#5f6368 !important; } html.rtly-light main#primary#primary#primary #eve-pulse#eve-pulse .cta{ background:#16181d !important; background-image:none !important; border-color:#16181d !important; color:#fff !important; } html.rtly-light main#primary#primary#primary #eve-pulse#eve-pulse .cta:hover{ background:#2b2f36 !important; background-image:none !important; color:#fff !important; } /* category tabs */ html.rtly-light main#primary#primary#primary #rtly-cats#rtly-cats .c{ background:#fff !important; border-color:#e4e7ec !important; color:#3c4148 !important; } html.rtly-light main#primary#primary#primary #rtly-cats#rtly-cats .c:hover{ background:#f3f4f1 !important; border-color:#cfd0c7 !important; color:#16181d !important; } html.rtly-light main#primary#primary#primary #rtly-cats#rtly-cats .c.on{ background:#16181d !important; border-color:#16181d !important; color:#fff !important; } /* ===== RTLY-PULSE-TABS end ===== */ /* rtly-rmx-thumb */ html body #rtly-area#rtly-area#rtly-area a[href]{box-shadow:inset 3px 0 0 #C9CFD6!important}html body #rtly-area#rtly-area#rtly-area a[href].rtly-hasmo{box-shadow:inset 3px 0 0 #C9CFD6!important}html body #rtly-area#rtly-area#rtly-area a[href].rtly-hasmo[data-mo="pos"]{box-shadow:inset 3px 0 0 #00C24B!important}html body #rtly-area#rtly-area#rtly-area a[href].rtly-hasmo[data-mo="neg"]{box-shadow:inset 3px 0 0 #E50914!important}html:not(.rtly-light) body #rtly-area#rtly-area#rtly-area#rtly-area a[href]{box-shadow:inset 3px 0 0 #4A515C!important}html:not(.rtly-light) body #rtly-area#rtly-area#rtly-area#rtly-area a[href].rtly-hasmo{box-shadow:inset 3px 0 0 #4A515C!important}html:not(.rtly-light) body #rtly-area#rtly-area#rtly-area#rtly-area a[href].rtly-hasmo[data-mo="pos"]{box-shadow:inset 3px 0 0 #00D451!important}html:not(.rtly-light) body #rtly-area#rtly-area#rtly-area#rtly-area a[href].rtly-hasmo[data-mo="neg"]{box-shadow:inset 3px 0 0 #E50914!important}html body #rtly-area#rtly-area#rtly-area a[href]{position:relative!important}html body #rtly-area#rtly-area#rtly-area a[href].rtly-haspic{padding-right:62px!important}html body #rtly-area#rtly-area#rtly-area a[href].rtly-haspic .m{flex-wrap:nowrap!important;min-width:0!important}html body #rtly-area#rtly-area#rtly-area a[href].rtly-haspic .m .dom{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important}html body #rtly-area#rtly-area#rtly-area a[href].rtly-haspic .m b,html body #rtly-area#rtly-area#rtly-area a[href].rtly-haspic .m .ti2{white-space:nowrap!important;flex:0 0 auto!important}html body #rtly-area#rtly-area#rtly-area .rtly-th.rtly-ico{position:absolute!important;top:12px!important;right:12px!important;width:42px!important;height:42px!important;max-width:42px!important;min-width:0!important;margin:0!important;border-radius:11px!important;display:flex!important;align-items:center;justify-content:center;pointer-events:none;z-index:3;background:linear-gradient(160deg,#FBF7EA,#F2F4F6)!important;border:1px solid rgba(201,162,39,.22)!important;color:#A8841A!important}html body #rtly-area#rtly-area#rtly-area .rtly-th.rtly-ico svg{width:22px!important;height:22px!important;display:block!important}html body #rtly-area#rtly-area#rtly-area img.rtly-th{position:absolute!important;top:12px!important;right:12px!important;width:42px!important;height:42px!important;max-width:42px!important;min-width:0!important;margin:0!important;border-radius:11px!important;object-fit:cover!important;background:#F1F3F5!important;display:block!important;pointer-events:none;z-index:3;border:0!important}html:not(.rtly-light) body #rtly-area#rtly-area#rtly-area#rtly-area img.rtly-th{background:#1B1F25!important}html body #rtly-area#rtly-area#rtly-area .rtly-th.rtly-ico.rtly-abbr{font:700 14px/1 "Noto Sans",system-ui,sans-serif!important;letter-spacing:.04em!important}html:not(.rtly-light) body #rtly-area#rtly-area#rtly-area#rtly-area .rtly-th.rtly-ico{background:linear-gradient(160deg,#241F12,#14161B)!important;border:1px solid rgba(201,162,39,.26)!important;color:#C9A227!important}@media (max-width:820px){html body #rtly-area#rtly-area#rtly-area a[href].rtly-haspic{padding-right:12px!important}html body #rtly-area#rtly-area#rtly-area .rtly-th{display:none!important}} /* rtly-wheadfix-css */ html:not(.rtly-light) body main#primary#primary#primary#primary .rtly-wire .rtly-whead,html:not(.rtly-light) body main#primary#primary#primary#primary #rtly-wh .rtly-whead,html:not(.rtly-light) body main#primary#primary#primary#primary #rtly-area .rtly-whead{background-color:#0A0A0A!important;background-image:none!important}html:not(.rtly-light) body main#primary#primary#primary#primary #rtly-wh,html:not(.rtly-light) body main#primary#primary#primary#primary #rtly-area{background-color:#0A0A0A} /* style */ html.rtly-vision body{background:#fff!important}@media(min-width:720px){html.rtly-vision main#primary#primary#primary{width:100%!important;max-width:1500px!important;margin:0 auto!important;border:0!important;border-radius:0!important;box-shadow:none!important}}@media(min-width:1240px){html.rtly-vision main#primary .retirely-news__shell{grid-template-columns:260px 1fr 280px!important}} /* rtly-nosheen-css */ html:not(.rtly-light) body main#primary#primary#primary#primary#primary .retirely-card::after,html:not(.rtly-light) body main#primary#primary#primary#primary#primary .retirely-card:hover::after,html.rtly-light body main#primary#primary#primary#primary#primary .retirely-card::after,html.rtly-light body main#primary#primary#primary#primary#primary .retirely-card:hover::after{content:none!important;background:none!important;display:none!important} /* rtly-rmx-isz */ html body #rtly-area#rtly-area#rtly-area a[href].rtly-haspic{padding-right:50px!important}html body #rtly-area#rtly-area#rtly-area .rtly-th.rtly-th.rtly-th{width:32px!important;height:32px!important;max-width:32px!important;border-radius:9px!important;top:14px!important;right:12px!important}html body #rtly-area#rtly-area#rtly-area .rtly-th.rtly-th.rtly-th svg{width:18px!important;height:18px!important}html body #rtly-area#rtly-area#rtly-area .rtly-th.rtly-th.rtly-th.rtly-abbr{font-size:11.5px!important} /* style */ html.rtly-vision, html.rtly-vision body, html.rtly-vision .cs-site, html.rtly-vision .cs-site-inner, html.rtly-vision .cs-site-primary, html.rtly-vision .cs-site-content, html.rtly-vision .cs-container, html.rtly-vision .cs-main-content{background:#fff!important} /* style */ html.rtly-vision .cs-main-content{padding-top:0!important}html.rtly-vision main#primary#primary#primary{padding-top:0!important}html.rtly-vision main#primary#primary#primary .cs-header__inner-desktop{transition:none!important;padding-top:5px!important;padding-bottom:5px!important;min-height:0!important}html.rtly-vision main#primary#primary#primary #rtly-hbar{padding-top:4px!important;padding-bottom:4px!important}html.rtly-vision main#primary#primary#primary #rtly-brief{min-height:0!important}html.rtly-vision main#primary#primary#primary #rtly-brief .rtly-row{padding-top:3px!important;padding-bottom:3px!important}html.rtly-vision main#primary#primary#primary #eve-pulse{min-height:0!important;padding-top:2px!important;padding-bottom:2px!important;margin-top:6px!important;margin-bottom:2px!important}html.rtly-vision main#primary#primary#primary #eve-pulse .tapewrap{height:32px!important}html.rtly-vision main#primary#primary#primary #eve-pulse .advfaces img{width:23px!important;height:23px!important}html.rtly-vision main#primary#primary#primary #rtly-cats{padding-top:8px!important;padding-bottom:6px!important} /* style */ html.rtly-vision main#primary#primary#primary .retirely-card{transition:border-color .2s,box-shadow .2s,background .2s!important;border:1px solid #E6E9EF!important;border-radius:14px!important;box-shadow:none!important;background:#fff!important;overflow:hidden!important}html.rtly-vision main#primary#primary#primary .retirely-card:hover{box-shadow:0 14px 34px -18px rgba(30,40,90,.22),0 0 24px rgba(201,162,39,.14)!important;border-color:rgba(201,162,39,.7)!important}html.rtly-vision main#primary#primary#primary .retirely-news__main{background:#fff!important}html.rtly-vision main#primary#primary#primary .rtly-wire,html.rtly-vision main#primary#primary#primary .retirely-rss-card,html.rtly-vision main#primary#primary#primary .retirely-side-card{border:1px solid #E6E9EF!important;border-radius:14px!important;background:#fff!important;padding:10px 14px!important;box-shadow:none!important}html.rtly-vision main#primary#primary#primary .retirely-news__rss > * + *,html.rtly-vision main#primary#primary#primary .retirely-news__side > * + *{margin-top:14px!important}html.rtly-vision main#primary#primary#primary header.cs-header{position:relative!important;border-bottom:0!important}html.rtly-vision main#primary#primary#primary header.cs-header::after{content:"";position:absolute;left:calc(50% - 50vw);bottom:0;width:100vw;height:1px;background:#E6E9EF}html.rtly-vision main#primary#primary#primary #rtly-brief{position:relative!important;border-bottom:0!important}html.rtly-vision main#primary#primary#primary #rtly-brief::after{content:"";position:absolute;left:calc(50% - 50vw);bottom:0;width:100vw;height:1px;background:#E6E9EF}html.rtly-vision main#primary#primary#primary #eve-pulse{border:1px solid #EDE9DD!important;border-radius:12px!important;background:#FDFBF6!important;margin-top:8px!important;margin-bottom:4px!important} /* style */ html.rtly-vision main#primary#primary#primary #rtly-brief::after{display:none!important}html.rtly-vision main#primary#primary#primary .rtly-wire .it:last-of-type{border-bottom:0!important}html.rtly-vision main#primary#primary#primary .retirely-rss-card .it:last-of-type,html.rtly-vision main#primary#primary#primary .retirely-side-card .it:last-of-type{border-bottom:0!important} /* style */ html.rtly-vision{overflow-x:clip!important}html.rtly-vision body{overflow-x:clip!important}html.rtly-vision main#primary#primary#primary{overflow:visible!important}html.rtly-vision .cs-main-content{overflow:visible!important}html.rtly-vision .cs-container{overflow:visible!important;max-width:1400px!important;padding-left:12px!important;padding-right:12px!important}html.rtly-vision main#primary#primary#primary #rtly-cats .c{font-size:12px!important;padding:5px 9px!important}html.rtly-vision main#primary#primary#primary #rtly-cats{gap:6px!important} /* style */ html.rtly-vision main#primary#primary#primary .cs-header__inner-desktop{max-width:none!important;padding-left:9px!important;padding-right:13px!important}html.rtly-vision main#primary#primary#primary #rtly-brief{margin-left:0!important;margin-right:0!important}/* rtly-datealign 2026-08-16: the date row sat 3px right of the logo. #rtly-brief adds 3px of padding-left of its own, so 19 here produced 22 while the logo sits at 19. 16+3=19 puts the date on the same line as the logo. Only padding-LEFT changes; right stays 7. NOTE: no apostrophes in comments here - this CSS lives inside a PHP single-quoted echo, and an apostrophe closes the string and fatals the file. */ html.rtly-vision main#primary#primary#primary #rtly-brief .rtly-row{max-width:none!important;margin:0!important;padding-left:16px!important;padding-right:7px!important} /* style */ html.rtly-vision .cs-container{max-width:1200px!important}html.rtly-vision main#primary .retirely-news__shell{grid-template-columns:280px minmax(0,1fr) 280px!important;column-gap:12px!important;max-width:none!important;width:auto!important;margin:0 12px!important}html.rtly-vision main#primary#primary#primary #rtly-cats{gap:5px!important}html.rtly-vision main#primary#primary#primary #rtly-cats .c{font-size:11.5px!important;padding:5px 8px!important}html.rtly-vision main#primary#primary#primary .rtly-wire,html.rtly-vision main#primary#primary#primary .retirely-rss-card,html.rtly-vision main#primary#primary#primary .retirely-side-card{border:0!important;border-radius:0!important;background:transparent!important;padding:0 2px!important;box-shadow:none!important} /* style */ html.rtly-vision main#primary#primary#primary .retirely-news__shell{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}html.rtly-vision main#primary#primary#primary #eve-pulse{margin-left:0!important;margin-right:0!important}html.rtly-vision main#primary#primary#primary .rtly-wire,html.rtly-vision main#primary#primary#primary .retirely-rss-card,html.rtly-vision main#primary#primary#primary .retirely-side-card{margin-left:0!important;margin-right:0!important;width:100%!important;box-sizing:border-box!important} /* style */ html.rtly-vision main#primary#primary#primary .retirely-news__shell{transition:none!important;box-shadow:none!important;border:0!important;background:transparent!important;padding-left:19px!important;padding-right:25px!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}html.rtly-vision main#primary#primary#primary #eve-pulse{margin-left:19px!important;margin-right:25px!important}html.rtly-vision main#primary#primary#primary .rtly-wire,html.rtly-vision main#primary#primary#primary .retirely-rss-card,html.rtly-vision main#primary#primary#primary .retirely-side-card{border:1px solid #E6E9EF!important;border-radius:14px!important;background:#fff!important;padding:10px 14px!important;box-shadow:none!important;margin-left:0!important;margin-right:0!important;width:100%!important;box-sizing:border-box!important} /* style */ html.rtly-vision.rtly-dark body,html.rtly-vision.rtly-dark .cs-site,html.rtly-vision.rtly-dark .cs-site-inner,html.rtly-vision.rtly-dark .cs-site-primary,html.rtly-vision.rtly-dark .cs-site-content,html.rtly-vision.rtly-dark .cs-container,html.rtly-vision.rtly-dark .cs-main-content{background:#0F1216!important}html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-news__main{background:transparent!important}html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-card{background:#161A20!important;border-color:#262C35!important}html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-card:hover{border-color:rgba(212,175,55,.5)!important;box-shadow:0 4px 14px rgba(0,0,0,.45)!important}html.rtly-vision.rtly-dark main#primary#primary#primary .rtly-wire,html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-rss-card,html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-side-card{background:#161A20!important;border-color:#262C35!important}html.rtly-vision.rtly-dark main#primary#primary#primary header.cs-header::after{background:#232933!important}html.rtly-vision.rtly-dark main#primary#primary#primary #eve-pulse{background:#1A1915!important;border-color:#383325!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-cats .c{background:#1B2027!important;color:#C9D1DB!important;border-color:#2A313B!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-hbar{background:#1B2027!important;border-color:#2A313B!important;color:#C9D1DB!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-hbar input{background:transparent!important;color:#E5EAF1!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-cats .c.on{background:#E8ECF2!important;color:#14171C!important;border-color:#E8ECF2!important}html.rtly-vision.rtly-dark main#primary#primary#primary .rtly-wire .rtly-whead{background:transparent!important;color:#E5EAF1!important}html.rtly-vision.rtly-dark main#primary#primary#primary .rtly-whead *{color:inherit!important}html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-rss-card__h2,html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-side-card__h2{color:#E5EAF1!important;background:transparent!important} /* style */ html.rtly-vision.rtly-dark body,html.rtly-vision.rtly-dark .cs-site,html.rtly-vision.rtly-dark .cs-site-inner,html.rtly-vision.rtly-dark .cs-site-primary,html.rtly-vision.rtly-dark .cs-site-content,html.rtly-vision.rtly-dark .cs-container,html.rtly-vision.rtly-dark .cs-main-content{background:#000!important}html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-news__main{background:transparent!important}html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-card{background:#0A0A0A!important;border-color:#1E2126!important}html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-card:hover{border-color:rgba(212,175,55,.5)!important;box-shadow:0 4px 16px rgba(0,0,0,.6)!important}html.rtly-vision.rtly-dark main#primary#primary#primary .rtly-wire,html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-rss-card,html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-side-card{background:#0A0A0A!important;border-color:#1E2126!important}html.rtly-vision.rtly-dark main#primary#primary#primary header.cs-header::after{background:#1A1D22!important}html.rtly-vision.rtly-dark main#primary#primary#primary #eve-pulse{background:#0F0D08!important;border-color:#2E2A1C!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-cats .c{background:#101214!important;color:#C9D1DB!important;border-color:#22262C!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-hbar{background:#0C0C0C!important;border-color:#22262C!important;color:#C9D1DB!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-hbar input{background:transparent!important;color:#E5EAF1!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-cats .c.on{background:#E8ECF2!important;color:#0A0A0A!important;border-color:#E8ECF2!important}html.rtly-vision.rtly-dark main#primary#primary#primary .rtly-wire .rtly-whead{background:transparent!important;color:#E5EAF1!important}html.rtly-vision.rtly-dark main#primary#primary#primary .rtly-whead *{color:inherit!important}html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-rss-card__h2,html.rtly-vision.rtly-dark main#primary#primary#primary .retirely-side-card__h2{color:#E5EAF1!important;background:transparent!important} /* style */ html.rtly-vision main#primary#primary#primary #rtly-hbar{transition:none!important;flex:0 1 440px!important;width:440px!important;max-width:100%!important;height:40px!important;border-radius:9.2px!important;padding:4px 12px 4px 14px!important;gap:12px!important;box-shadow:none!important}html.rtly-vision main#primary#primary#primary #rtly-hbar > svg{width:16px!important;height:16px!important;flex:0 0 16px!important}html.rtly-vision main#primary#primary#primary #rtly-hbar input{font-size:14px!important;font-weight:400!important;font-family:Inter,system-ui,-apple-system,sans-serif!important}html.rtly-vision main#primary#primary#primary #rtly-hbar .kbd{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:16px!important;color:#AEB4BC!important;border-radius:0!important}html.rtly-vision:not(.rtly-dark) main#primary#primary#primary #rtly-hbar{background:#F4F5F6!important;border:1px solid transparent!important}html.rtly-vision:not(.rtly-dark) main#primary#primary#primary #rtly-hbar:focus-within{background:#F4F5F6!important;border-color:transparent!important;box-shadow:none!important}html.rtly-vision:not(.rtly-dark) main#primary#primary#primary #rtly-hbar input{color:#18181B!important}html.rtly-vision:not(.rtly-dark) main#primary#primary#primary #rtly-hbar input::placeholder{color:#9AA1AA!important}html.rtly-vision:not(.rtly-dark) main#primary#primary#primary #rtly-hbar > svg{color:#0E0F11!important;stroke:#0E0F11!important} /* style */ html.rtly-vision main#primary#primary#primary .retirely-news__main{border-left:0!important;border-right:0!important}html.rtly-vision main#primary#primary#primary .cs-header__inner-desktop{transition:none!important;padding-top:9px!important;padding-bottom:9px!important}html.rtly-vision main#primary#primary#primary #rtly-signup{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,filter .16s ease!important;border-radius:9999px!important;padding:0 15px!important;height:34px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;font-size:13.5px!important;box-sizing:border-box!important;background:linear-gradient(92deg,#c99e1a,#e0bb50 48%,#ad7f10)!important;color:#17191E!important;border:1px solid transparent!important;font-weight:700!important;box-shadow:none!important}html.rtly-vision main#primary#primary#primary #rtly-hiw{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,filter .16s ease!important;border-radius:9999px!important;padding:0 15px!important;height:34px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;font-size:13.5px!important;box-sizing:border-box!important;background:#F1F2F5!important;color:#4B5361!important;border:1px solid transparent!important;font-weight:500!important}html.rtly-vision main#primary#primary#primary #rtly-hiw:hover{background:#E6E8ED!important;color:#272C35!important}html.rtly-vision main#primary#primary#primary #rtly-hiw .i{border-color:#A6ADB9!important;color:#69707C!important}html.rtly-vision main#primary#primary#primary #rtly-signup:hover{background:linear-gradient(92deg,#c99e1a,#e0bb50 48%,#ad7f10)!important;border-color:transparent!important;color:#17191E!important;opacity:1!important;box-shadow:0 3px 12px rgba(169,123,14,.38)!important;filter:brightness(1.06)!important}html.rtly-vision main#primary#primary#primary #rtly-login{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,filter .16s ease!important;border-radius:9999px!important;padding:0 15px!important;height:34px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;font-size:13.5px!important;box-sizing:border-box!important;background:#fff!important;color:#20242C!important;border:1px solid #E0E3E9!important;font-weight:600!important}html.rtly-vision main#primary#primary#primary #rtly-login:hover{background:#EDEFF3!important;color:#0E0F11!important;border-color:#C8CEd8!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-signup{background:linear-gradient(135deg,#C9A227,#EBD48A)!important;color:#1a1400!important;border:1.5px solid transparent!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-signup:hover{background:linear-gradient(135deg,#E8C46A,#F5DC9A)!important;border-color:transparent!important;color:#1a1400!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-login{background:transparent!important;color:#E5EAF1!important;border-color:#2A313B!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-login:hover{background:#161A20!important;border-color:#323A45!important;color:#E5EAF1!important} /* style */ html.rtly-vision main#primary#primary#primary #rtly-hiw{transition:background-color .16s ease,color .16s ease!important;background:#F1F2F5!important;border:0!important;border-radius:999px!important;padding:7px 12px!important;box-shadow:none!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:6px!important}html.rtly-vision main#primary#primary#primary #rtly-hiw .i{background-image:none!important;background:#fff!important;color:#8a6d1f!important;border:1.5px solid #c9a227!important;border-radius:50%!important;width:18px!important;height:18px!important;min-width:18px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:700!important;font-style:normal!important;line-height:1!important}html.rtly-vision main#primary#primary#primary #rtly-hiw:hover .i{background:#c9a227!important;color:#fff!important}html.rtly-vision main#primary#primary#primary #rtly-hiw:hover{background:#E6E8ED!important;color:#13171d!important;text-decoration:none!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-hiw:hover{background:#1b212b!important;color:#e5eaf1!important}html.rtly-vision main#primary#primary#primary #rtly-signup{margin-left:-6px!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-hiw{background:transparent!important;border:0!important}html.rtly-vision.rtly-dark main#primary#primary#primary #rtly-hiw .i{background:transparent!important;color:#ffdf7e!important;border-color:#d4af37!important} /* style */ html.rtly-vision main#primary#primary#primary .cs-header__logo .rtly-dot{display:none!important}html.rtly-vision main#primary#primary#primary #rtly-cats .c{font-size:12.5px!important;padding:6px 10px!important;font-weight:500!important}html.rtly-vision main#primary#primary#primary #rtly-cats{gap:8px!important}html.rtly-vision main#primary#primary#primary #rtly-hiw{margin-left:auto!important;margin-right:0!important}html.rtly-vision main#primary#primary#primary #rtly-hbar{margin-right:8px!important}html.rtly-vision main#primary#primary#primary #rtly-login{margin-left:10px!important}html.rtly-vision main#primary#primary#primary .retirely-card:hover{transform:none!important;box-shadow:0 14px 34px -18px rgba(30,40,90,.22),0 0 24px rgba(201,162,39,.14)!important;border-color:rgba(201,162,39,.7)!important}html.rtly-vision main#primary#primary#primary .retirely-card:hover img{transform:none!important}html.rtly-vision main#primary#primary#primary .retirely-card:hover .retirely-card__title{text-decoration:none!important} /* style */ html.rtly-vision main#primary#primary#primary .cs-header__inner-desktop{align-items:center!important}html.rtly-vision main#primary#primary#primary #rtly-login,html.rtly-vision main#primary#primary#primary #rtly-signup{padding-top:7px!important;padding-bottom:7px!important;padding-left:15px!important;padding-right:15px!important;line-height:1!important;box-sizing:border-box!important;letter-spacing:0!important} /* style */ html.rtly-vision .cs-header__logo .rtly-tm{margin-left:2px!important} /* style */ html.rtly-vision main#primary#primary#primary .cs-header__inner-desktop .rtly-icon-btn--menu,html.rtly-vision main#primary#primary#primary .cs-header__inner-desktop .rtly-drawer-open{display:inline-flex!important;align-items:center!important;justify-content:center!important} /* style */ html.rtly-vision main#primary#primary#primary .rtly-wire,html.rtly-vision main#primary#primary#primary .retirely-rss-card,html.rtly-vision main#primary#primary#primary .retirely-side-card{padding-top:4px!important}html.rtly-vision main#primary#primary#primary .rtly-whead,html.rtly-vision main#primary#primary#primary .retirely-rss-card__h2,html.rtly-vision main#primary#primary#primary .retirely-side-card__h2{padding-top:8px!important;margin-top:0!important}html.rtly-vision main#primary#primary#primary .cs-header__inner-desktop{min-height:60px!important;padding-top:0!important;padding-bottom:0!important}html.rtly-vision body.home .cs-main-content{padding-top:0!important}html.rtly-vision main#primary#primary#primary #rtly-brief .rtly-row{transform:translateY(3px)!important}html.rtly-authed.rtly-vision main#primary#primary#primary #rtly-login,html.rtly-authed.rtly-vision main#primary#primary#primary #rtly-signup,html.rtly-authed.rtly-vision main#primary#primary#primary #rtly-hiw,html.rtly-authed.rtly-vision main#primary#primary#primary .cs-header__inner-desktop .rtly-icon-btn--menu{display:none!important} /* rtly-adtable-css */ html body .ad-scroll th.fees,html body .ad-scroll td.fees{text-align:center!important}html body .ad-scroll th.flag,html body .ad-scroll td.flag{text-align:center!important;padding-right:10px!important}html body .ad-scroll th.rank,html body .ad-scroll td.rank{text-align:center!important;padding-left:10px!important}html body #ad-body td.aum{--rtly-p:0%;position:relative;background-image:none}html body #ad-body td.aum::after{content:"";position:absolute;left:10px;right:10px;bottom:7px;height:3px;border-radius:2px;pointer-events:none;background:linear-gradient(90deg,rgba(201,162,39,.95) 0 var(--rtly-p),rgba(201,162,39,.16) var(--rtly-p) 100%)}html:not(.rtly-light) body #ad-body td.aum::after{background:linear-gradient(90deg,rgba(232,199,102,.95) 0 var(--rtly-p),rgba(232,199,102,.22) var(--rtly-p) 100%)}html body #ad-body td.aum[data-rtly-nobar]::after{display:none} /* rtly-briefpin-css */ html body #rtly-brief .rtly-row{min-height:40px}@media(min-width:761px){html body #rtly-brief #rtly-wx-ico{min-width:34px;min-height:34px}} /* rtly-cardbyline-css */ html body .retirely-card__meta>time{order:1}html body .retirely-card__meta>.retirely-card__meta-sep{order:2}html body .retirely-card__meta>.rtly-cmark{order:3;margin-right:-2px}html body .retirely-card__meta>.retirely-card__source{order:4}html body .retirely-card__meta .retirely-card__source img{margin-right:4px} /* rtly-goldlogo-css */ /* wordmark gold - LIGHT mode: deeper golds, easy on the eyes */ html body .cs-header__logo, html body .cs-header__logo a, html body #rtly-ph .ph-logo, html body .ph-logo a{ background:linear-gradient(94deg,#a87c10,#d1a92e 50%,#8f6a08)!important; -webkit-background-clip:text!important; background-clip:text!important; -webkit-text-fill-color:transparent!important; color:transparent!important; display:inline-block!important; line-height:1.18!important; padding:0 .06em .14em 0!important; margin-bottom:-.14em!important; overflow:visible!important; } /* DARK mode: the bright CHS4LIFE gradient */ html.rtly-dark body .cs-header__logo, html.rtly-dark body .cs-header__logo a, html.rtly-dark body #rtly-ph .ph-logo, html.rtly-dark body .ph-logo a{ background:linear-gradient(92deg,#f5c518,#ffdf7e 45%,#d4af37)!important; -webkit-background-clip:text!important; background-clip:text!important; } /* gold header buttons, animated */ html body #rtly-signup{background:linear-gradient(92deg,#c99e1a,#e2be55 45%,#a97b0e)!important;color:#141821!important;font-weight:800!important;border:0!important;position:relative!important;overflow:hidden!important;transition:transform .18s, box-shadow .18s!important} html body #rtly-signup::after{content:"";position:absolute;top:-40%;left:0;width:45%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,250,230,.5),transparent);transform:translateX(-130%) rotate(18deg);animation:rtlyBtnShine 3.8s ease-in-out infinite} @keyframes rtlyBtnShine{0%,55%{transform:translateX(-130%) rotate(18deg)}100%{transform:translateX(300%) rotate(18deg)}} html body #rtly-signup:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(169,123,14,.35)!important} html body #rtly-login{color:#8a6d1f!important;font-weight:700!important} html body #rtly-login:hover{color:#a97b0e!important} html body #rtly-hiw .i,html body #rtly-hiw span{border-color:#a97b0e!important;color:#8a6d1f!important} html body #rtly-hiw{color:#5d6472!important} @media (prefers-reduced-motion:reduce){html body #rtly-signup::after{animation:none}} /* header underline: soft hairline like the pulse card, not a black bar */ html body header.cs-header.cs-header{border-bottom:0!important;box-shadow:none!important} html body header.cs-header .cs-header__inner-desktop{border-bottom:0!important} html body header.cs-header::after{display:none!important} /* wider header + page containers */ html body header.cs-header .cs-container, html body .cs-header__inner-desktop, html body .rtly-lean-bar{max-width:1320px!important} /* rtly-hdrbtn-css */ html:not(.rtly-authed) body #rtly-hiw#rtly-hiw#rtly-hiw,html:not(.rtly-authed) body #rtly-login#rtly-login#rtly-login,html:not(.rtly-authed) body #rtly-signup#rtly-signup#rtly-signup{height:34px!important;padding:0 15px!important;border-radius:999px!important;font-size:13.5px!important;font-weight:600!important;line-height:1!important;box-sizing:border-box!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;text-decoration:none!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,filter .16s ease!important}html:not(.rtly-authed) body #rtly-hiw#rtly-hiw#rtly-hiw{margin-left:auto!important;margin-right:6px!important;order:5!important}html:not(.rtly-authed) body #rtly-login#rtly-login#rtly-login{order:6!important}html:not(.rtly-authed) body #rtly-signup#rtly-signup#rtly-signup{order:7!important}html:not(.rtly-authed) body #rtly-hiw#rtly-hiw#rtly-hiw{background:#F1F2F5!important;border:1px solid transparent!important;color:#4B5361!important;font-weight:500!important}html:not(.rtly-authed) body #rtly-hiw#rtly-hiw#rtly-hiw:hover{background:#E6E8ED!important;color:#272C35!important}html:not(.rtly-authed) body #rtly-hiw#rtly-hiw#rtly-hiw .i{border-color:#A6ADB9!important;color:#69707C!important}html:not(.rtly-authed) body #rtly-hiw#rtly-hiw#rtly-hiw:hover .i{border-color:#7C8492!important;color:#4B5361!important}html:not(.rtly-authed) body #rtly-login#rtly-login#rtly-login{background:#fff!important;border:1px solid #E0E3E9!important;color:#20242C!important}html:not(.rtly-authed) body #rtly-login#rtly-login#rtly-login:hover{background:#F4F5F8!important;border-color:#CFD4DC!important;color:#0E0F11!important}html:not(.rtly-authed) body #rtly-signup#rtly-signup#rtly-signup{background:linear-gradient(92deg,#c99e1a,#e0bb50 48%,#ad7f10)!important;border:1px solid transparent!important;color:#17191E!important;font-weight:700!important}html:not(.rtly-authed) body #rtly-signup#rtly-signup#rtly-signup:hover{box-shadow:0 3px 12px rgba(169,123,14,.38)!important;filter:brightness(1.06)!important}html:not(.rtly-light) body #rtly-hiw#rtly-hiw#rtly-hiw{background:#16181E!important;color:#B7BEC9!important}html:not(.rtly-light) body #rtly-hiw#rtly-hiw#rtly-hiw:hover{background:#1F232B!important;color:#EDEFF3!important}html:not(.rtly-light) body #rtly-hiw#rtly-hiw#rtly-hiw .i{border-color:#6C7482!important;color:#98A0AD!important}html:not(.rtly-light) body #rtly-login#rtly-login#rtly-login{background:transparent!important;border-color:#2B303A!important;color:#E8EAED!important}html:not(.rtly-light) body #rtly-login#rtly-login#rtly-login:hover{background:#1A1D24!important;border-color:#3C434F!important;color:#fff!important} /* rtly-hdrlayer-css */ html body header.cs-header{will-change:transform}html body #rtly-brief,html body #eve-pulse{will-change:transform}html body #rtly-brief .rtly-row{will-change:transform} /* rtly-lightmode-css */ html.rtly-light #rtly-goldpromo{background-image:linear-gradient(160deg,#FFFDF6,#F7EFD9 60%)!important;border-color:rgba(201,162,39,.55)!important;box-shadow:0 6px 20px -12px rgba(138,109,31,.45)!important}html.rtly-light #rtly-goldpromo .st{color:#8A6D1F!important}html.rtly-light #rtly-goldpromo .tt{color:#2B230E!important}html.rtly-light #rtly-goldpromo .ar{color:#8A6D1F!important}html.rtly-light #rtly-goldpromo::after{background-image:linear-gradient(90deg,rgba(201,162,39,0) 0%,rgba(201,162,39,.18) 42%,rgba(255,208,92,.46) 50%,rgba(201,162,39,.18) 58%,rgba(201,162,39,0) 100%)!important}.retirely-loadmore{background:#fff!important;border:1.5px solid #C9A227!important;color:#8A6D1F!important;font-weight:700!important;transition:background .16s,transform .16s}.retirely-loadmore:hover{background:#FDFBF3!important;transform:translateY(-1px)}html:not(.rtly-light) .retirely-loadmore{background:#121417!important;border-color:#8a6d1f!important;color:#e8c766!important}html:not(.rtly-light) .retirely-loadmore:hover{background:#15130C!important}@media(prefers-reduced-motion:reduce){.retirely-loadmore{transition:none}} /* rtly-pulsehover-css */ html body #eve-pulse .rqi a:hover .rqt{opacity:.6} /* rtly-ra2img-css */ html body .ra2 img{margin-top:0!important;margin-bottom:0!important} /* rtly-railpulse-css */ html body #eve-pulse .rqi a .rqt,html body #eve-pulse .rqi a .rqs{transition:color .15s}html.rtly-light body #eve-pulse .rqi a:hover .rqt{color:#000000!important}html.rtly-light body #eve-pulse .rqi a:hover .rqs{color:#5C626C!important}html:not(.rtly-light) body #eve-pulse .rqi a:hover .rqt{color:#FFFFFF!important}html:not(.rtly-light) body #eve-pulse .rqi a:hover .rqs{color:#B6BCC4!important}@media(prefers-reduced-motion:reduce){html body #eve-pulse .rqi a .rqt,html body #eve-pulse .rqi a .rqs{transition:none}}html body #rtly-wh .it .t,html body #rtly-area .it .t{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.32;height:auto;max-height:3.96em}html body #rtly-wh .list .it,html body #rtly-area .list .it,html body #rtly-wh .more .it,html body #rtly-area .more .it{min-height:94px}html body #rtly-wh .rtly-whead,html body #rtly-area .rtly-whead{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px;border-radius:13px 13px 0 0}html body #rtly-wh .rtly-whead::before,html body #rtly-area .rtly-whead::before{content:"";position:absolute;left:0;right:0;top:-6px;height:6px;background:inherit;pointer-events:none} /* rtly-searchhover-css */ html:not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar{padding-left:10px!important;padding-right:10px!important;transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)!important;cursor:text}html:not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar>svg{display:none!important}html:not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar::before{content:""!important;display:block!important;flex:0 0 20px;width:20px;height:20px;margin-right:-6px;position:relative;z-index:100000;background:#23272D;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.75' cy='8.75' r='5' fill='none' stroke='%23000' stroke-width='1.75'/%3E%3Cpath d='M12.4 12.4 16.25 16.25' stroke='%23000' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E") center/20px 20px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.75' cy='8.75' r='5' fill='none' stroke='%23000' stroke-width='1.75'/%3E%3Cpath d='M12.4 12.4 16.25 16.25' stroke='%23000' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E") center/20px 20px no-repeat}html:not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar input{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:16px!important;letter-spacing:-.09px!important;color:#23272D!important;-webkit-text-fill-color:#23272D!important}html:not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar input::placeholder{color:rgba(35,39,45,.3)!important;-webkit-text-fill-color:rgba(35,39,45,.3)!important;opacity:1!important}html:not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar .kbd{display:inline-flex!important;align-items:center;justify-content:center;min-width:16px;height:20px;padding:2px 4px!important;border-radius:4px!important;background:rgba(0,5,55,.04)!important;color:#ABB2BB!important;font:600 13px/16px "Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;box-sizing:border-box}html:not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar{background:#F4F5F7!important;background-color:#F4F5F7!important;border-color:transparent!important;box-shadow:none!important}html:not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar:hover:not(:focus-within){background:#E8E9EA!important;background-color:#E8E9EA!important}html:not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar:focus-within{background:#FFFFFF!important;background-color:#FFFFFF!important;border-color:#E6E8EC!important;box-shadow:0 0 0 3px #F4F5F7!important}html:not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar:focus-within .kbd{visibility:hidden!important}html:not(.rtly-light):not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar{background:#1C1F27!important;background-color:#1C1F27!important;border-color:transparent!important}html:not(.rtly-light):not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar:hover:not(:focus-within){background:#33353D!important;background-color:#33353D!important;border-color:transparent!important}html:not(.rtly-light):not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar:focus-within{background:#0C0E13!important;background-color:#0C0E13!important;border-color:#2D3037!important;box-shadow:0 0 0 3px #1C1F27!important}html:not(.rtly-light):not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar::before{background:#EDEFF1}html:not(.rtly-light):not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar input{color:#EDEFF1!important;-webkit-text-fill-color:#EDEFF1!important}html:not(.rtly-light):not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar input::placeholder{color:rgba(237,239,241,.3)!important;-webkit-text-fill-color:rgba(237,239,241,.3)!important}html:not(.rtly-light):not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar .kbd{background:rgba(225,241,246,.075)!important;color:#7D8189!important}@media (prefers-reduced-motion:reduce){html:not(#a):not(#b):not(#c):not(#d):not(#e) body form#rtly-hbar{transition:none!important}} /* rtly-cardmark-css */ html body .retirely-card__meta img.rtly-cmark{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;min-width:0!important;min-height:0!important;flex:0 0 16px!important;border-radius:3px!important;margin:0!important;padding:0!important;border:0!important;display:block!important;aspect-ratio:auto!important}html body .retirely-card__meta img.rtly-cmark.rtly-cmark{object-fit:contain!important}html body .retirely-card__meta .rtly-cmark-mono{display:inline-flex!important;align-items:center;justify-content:center;width:16px!important;height:16px!important;border-radius:50%!important;flex:0 0 16px!important;border:1.5px solid #C9A227!important;color:#8A6D1F;background:#FFFDF6;margin:0!important;padding:0!important;font-size:6.5px;font-weight:800;letter-spacing:.02em;line-height:1}html:not(.rtly-light) body .retirely-card__meta .rtly-cmark-mono{border-color:#8a6d1f!important;color:#e8c766;background:#121417} /* style */ body.rtly-fhead{background:#fff!important;overflow-x:clip!important}body.rtly-fhead header.cs-header{position:relative!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;width:100%!important;margin:0!important;z-index:50!important}body.rtly-fhead header.cs-header::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#E6E9EF}body.rtly-fhead header.cs-header .cs-container{max-width:1200px!important;width:100%!important;margin:0 auto!important;padding:0 12px!important}body.rtly-fhead header.cs-header .cs-header__inner-desktop{transition:none!important;padding:0 13px 0 9px!important;height:60px!important;min-height:60px!important;max-width:1152px!important;margin:0 auto!important}body.rtly-fhead .rtly-dot{display:none!important}body.rtly-fhead .cs-header__logo{font-family:"Noto Sans",sans-serif!important;font-size:32px!important;font-weight:700!important;letter-spacing:-1.6px!important;color:#16181D!important;text-decoration:none!important}body.rtly-fhead .cs-header__logo .rtly-tm{display:inline!important;font-size:16px!important;vertical-align:super!important;color:#16181D!important}body.rtly-fhead #rtly-hbar{transition:none!important;flex:0 1 440px!important;width:440px!important;max-width:100%!important;height:40px!important;border-radius:9.2px!important;padding:4px 12px 4px 14px!important;gap:12px!important;box-shadow:none!important;background:#F4F5F6!important;border:1px solid transparent!important}body.rtly-fhead #rtly-hbar:focus-within{background:#F4F5F6!important;border-color:transparent!important;box-shadow:none!important}body.rtly-fhead #rtly-hbar input{font-size:14px!important;font-weight:400!important;font-family:Inter,system-ui,-apple-system,sans-serif!important;color:#18181B!important}body.rtly-fhead #rtly-hbar input::placeholder{color:#9AA1AA!important}body.rtly-fhead #rtly-hbar > svg{width:18px!important;height:18px!important;flex:0 0 18px!important;color:#77808D!important;stroke:#77808D!important}body.rtly-fhead #rtly-hbar .kbd{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:16px!important;color:#AEB4BC!important;border-radius:0!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:0!important}body.rtly-fhead main#primary#primary#primary{background:#fff!important;border-radius:0!important;box-shadow:none!important;margin-top:0!important}body.rtly-fhead .cs-site-content{margin-top:24px!important}body.page-id-24598 .entry-content,body.page-id-43943 .entry-content{max-width:760px!important;margin:0 auto!important;font-size:15.5px!important;line-height:1.7!important;color:#333A44!important} /* style */ body.rtly-fhead header.cs-header .cs-container{background-color:#fff!important}body.rtly-fhead header.cs-header .cs-header__inner-desktop{margin-left:auto!important;margin-right:auto!important}body.rtly-fhead .cs-header__logo .rtly-tm{margin-left:2px!important}body.rtly-fhead header.cs-header #rtly-hbar{margin-left:28px!important;margin-right:8px!important}body.rtly-fhead header.cs-header #rtly-publish{margin-left:auto!important} /* rtly-bars-css */ /* RTLY-BARS-V18 — the Bars look, live (approved 2026-08-30: "let's roll with this one for live"). v1.1: the strip and pulse edges sit flush with the card columns (the wires sit 4px inside their grid tracks at every width — Alex flagged the right-edge overhang on 2026-08-31). v1.2: the strip and pulse are the same 46px height (strip was 50, pulse 40 — Alex flagged it): row padding 7→5, both bars min-height 46, pulse flex-centers its content in the taller box. v1.3: flat — tile shadows off in both themes (--brl-sh:none), borders alone define the tiles. v1.7 (2026-09-04): shadow OFF the date bar too - Alex asked for it flat. --brl-sh-strip:none in both themes; borders alone define all three tiles now. v1.4: a little shadow back on the date bar only (--brl-sh-strip, ~half the old presence); pulse and chips stay flat. v1.6: printed SITE-WIDE (was front-page only — Alex flagged /contact-us/ still showing the old strip): the rules only touch the strip/pulse/chips/hiw where they exist, so other pages are inert; the hiw override is structure-free because that button sits outside main#primary on secondary routes. v1.8 (2026-09-06): the date sits 5px further left - row padding-left 16 -> 11, so "Sunday" starts flush with "What's happening" in the rail below (both 15px inside their tile: 1px border + 14px), 1px shy of the pulse beacon ring. Alex: "the Saturday date should be moved to the left a bit." Desktop only (min-width 941px): phones and small tablets keep the standard homepage untouched. Theme-aware: white tiles on the light theme; on dark, the vision skin's card surface (#0A0A0A tile, #1E2126 line) so the three bars match the cards' dark tile language on the #000 canvas. Steps aside whenever a ?look= preview stamps data-rtly-look on the html element. */ @media (min-width:941px){ html:not([data-rtly-look]){--brl-tile:#FFFFFF;--brl-line:#E8EAEF;--brl-sh:none;--brl-sh-strip:none} html:not([data-rtly-look]):not(.rtly-light){--brl-tile:#0A0A0A;--brl-line:#1E2126;--brl-sh:none;--brl-sh-strip:none} /* bar 1: the briefing strip */ html:not([data-rtly-look]) body main#primary#primary#primary#primary#primary #rtly-brief{background:var(--brl-tile)!important;border:1px solid var(--brl-line)!important;border-radius:14px!important;box-shadow:var(--brl-sh-strip)!important;margin:10px 29px 0 23px!important;max-width:none!important;width:auto!important;box-sizing:border-box!important;min-height:46px!important} html:not([data-rtly-look]) body main#primary#primary#primary#primary#primary #rtly-brief .rtly-row{padding-top:5px!important;padding-bottom:5px!important;padding-left:11px!important;padding-right:14px!important;transform:none!important} html:not([data-rtly-look]) body main#primary#primary#primary#primary#primary #rtly-brief::after{display:none!important} /* bar 2: the advisor pulse (same tile language; it already sits 19/25 inside the frame) */ html:not([data-rtly-look]) body main#primary#primary#primary#primary#primary #eve-pulse{background:var(--brl-tile)!important;border:1px solid var(--brl-line)!important;border-radius:14px!important;box-shadow:var(--brl-sh)!important;margin:8px 29px 10px 23px!important;min-height:46px!important} /* bar 3: the category chips in their own pill bar */ html:not([data-rtly-look]) body main#primary#primary#primary#primary#primary #rtly-cats#rtly-cats{background:var(--brl-tile)!important;border:1px solid var(--brl-line)!important;border-radius:999px!important;box-shadow:var(--brl-sh)!important;padding:6px 10px!important;margin-top:2px!important;margin-bottom:12px!important;justify-content:space-between!important;--cmsz:44px!important;box-sizing:border-box!important} html:not([data-rtly-look]) body main#primary#primary#primary#primary#primary #rtly-cats#rtly-cats::after{display:none!important} html:not([data-rtly-look]) body main#primary#primary#primary#primary#primary #rtly-cats#rtly-cats .c{margin-right:0!important} /* the masthead keeps its full-bleed hairline; give the bars a touch of air under it */ html:not([data-rtly-look]) body main#primary#primary#primary#primary#primary .retirely-news__shell{padding-top:2px!important} /* v1.5/v1.6: the How-it-works pill loses its grey (Alex 2026-08-31) - quiet text+icon; hover keeps a whisper. Structure-free id-repetition so it wins on every route, inside main#primary or not. */ html:not([data-rtly-look]) body #rtly-hiw#rtly-hiw#rtly-hiw#rtly-hiw#rtly-hiw#rtly-hiw{background:transparent!important} html.rtly-light:not([data-rtly-look]) body #rtly-hiw#rtly-hiw#rtly-hiw#rtly-hiw#rtly-hiw#rtly-hiw:hover{background:#EEF0F3!important} html:not(.rtly-light):not([data-rtly-look]) body #rtly-hiw#rtly-hiw#rtly-hiw#rtly-hiw#rtly-hiw#rtly-hiw:hover{background:#1B212B!important} } /* centre-feed fix: release the 941-1099px viewport-tall scrollbox (applies to every theme and flag) */ @media (min-width:941px){ html body main#primary#primary#primary .retirely-news__main{max-height:none!important;overflow:visible!important} } /* rtly-avatarring-css */ #rtly-avatar,#rtly-bm .bm-av{background-color:#F2F5F9!important;box-shadow:0 0 0 1.5px rgba(16,20,26,.14)}html:not(.rtly-light) #rtly-avatar,html:not(.rtly-light) #rtly-bm .bm-av{background-color:#F2F5F9!important;box-shadow:0 0 0 1.5px rgba(255,255,255,.30)} /* rtly-ink-css */ html.rtly-light body{color:#23272D} html.rtly-light:not(#_):not(#_):not(#_) body a.cs-header__logo{background-image:url(https://retire.ly/wp-content/uploads/rtly-brand/retirely-wordmark-pm-ink.svg?v=20260917)!important} /* style */ .perfmatters-lazy-video{position:relative;width:100%;max-width:100%;height:0;padding-bottom:56.23%;overflow:hidden}.perfmatters-lazy-video img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center;border:none;cursor:pointer;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all}.perfmatters-lazy-video img:hover{-webkit-filter:brightness(75%)}.perfmatters-lazy-video .play{position:absolute;top:50%;left:50%;right:auto;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background:url(https://retire.ly/wp-content/plugins/perfmatters/img/youtube.svg) no-repeat;background-position:center;background-size:cover;pointer-events:none;filter:grayscale(1)}.perfmatters-lazy-video:hover .play{filter:grayscale(0)}.perfmatters-lazy-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper:has(.perfmatters-lazy-video)::before{display:none;}.perfmatters-lazy.pmloaded,.perfmatters-lazy.pmloaded>img,.perfmatters-lazy>img.pmloaded,.perfmatters-lazy[data-ll-status=entered]{animation:500ms pmFadeIn}@keyframes pmFadeIn{0%{opacity:0}100%{opacity:1}} /* rtly-chrome-css */ .rtly-icon-btn{appearance:none;background:transparent;border:0;cursor:pointer;color:#000;padding:8px;display:inline-flex;align-items:center;justify-content:center;line-height:0} .rtly-icon-btn:hover{opacity:.7} /* rtly-burgerserve 2026-08-15: the burger is now a DIRECT child of the inner row, printed last, so order:99 reaches it and it lands at the right edge AT FIRST PAINT. It used to be nested inside .cs-col-left, which is why it had to be moved by JS after paint on every route. These values match what rtly-colpin stamps, so colpin is a no-op. */ .cs-header__inner-desktop{justify-content:flex-start!important} .cs-header__inner-desktop .cs-header__col{flex:0 1 auto!important;min-width:0!important;transition:none!important} .cs-header__inner-desktop .rtly-icon-btn--menu{order:99!important;margin-right:-8px!important} .cs-header__inner-desktop #rtly-hiw,.cs-header__inner-desktop #rtly-publish{margin-left:auto!important} .cs-header__inner-desktop #rtly-login{margin-left:0!important} @media(min-width:981px){.cs-header__inner-desktop .rtly-icon-btn--menu{margin-left:2px!important}} @media(max-width:980px){.cs-header__inner-desktop .rtly-icon-btn--menu{margin-left:auto!important}} .cs-header__inner-desktop .cs-logo{margin-left:-2px} .cs-header__inner-desktop .cs-header__logo{padding-left:0} .cs-header__inner-desktop .rtly-icon-btn--search{margin-left:8px} /* rtly-searchpin 2026-08-15: #rtly-hbar is `flex:1 1 auto;max-width:540px`, so it GROWS into spare room. Logged in the account cluster is ~100px narrower than the logged-out one, so the bar inflates to 540 and sits wrong until rtly-newsroom's setTimeout(_harm, 8000) stamps the canonical layout - a visibly wrong header for EIGHT SECONDS (measured on /ticker/NVDA/ and /ticker/AMD/, logged in). 440 is the canonical width; pinning it makes the 8s stamp a no-op. Anonymous was never affected - the wider guest cluster left no room to grow, which is why this only ever showed up logged in. */ @media(min-width:1176px){ header.cs-header .cs-header__inner-desktop #rtly-hbar{flex:0 0 440px!important;width:440px!important;max-width:440px!important} } /* rtly-heightpin 2026-08-19: logged in, rtly-newsroom rebuilds #rtly-hbar after paint and the bar transiently renders 46px tall; the header row grows 60 -> 69 with it and the briefing strip below rides the header bottom - a visible down-then-up nudge on every authed load (fast machines settle in ms; slower ones show it for real time). Canonical desktop heights are 60 (inner row) and 40 (search bar) on every route in BOTH auth states, so pinning them makes the rebuild layout-inert. No overflow:hidden here - the typeahead panel must stay free to extend below the bar. */ @media(min-width:1176px){ header.cs-header .cs-header__inner-desktop{height:60px!important;min-height:60px!important;max-height:60px!important} header.cs-header .cs-header__inner-desktop #rtly-hbar{height:40px!important;min-height:40px!important;max-height:40px!important} } body.rtly-no-scroll{overflow:hidden} /* rtly-ct-css */ #rtly-ct{--ink:#16181D;--body:#3A414B;--mut:#5C626C;--faint:#8A919C;--line:#E6E9EF;--hair:#F0F2F5; --gold:#C9A227;--gold-d:#8A6D1F;--gold-bg:#FDFBF3;--gold-bd:#EBD9A6;--green:#0B8F3A;--card:#fff; font-family:"Noto Sans",system-ui,-apple-system,sans-serif;color:var(--ink); max-width:1176px;margin:0 auto;padding:0 19px 40px} #rtly-ct *{box-sizing:border-box} #rtly-ct a{text-decoration:none;color:inherit} /* ---------- hero ---------- */ #rtly-ct .ct-hero{padding:26px 0 20px;border-bottom:1px solid var(--line);margin-bottom:26px; animation:ctin .5s cubic-bezier(.2,.7,.2,1) both} #rtly-ct .ct-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);margin:0 0 10px} #rtly-ct h1{font-size:44px;line-height:1.06;font-weight:800;letter-spacing:-1.6px;margin:0 0 12px} /* the house shimmer, on the category name itself */ #rtly-ct h1 .ct-sh{background-image:linear-gradient(100deg,#8A6D1F 18%,#E4C978 38%,#8A6D1F 58%); background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent; animation:ctsh 5.5s linear infinite} @keyframes ctsh{from{background-position:100% 0}to{background-position:0 0}} #rtly-ct .ct-blurb{font-size:15.5px;line-height:1.6;color:var(--mut);margin:0 0 18px;max-width:68ch} #rtly-ct .ct-stats{display:flex;gap:8px;flex-wrap:wrap;align-items:center} #rtly-ct .ct-stat{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px; padding:6px 13px;font-size:12.5px;color:var(--mut);background:var(--card)} #rtly-ct .ct-stat b{color:var(--ink);font-weight:800} #rtly-ct .ct-live{width:7px;height:7px;border-radius:50%;background:#00D451;flex:0 0 7px;animation:ctp 1.9s ease-in-out infinite} @keyframes ctp{0%,100%{box-shadow:0 0 0 0 rgba(0,212,81,.45)}55%{box-shadow:0 0 0 5px rgba(0,212,81,0)}} /* ---------- category switcher ---------- */ #rtly-ct .ct-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px} #rtly-ct .ct-chip{border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:13px;font-weight:700;color:var(--mut); background:var(--card);transition:border-color .16s,color .16s,transform .16s,box-shadow .2s} #rtly-ct .ct-chip:hover{border-color:var(--gold-bd);color:var(--gold-d);transform:translateY(-1px);box-shadow:0 6px 16px rgba(201,162,39,.14)} #rtly-ct .ct-chip.on{color:#fff;border-color:transparent;background:linear-gradient(94deg,#a87c10,#d1a92e 50%,#8f6a08); position:relative;overflow:hidden} #rtly-ct .ct-chip.on:after{content:"";position:absolute;top:-40%;left:-60%;width:45%;height:180%; background:linear-gradient(100deg,transparent,rgba(255,250,230,.55),transparent);transform:skewX(-18deg);animation:ctsweep 3.6s ease-in-out infinite} @keyframes ctsweep{0%{left:-60%}55%,100%{left:130%}} /* ---------- lead ---------- */ #rtly-ct .ct-lead{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center; border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card);margin:0 0 30px; position:relative;transition:border-color .2s,box-shadow .22s,transform .22s cubic-bezier(.2,.7,.2,1); animation:ctin .55s cubic-bezier(.2,.7,.2,1) both} #rtly-ct .ct-lead:hover{border-color:var(--gold-bd);box-shadow:0 16px 40px rgba(20,24,31,.10);transform:translateY(-2px)} #rtly-ct .ct-lead .ct-shot{aspect-ratio:16/10;background:var(--hair);overflow:hidden;order:2} #rtly-ct .ct-lead .ct-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)} #rtly-ct .ct-lead:hover .ct-shot img{transform:scale(1.035)} #rtly-ct .ct-lead .ct-txt{padding:30px 8px 30px 30px;order:1} #rtly-ct .ct-lead.noimg{grid-template-columns:1fr} #rtly-ct .ct-lead.noimg .ct-txt{padding:30px} #rtly-ct .ct-flag{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;letter-spacing:.13em; text-transform:uppercase;color:var(--gold-d);margin:0 0 12px} #rtly-ct .ct-lead h2{font-size:31px;line-height:1.17;font-weight:800;letter-spacing:-.9px;margin:0 0 12px} #rtly-ct .ct-lead p{font-size:15.5px;line-height:1.62;color:var(--body);margin:0 0 16px} /* ---------- grid ---------- */ #rtly-ct .ct-h{display:flex;align-items:baseline;gap:12px;margin:0 0 16px} #rtly-ct .ct-h b{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)} #rtly-ct .ct-h i{flex:1;height:1px;background:var(--line);font-style:normal} #rtly-ct .ct-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0 0 34px} #rtly-ct .ct-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);display:flex;flex-direction:column; transition:border-color .18s,box-shadow .2s,transform .2s cubic-bezier(.2,.7,.2,1);animation:ctin .5s cubic-bezier(.2,.7,.2,1) both} #rtly-ct .ct-card:hover{border-color:var(--gold-bd);box-shadow:0 14px 32px rgba(20,24,31,.09);transform:translateY(-2px)} #rtly-ct .ct-card .ct-shot{aspect-ratio:16/9;background:var(--hair);overflow:hidden} #rtly-ct .ct-card .ct-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)} #rtly-ct .ct-card:hover .ct-shot img{transform:scale(1.04)} #rtly-ct .ct-card .ct-txt{padding:16px 17px 15px;display:flex;flex-direction:column;flex:1} #rtly-ct .ct-card h3{font-size:17px;line-height:1.3;font-weight:700;letter-spacing:-.35px;margin:0 0 9px} #rtly-ct .ct-card p{font-size:13.5px;line-height:1.55;color:var(--mut);margin:0 0 12px} #rtly-ct .ct-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--faint);margin-top:auto} #rtly-ct .ct-meta b{font-weight:700;color:var(--mut)} #rtly-ct .ct-meta em{font-style:normal;color:var(--line)} #rtly-ct .ct-card:hover h3,#rtly-ct .ct-lead:hover h2,#rtly-ct .ct-row:hover h3{color:var(--gold-d)} /* ---------- compact rows ---------- */ #rtly-ct .ct-rows{border-top:1px solid var(--line);margin:0 0 30px} #rtly-ct .ct-row{display:grid;grid-template-columns:1fr 108px;gap:18px;align-items:center;padding:16px 4px; border-bottom:1px solid var(--hair);transition:background .16s,padding-left .16s} #rtly-ct .ct-row:hover{background:var(--gold-bg);padding-left:10px} #rtly-ct .ct-row h3{font-size:16px;line-height:1.35;font-weight:700;letter-spacing:-.3px;margin:0 0 6px} #rtly-ct .ct-row .ct-shot{width:108px;height:68px;border-radius:9px;overflow:hidden;background:var(--hair)} #rtly-ct .ct-row .ct-shot img{width:100%;height:100%;object-fit:cover;display:block} #rtly-ct .ct-row.noimg{grid-template-columns:1fr} /* ---------- pagination ---------- */ #rtly-ct .ct-pag{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;padding:8px 0 4px} #rtly-ct .ct-pag a,#rtly-ct .ct-pag span{min-width:40px;height:40px;padding:0 13px;border:1px solid var(--line);border-radius:10px; display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--mut);background:var(--card); transition:border-color .16s,color .16s,transform .16s,box-shadow .2s} #rtly-ct .ct-pag a:hover{border-color:var(--gold-bd);color:var(--gold-d);transform:translateY(-1px);box-shadow:0 6px 16px rgba(201,162,39,.14)} #rtly-ct .ct-pag .current{color:#fff;border-color:transparent;background:linear-gradient(94deg,#a87c10,#d1a92e 50%,#8f6a08)} #rtly-ct .ct-pag .dots{border-color:transparent;background:transparent} #rtly-ct .ct-empty{border:1px dashed var(--line);border-radius:14px;padding:44px 24px;text-align:center;color:var(--mut);font-size:15px} /* stagger - cheap, and it makes the page feel built rather than dumped */ #rtly-ct .ct-card:nth-child(1){animation-delay:.02s} #rtly-ct .ct-card:nth-child(2){animation-delay:.06s} #rtly-ct .ct-card:nth-child(3){animation-delay:.1s} #rtly-ct .ct-card:nth-child(4){animation-delay:.14s} #rtly-ct .ct-card:nth-child(5){animation-delay:.18s} #rtly-ct .ct-card:nth-child(6){animation-delay:.22s} @keyframes ctin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} /* ---------- responsive ---------- */ @media(max-width:1080px){#rtly-ct .ct-grid{grid-template-columns:repeat(2,1fr)} #rtly-ct .ct-lead{grid-template-columns:1fr} #rtly-ct .ct-lead .ct-shot{order:1;aspect-ratio:16/8} #rtly-ct .ct-lead .ct-txt{order:2;padding:22px}} @media(max-width:680px){#rtly-ct{padding:0 14px 30px} #rtly-ct h1{font-size:32px;letter-spacing:-1.1px} #rtly-ct .ct-grid{grid-template-columns:1fr;gap:18px} #rtly-ct .ct-lead h2{font-size:24px} #rtly-ct .ct-row{grid-template-columns:1fr 84px;gap:12px} #rtly-ct .ct-row .ct-shot{width:84px;height:56px}} @media(prefers-reduced-motion:reduce){#rtly-ct *,#rtly-ct *:after{animation:none!important;transition:none!important}} /* ---------- dark ---------- */ /* ⚑ The white band across the Advisor Pulse in dark mode was NOT the pulse - the pulse is #0F0D08 on every page. On the archive its wrapper is the theme's `.cs-site-primary`, which is hard white; on the homepage and /crypto the wrapper is `.retirely-news`, which is black. Chrome dropped into a theme template inherits that template's background, so the wrapper is what has to stand down. */ html:not(.rtly-light) body.rtly-ctp .cs-site, html:not(.rtly-light) body.rtly-ctp .cs-site-primary, html:not(.rtly-light) body.rtly-ctp #primary, html:not(.rtly-light) body.rtly-ctp #content{background:transparent!important} html:not(.rtly-light) #rtly-ct{--ink:#E5EAF1;--body:#C3CAD4;--mut:#9AA1AA;--faint:#828A94;--line:#22262C;--hair:#1B1F25; --gold-d:#E6C55C;--gold-bg:#14161A;--gold-bd:#4A3F1E;--card:#0F1115} html:not(.rtly-light) #rtly-ct h1 .ct-sh{background-image:linear-gradient(100deg,#C9A227 18%,#F3E1A6 38%,#C9A227 58%)} html:not(.rtly-light) #rtly-ct .ct-chip.on,html:not(.rtly-light) #rtly-ct .ct-pag .current{color:#14161A; background:linear-gradient(92deg,#f5c518,#ffdf7e 45%,#d4af37)} html:not(.rtly-light) #rtly-ct .ct-lead:hover,html:not(.rtly-light) #rtly-ct .ct-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.5)} /* rtly-chromelayer-css */ /* ---------- THE CHROME. Measured off /crypto/ 2026-08-08 (vw2183): header sticky/top0/z60 496/1176 - inner 508/1152 - logo 517/126 - hbar 683/440 main#primary 496/1176 - #content 496/1176 - #rtly-brief 496/1176 - #eve-pulse 515/1132 A single post ships a WIDER container (1320/1296) and main at 1500, which is what makes the strip sit ~160px left of every other page. Pin all of it. ---------- */ /* NO background forcing anywhere in this block. artx forces #fff (it inherited the old "white everywhere" article rule) and that is exactly what made this page read as wrong: in dark mode home and /crypto/ paint their chrome DARK, and a white masthead + white briefing strip floating in a dark page is visible from across the room. Let the theme paint. Same for the bar width: the masthead is FULL-BLEED, only .cs-container is 1176. */ /* ⚑ FHEADSTICK 2026-08-16 (Alex: "/contact-us/ still has a different header?"). Measured: every element on that page is at home's exact pixel EXCEPT the header computes `relative` instead of `sticky`, so it scrolls away. Cause: the body carries BOTH rtly-chrome and rtly-fhead, and THREE rtly-fhead rules set position:relative!important at the same specificity as the chrome rule below (body.X header.cs-header = 0,2,2) - printed later, so they win. One extra class beats them regardless of print order, on every chrome+fhead page. */ body.rtly-chrome.rtly-fhead header.cs-header{position:sticky!important;top:0!important;z-index:60!important} /* ⚑ PARITY 2026-08-16 (Alex, comparing an article and home side by side: "the notification bell smaller on article pages and a subtle difference to the search"). Both pages ship the SAME markup - the bell svg carries width/height 19 and stroke-width 1.9 as ATTRIBUTES, and the "/" badge is a bare span. Home upsizes them in the `rtly-news` stylesheet, which articles never load. Measured: bell svg 22x22 stroke 1.7 on home vs 19x19 stroke 1.9 on an article; .kbd inline-flex/min-width 20px on home vs block/auto on an article (which also handed the input 10px more width). Re-stated here so every chrome-layer page matches home. ROUND 2: two declarations were not enough - the badge still sat 1px low with a 18.4px box instead of 21px, because home's rtly-news rule ALSO carries flex/align-items/justify-content/ height. Copied those verbatim; the vision sheets still strip its border/background on top, which is why the visible badge is a bare glyph on both. */ #rtly-bell svg{width:22px;height:22px;stroke-width:1.7} #rtly-hbar .kbd{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:21px} body.rtly-chrome header.cs-header{position:sticky!important;top:0!important;z-index:60!important; max-width:1176px!important;margin-left:auto!important;margin-right:auto!important; border-bottom:0!important;box-shadow:none!important} body.rtly-chrome header.cs-header .cs-container{max-width:1176px!important;margin:0 auto!important;padding:0!important} body.rtly-chrome header.cs-header .cs-header__inner-desktop{max-width:1152px!important;margin:0 auto!important; padding:0 13px 0 9px!important;min-height:60px!important;transition:none!important} body.rtly-chrome header.cs-header .cs-header__col.cs-col-left{flex:0 0 auto!important;order:0!important} body.rtly-chrome header.cs-header .cs-header__col.cs-col-right{display:none!important} body.rtly-chrome header.cs-header #rtly-hbar{order:5!important;flex:0 0 440px!important;width:440px!important;max-width:440px!important;height:40px!important;margin-left:28px!important} body.rtly-chrome header.cs-header #rtly-hiw{order:5!important;display:flex!important;align-items:center!important;gap:6px!important; margin:0 0 0 auto!important;padding:7px 12px!important;height:32px!important;border-radius:999px!important; font-size:13.5px!important;font-weight:500!important;line-height:13.5px!important;color:#5C626C!important;background:transparent!important} body.rtly-chrome header.cs-header #rtly-login{order:6!important;display:flex!important;align-items:center!important; margin:0 0 0 10px!important;padding:7px 15px!important;height:30px!important;border:1px solid #E4E7EB!important; border-radius:9999px!important;background:#fff!important;font-size:14px!important;font-weight:600!important;line-height:14px!important} body.rtly-chrome header.cs-header #rtly-signup{order:7!important;display:flex!important;align-items:center!important; margin:0 0 0 -6px!important;padding:7px 15px!important;height:31px!important;border:1.5px solid #C9A227!important; border-radius:9999px!important;background:#fff!important;color:#8A6D1F!important;font-size:14px!important;font-weight:600!important;line-height:14px!important} body.rtly-chrome header.cs-header .rtly-icon-btn--menu{order:99!important;margin:0 -8px 0 14px!important;padding:8px!important; width:38px!important;height:38px!important;border-radius:8px!important;background:transparent!important} /* `#rtly-lite` is rtly-own's lightweight header/pulse band for non-front pages. Where this layer is on it is a SECOND Advisor Pulse stacked above the real one. */ body.rtly-chrome #rtly-lite{display:none!important} /* the theme zeroes the header's margins with a more specific rule; repeat the class to out-specify it, or the 1176 bar sits hard against the left edge instead of centred */ html body.rtly-chrome header.cs-header.cs-header{margin-left:auto!important;margin-right:auto!important} /* everything below the masthead has to line up with it */ body.rtly-chrome main#primary{max-width:1176px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important} body.rtly-chrome main#primary > .cs-site-content > .cs-container, body.rtly-chrome main#primary .cs-container, body.rtly-chrome #content{max-width:1176px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important} body.rtly-chrome #rtly-chrome-anchor{height:0!important;min-height:0!important;margin:0!important;padding:0!important} body.rtly-chrome #rtly-brief{display:block!important;max-width:none!important;margin:0!important;padding:0 0 0 3px!important} body.rtly-chrome #eve-pulse{display:flex!important} /* ---------- PHONES ---------- TWO SEPARATE THINGS LIVE HERE. Keep them separate. (1) THE WIDTH CAP. The 1176 measure above is a DESKTOP CENTRING device. Applied below the chrome's own breakpoint it pins main#primary to 1176px inside a ~390px viewport, and because html/body are overflow-x:clip the right two thirds are CUT OFF rather than scrollable. main#primary is also a flex item of .cs-site-inner (a COLUMN flex box), so with min-width:auto it cannot shrink below the min-content of its widest child. Both halves are needed or it springs back. (2) THE STRIP AND THE PULSE. Alex, 2026-08-09: "its not same advisor pulse design like we have on the home page... so why are u using our universal header everywhere?" The universal header is right - what was wrong is that I invented a phone treatment for it (a scrolling one-line pulse) instead of using the homepage's. The declarations below are COPIED VERBATIM from rtly-home-live.php's #rtly-home-strip, which is the spec. Do not restyle these here; if the homepage's changes, copy them again. */ @media (min-width:981px) and (max-width:1175px){ body.rtly-chrome main#primary, body.rtly-chrome #content{max-width:calc(100% - 24px)!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;min-width:0!important} } @media (max-width:980px){ body.rtly-chrome main#primary, body.rtly-chrome main#primary > .cs-site-content > .cs-container, body.rtly-chrome main#primary .cs-container, body.rtly-chrome #content{max-width:100%!important;width:auto!important;min-width:0!important} /* BELT 2026-08-09: Alex's iPhone showed the 401k article at desktop width while Blink at 390 was clean - if the pin JS ever dies (engine quirk, extension, error), the plain rules above can lose a specificity war to the theme's 1500px sheet. Triple-id repetition (site doctrine) makes the CSS release unbeatable WITHOUT JS. */ html body.rtly-chrome main#primary#primary#primary, html body.rtly-chrome #content#content#content{max-width:100%!important;width:auto!important;min-width:0!important;margin-left:0!important;margin-right:0!important} html body.rtly-chrome #rtly-ap, html body.rtly-chrome #rtly-ap .ap-main, html body.rtly-chrome #rtly-ap .ap-prose{max-width:100%!important;min-width:0!important} } /* the homepage stacks the strip into a left-aligned column and drops the market chips */ @media (max-width:768px){ body.rtly-chrome #rtly-brief{overflow:visible!important;min-width:0!important;-webkit-mask-image:none!important;mask-image:none!important} body.rtly-chrome #rtly-brief .rtly-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;gap:3px!important;grid-template-columns:none!important;column-gap:0!important;overflow:visible!important;padding-left:16px!important;width:auto!important;max-width:none!important} body.rtly-chrome #rtly-brief .rtly-z1, body.rtly-chrome #rtly-brief .rtly-z3{align-self:flex-start!important;justify-content:flex-start!important;text-align:left!important;margin:0!important} body.rtly-chrome #rtly-brief .rtly-z3 #rtly-wx-ico{margin-left:0!important} body.rtly-chrome #rtly-brief .rtly-z2{display:none!important} } /* and it HIDES the Advisor Pulse on phones - rtly-shell's #rtly-mobstrip-css already says `@media(max-width:680px){#eve-pulse{display:none}}` on every page, but this layer's own unconditional `body.rtly-chrome #eve-pulse{display:flex!important}` was beating it. That single !important is the whole reason an article showed a pulse the homepage does not. */ @media (max-width:680px){ body.rtly-chrome #eve-pulse{display:none!important} } /* ---------- PHONE MASTHEAD = HOME (2026-08-09, Alex: identical to home page) ---------- The homepage serves the DESKTOP inner at every width (wordmark left, burger right); single posts served the theme's mobile inner (burger left + centred wordmark) - that mismatch is what Alex kept seeing, and yesterday's double-logo was both inners visible at once. The layer now forces home's choice on every chrome page; the artpro block that hid inner-desktop <=980 is REMOVED so nothing fights this. */ @media (max-width:980px){ html body.rtly-chrome header.cs-header .cs-header__inner-desktop{display:flex!important} html body.rtly-chrome header.cs-header .cs-header__inner-mobile{display:none!important} /* home <=980 logged out: wordmark + burger ONLY (search/login live in the menu) */ html body.rtly-chrome header.cs-header #rtly-hbar, html body.rtly-chrome header.cs-header #rtly-hiw, html body.rtly-chrome header.cs-header #rtly-login, html body.rtly-chrome header.cs-header #rtly-signup{display:none!important} html body.rtly-chrome header.cs-header .cs-header__inner-desktop .rtly-icon-btn--menu{margin-left:auto!important;margin-right:0!important} html body.rtly-chrome header.cs-header .cs-header__col.cs-col-left{flex-grow:0!important} } /* AUTHFIX 2026-08-09: canonical col-left is grow:0 (measured on /crypto/: w126). The theme gives singles grow:1, which logged-in absorbed ~300px of slack and pushed the search pill to x612 while home sits at x301. Pin at every width. */ body.rtly-chrome header.cs-header .cs-header__col{flex-grow:0!important;width:auto!important;flex-shrink:1!important;min-width:0!important;transition:none!important} /* home's authed cluster at small widths (values copied from rtly-shell hdrband/hdrband2) */ @media (min-width:601px) and (max-width:940px){ html.rtly-authed body.rtly-chrome #rtly-publish{font-size:0!important;padding:9px!important;gap:0!important} html.rtly-authed body.rtly-chrome #rtly-publish svg{width:16px!important;height:16px!important;margin:0!important} } /* home authed 601-940 keeps a SMALL search pill (hdrband sizes) - mirror it */ @media (min-width:601px) and (max-width:940px){ html.rtly-authed body.rtly-chrome header.cs-header #rtly-hbar{display:flex!important;flex:0 1 220px!important;max-width:220px!important;min-width:120px!important} } @media (max-width:600px){ html.rtly-authed body.rtly-chrome #rtly-publish{display:none!important} html.rtly-authed body.rtly-chrome #rtly-bell{margin-left:auto!important} html.rtly-authed body.rtly-chrome #rtly-avatar{margin-left:10px!important} } /* ---------- LIGHTER ARTICLE HEADER ON PHONES (Alex chose this, 2026-08-09) ---------- On phone ARTICLES the date/weather strip is gone entirely: masthead, then headline. The homepage keeps its strip - this is .single only. Hidden from first paint (wp_head) so nothing flashes; the builder writing into a hidden div is the accepted cost - do NOT gate the shared builder by width. */ @media (max-width:760px){ html body.rtly-chrome.single #rtly-brief{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important} html body.rtly-chrome.single #eve-pulse{display:none!important} } /* ---------- CHROME COLOURS, copied from /crypto/'s computed styles ---------- Several dark treatments for the strip, the pulse label and the Publish button live in blocks that bail on `is_singular('post')`, so on an article the strip builder's own light inline colours (#16181d) survive and you get ink-dark text on a black bar. Match the reference values here rather than un-gating shared files. */ html:not(.rtly-light) body.rtly-chrome #rtly-brief{background:#000!important} /* ⚑ THE GREY BAR, from Alex's screenshot of an ARTICLE: the strip row itself sat on a grey band. The dark rule above existed; there was never a LIGHT one, so in light mode #rtly-brief inherited whatever its wrapper happened to be - white for me, #eef0f3 for him. Pin both ends, and the row + its immediate wrapper with it. */ html.rtly-light body.rtly-chrome #rtly-brief, html.rtly-light body.rtly-chrome #rtly-brief .rtly-row, html.rtly-light body.rtly-chrome #rtly-brief *{background-color:transparent!important} html.rtly-light body.rtly-chrome #rtly-brief{background-color:#fff!important} html.rtly-light body.rtly-chrome #eve-pulse{background-color:#fff!important} html:not(.rtly-light) body.rtly-chrome #rtly-brief .rtly-z1, html:not(.rtly-light) body.rtly-chrome #rtly-brief .rtly-vdate, html:not(.rtly-light) body.rtly-chrome #rtly-brief .rtly-z2 b{color:#EEF1F5!important} /* NO rule on `.rtly-z2 span` - the ticker VALUES are spans carrying an inline `color:#0B8F3A`, and an !important here paints the green numbers white. Only the `b` labels need overriding; the wrapper spans already inherit the right colour. */ html:not(.rtly-light) body.rtly-chrome #rtly-wx-txt{color:#fff!important} html:not(.rtly-light) body.rtly-chrome #rtly-publish{background:#0A0A0A!important;color:#E8E8E8!important} body.rtly-chrome #eve-pulse .lbl{background-image:linear-gradient(92deg,#a87c10,#d1a92e 50%,#8f6a08)!important; -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;font-weight:800!important} /* PULSEGOLD 2026-08-09 - homegold's gold NOTCH, copied verbatim (rtly-homegold.php is front-page-gated so articles never got it; Alex: "they should all be unified"). NOTE: a ::before is INVISIBLE to computed-style element diffs - diff pseudo-elements too, or eyeball, before declaring two bars identical. */ body.rtly-chrome #eve-pulse{position:relative!important;overflow:hidden!important} body.rtly-chrome #eve-pulse::before{content:"";position:absolute;left:0;top:18%;height:64%;width:3px;border-radius:3px;background:linear-gradient(180deg,#f5c518,#ffdf7e 45%,#d4af37)} body.rtly-chrome #eve-pulse .cta{font-weight:700!important} /* ---------- CHROME FONTS + THE TWO DROPDOWNS ---------- Copied from rtly-newsroom.php's own stylesheet rather than re-invented, so this is the same UI, not a lookalike. Without it #rtly-acct is position:static and renders as a bare list below the footer - which is what "the mouse over doesn't work" is. */ body.rtly-chrome #eve-pulse,body.rtly-chrome #eve-pulse *, body.rtly-chrome #rtly-brief,body.rtly-chrome #rtly-brief *{font-family:"Noto Sans",system-ui,-apple-system,sans-serif} body.rtly-chrome #rtly-acct{position:fixed;min-width:212px;background:#fff;border-radius:14px;box-shadow:0 16px 44px rgba(0,0,0,.18);padding:8px;z-index:100001;display:none;font-family:'Noto Sans',sans-serif} body.rtly-chrome #rtly-acct.open{display:block;animation:rtlyMfade .14s ease} html:not(.rtly-light) body.rtly-chrome #rtly-acct{background:#0f1318;box-shadow:0 16px 44px rgba(0,0,0,.6)} body.rtly-chrome #rtly-acct a,body.rtly-chrome #rtly-acct .dm{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;color:#16181d;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer} body.rtly-chrome #rtly-acct a:hover,body.rtly-chrome #rtly-acct .dm:hover{background:#f2f4f1} html:not(.rtly-light) body.rtly-chrome #rtly-acct a,html:not(.rtly-light) body.rtly-chrome #rtly-acct .dm{color:#e7eaf0} html:not(.rtly-light) body.rtly-chrome #rtly-acct a:hover,html:not(.rtly-light) body.rtly-chrome #rtly-acct .dm:hover{background:#171d26} body.rtly-chrome #rtly-acct .sep{height:1px;background:#ececec;margin:6px 8px} html:not(.rtly-light) body.rtly-chrome #rtly-acct .sep{background:#23262c} body.rtly-chrome #rtly-acct .lo{color:#e5484d} body.rtly-chrome #rtly-acct .dm{justify-content:space-between} body.rtly-chrome #rtly-acct .dm .dm-l{display:flex;align-items:center;gap:10px} body.rtly-chrome #rtly-acct .tg{width:36px;height:20px;border-radius:20px;background:#d4d8de;position:relative;transition:background .15s;flex:0 0 auto} body.rtly-chrome #rtly-acct .tg:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s} html:not(.rtly-light) body.rtly-chrome #rtly-acct .tg{background:#d4af37} html:not(.rtly-light) body.rtly-chrome #rtly-acct .tg:after{transform:translateX(16px)} body.rtly-chrome #rtly-menu{position:absolute;z-index:99999;background:#fff;border:1px solid #e6e5de;border-radius:14px;box-shadow:0 14px 40px rgba(20,24,33,.14);padding:7px;min-width:208px;font-family:'Noto Sans',sans-serif;display:none} body.rtly-chrome #rtly-menu.open{display:block} body.rtly-chrome #rtly-menu a{display:block;padding:9px 12px;font-size:14px;color:#3d434d;text-decoration:none;border-radius:9px} body.rtly-chrome #rtly-menu a:hover{background:#f3f7f5;color:#101319} body.rtly-chrome #rtly-menu .rtly-menu-sep{height:1px;background:#eef0ec;margin:5px 6px} body.rtly-chrome #rtly-menu .dm{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:14px;color:#3d434d;cursor:pointer;border-radius:9px} body.rtly-chrome #rtly-menu .dm:hover{background:#f3f7f5} body.rtly-chrome #rtly-menu .dm .dm-l{display:flex;align-items:center;gap:10px} body.rtly-chrome #rtly-menu .dm .dm-l svg{color:#5c626c} html:not(.rtly-light) body.rtly-chrome #rtly-menu{background:#0f1318;border-color:#222c3b;box-shadow:0 14px 40px rgba(0,0,0,.6)} html:not(.rtly-light) body.rtly-chrome #rtly-menu a{color:#c7cedb} html:not(.rtly-light) body.rtly-chrome #rtly-menu a:hover{background:#1f2937;color:#eef1f5} html:not(.rtly-light) body.rtly-chrome #rtly-menu .rtly-menu-sep{background:#222c3b} html:not(.rtly-light) body.rtly-chrome #rtly-menu .dm{color:#c7cedb} html:not(.rtly-light) body.rtly-chrome #rtly-menu .dm:hover{background:#1f2937} html:not(.rtly-light) body.rtly-chrome #rtly-menu .dm .dm-l svg{color:#c7cedb} @keyframes rtlyMfade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}} /* nothing may clip a sticky header or an ad */ body.rtly-chrome,body.rtly-chrome #page,body.rtly-chrome .cs-site-inner,body.rtly-chrome main#primary, body.rtly-chrome .cs-site-content,body.rtly-chrome .cs-container,body.rtly-chrome #content{overflow:visible!important} /* rtly-pshold-css */ html.rtly-pshold .rtly-modal-card{opacity:0!important} /* rtly-artbar-css */ #rtly-artbar{position:fixed;top:0;left:0;height:2px;width:0;background:var(--rtly-gold,#C9A227);z-index:2147483647;pointer-events:none;opacity:0}html.rtly-dark #rtly-artbar{background:#D4AF37} /* rtly-adseam-css */ /* zero-height until Google puts something in them - an empty seam must never add space */ body.rtly-chrome .rtly-adseam{display:block;width:100%;min-height:0;margin:0;padding:0;clear:both} body.rtly-chrome .rtly-adseam:empty{height:0;overflow:hidden} /* rtly-burgerdom-css */ @media (max-width:980px){ html body header.cs-header .cs-header__inner-desktop > .rtly-icon-btn--menu, html body header.cs-header .cs-header__inner > .rtly-icon-btn--menu, html body header.cs-header .cs-header__inner-desktop > .rtly-drawer-open, html body header.cs-header .cs-header__inner > .rtly-drawer-open{ order:99!important;margin-left:auto!important;margin-right:0!important; } /* rtly-shell's vision block styles these as `html.rtly-vision main#primary#primary#primary #rtly-hiw{display:inline-flex!important}` (3 IDs + a class) because on those routes the header is relocated INSIDE main#primary. Repeat the ID four times to out-specify it - the site's own doctrine. */ html body #rtly-hbar#rtly-hbar#rtly-hbar#rtly-hbar, html body #rtly-hiw#rtly-hiw#rtly-hiw#rtly-hiw, html body #rtly-login#rtly-login#rtly-login#rtly-login, html body #rtly-signup#rtly-signup#rtly-signup#rtly-signup{display:none!important} } /* rtly-foot-css */ /* the theme's minimal footer stands down wherever this one is on */ body.rtly-newfoot footer.cs-footer.rtly-footer-min{display:none!important} #rtly-foot{--ink:#16181D;--mut:#5C626C;--faint:#8A919C;--line:#E6E9EF;--hair:#F0F2F5; --gold:#C9A227;--gold-d:#8A6D1F;--gold-bg:#FDFBF3;--gold-bd:#EBD9A6; font-family:"Noto Sans",system-ui,-apple-system,sans-serif;color:var(--ink); border-top:1px solid var(--line);margin-top:56px;padding:0 0 34px} #rtly-foot *{box-sizing:border-box} #rtly-foot a{text-decoration:none;color:inherit} /* 19px, not 12: puts the footer wordmark on 197px - the exact left edge of the masthead logo above it, so the brand mark lines up top and bottom. Measured, not guessed. */ #rtly-foot .ft-in{max-width:1176px;margin:0 auto;padding:44px 19px 0} /* a hairline of brand gold across the very top - the whole "nice company" signal in 3px */ #rtly-foot .ft-rule{height:3px;background:linear-gradient(90deg,#8f6a08,#d1a92e 22%,#EBD48A 50%,#d1a92e 78%,#8f6a08);opacity:.85} #rtly-foot .ft-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px} /* THE WORDMARK. Metrics and both gradients are copied from the masthead (mu-plugins/rtly-goldlogo.php) so the mark at the bottom of the page is the same mark as the one at the top: weight 700, -.05em tracking, and the trademark as its own half-size superscript span - NOT a full-size character sitting on the baseline. */ #rtly-foot .ft-brand .ft-mark{font-size:23px;font-weight:700;letter-spacing:-.05em; background-image:linear-gradient(94deg,#a87c10,#d1a92e 50%,#8f6a08);-webkit-background-clip:text;background-clip:text; -webkit-text-fill-color:transparent;color:transparent;display:inline-block;line-height:1.2;padding-bottom:.1em} #rtly-foot .ft-brand .ft-tm{font-size:.5em;font-weight:700;letter-spacing:normal;vertical-align:super} /* dark mode: the masthead switches to a brighter gold, so this does too */ html:not(.rtly-light) #rtly-foot .ft-brand .ft-mark{background-image:linear-gradient(92deg,#f5c518,#ffdf7e 45%,#d4af37)} #rtly-foot .ft-brand p{font-size:13.5px;line-height:1.65;color:var(--mut);margin:12px 0 18px;max-width:34ch} #rtly-foot h4{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 14px} #rtly-foot ul{list-style:none;margin:0;padding:0} #rtly-foot li{margin:0 0 10px} #rtly-foot li a{font-size:13.5px;color:var(--mut);transition:color .15s,padding-left .15s;display:inline-block} #rtly-foot li a:hover{color:var(--gold-d);padding-left:3px} #rtly-foot .ft-badges{display:flex;gap:9px;flex-wrap:wrap} #rtly-foot .ft-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px; background:#fff;padding:7px 13px 7px 11px;transition:border-color .18s,transform .16s,box-shadow .2s} #rtly-foot .ft-badge:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 8px 20px rgba(201,162,39,.18)} #rtly-foot .ft-badge span{display:flex;flex-direction:column;line-height:1.1} #rtly-foot .ft-badge em{font-style:normal;font-size:9.5px;font-weight:600;color:var(--faint)} #rtly-foot .ft-badge b{font-size:13px;font-weight:800;letter-spacing:-.2px} #rtly-foot .ft-mid{display:flex;align-items:center;gap:16px;flex-wrap:wrap; margin-top:38px;padding-top:22px;border-top:1px solid var(--hair)} #rtly-foot .ft-social{display:flex;gap:8px;margin-left:auto} #rtly-foot .ft-s{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center; justify-content:center;color:var(--mut);transition:all .16s} #rtly-foot .ft-s:hover{border-color:var(--gold-bd);background:var(--gold-bg);color:var(--gold-d);transform:translateY(-1px)} /* 2026-08-21, Alex: "on mouse over they could have that gold border circle but have the logos load in their logo color". The ring, wash and lift above are untouched - these only repaint the mark itself, and .ft-s already carries transition:all .16s so the colour eases in with the rest of the hover. The SVGs are all fill/stroke:currentColor, so setting `color` is the whole job. Instagram's real brand is a gradient, which currentColor cannot express; #E1306C is the pink at the centre of it and is what reads as Instagram at 15px. Targeted by aria-label, NOT by added classes. The first cut tagged the anchors .ft-x/.ft-bs/.ft-ig/.ft-in - and .ft-in was ALREADY this file's footer inner wrapper (max-width:1176px;padding:44px 19px 0, line ~108). The LinkedIn anchor inherited that padding, blew out to 40x46 instead of 34x34, and pushed its mark clean out of the circle. .ft-in is also what the footer's own JS querySelector's at the bottom of this file, so a second element carrying it was a live trap as well. The aria-labels were already on these anchors, are unique, and cannot collide with anything. */ #rtly-foot .ft-s[aria-label="Retirely on X"]:hover{color:#000} #rtly-foot .ft-s[aria-label="Retirely on Bluesky"]:hover{color:#0285FF} #rtly-foot .ft-s[aria-label="Retirely on Instagram"]:hover{color:#E1306C} #rtly-foot .ft-s[aria-label="Retirely on LinkedIn"]:hover{color:#0A66C2} /* X's mark is black-on-white by design, so it inverts with the theme. The others are brand colours that hold on either background. */ html:not(.rtly-light) #rtly-foot .ft-s[aria-label="Retirely on X"]:hover{color:#fff} #rtly-foot .ft-legalnav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px} #rtly-foot .ft-legalnav a{color:var(--mut)} #rtly-foot .ft-legalnav a:hover{color:var(--gold-d)} #rtly-foot .ft-fine{margin-top:20px;font-size:11.5px;line-height:1.7;color:var(--faint);max-width:96ch} #rtly-foot .ft-fine strong{color:var(--mut);font-weight:700} #rtly-foot .ft-copy{margin-top:14px;font-size:12.5px;color:var(--faint)} @media(max-width:1000px){#rtly-foot .ft-top{grid-template-columns:1fr 1fr 1fr} #rtly-foot .ft-brand{grid-column:1/-1}} @media(max-width:640px){#rtly-foot .ft-top{grid-template-columns:1fr 1fr;gap:26px} #rtly-foot .ft-social{margin-left:0}} @media(prefers-reduced-motion:reduce){#rtly-foot *{transition:none!important}} html:not(.rtly-light) #rtly-foot{color:#E5EAF1;border-top-color:#22262C} html:not(.rtly-light) #rtly-foot .ft-badge,html:not(.rtly-light) #rtly-foot .ft-s{background:#0F1115;border-color:#22262C} html:not(.rtly-light) #rtly-foot .ft-badge b{color:#E5EAF1} html:not(.rtly-light) #rtly-foot li a,html:not(.rtly-light) #rtly-foot .ft-brand p, html:not(.rtly-light) #rtly-foot .ft-legalnav a{color:#9AA1AA} html:not(.rtly-light) #rtly-foot .ft-mid{border-top-color:#1B1F25} /* rtly-bm-css */ #rtly-bm{--ink:#16181D;--mut:#5C626C;--faint:#8A919C;--line:#E6E9EF;--hair:#F0F2F5;--card:#fff; --gold:#C9A227;--gold-d:#8A6D1F;--gold-bg:#FDFBF3;--gold-bd:#EBD9A6;--hov:#F2F3F6; position:fixed;z-index:2147483000;width:288px;max-width:calc(100vw - 20px); background:var(--card);border:1px solid var(--line);border-radius:14px; box-shadow:0 18px 50px rgba(16,20,26,.18),0 2px 6px rgba(16,20,26,.05); font-family:"Noto Sans",system-ui,-apple-system,sans-serif;color:var(--ink); overflow:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;visibility:hidden; transition:opacity .15s ease,transform .17s cubic-bezier(.2,.7,.2,1)} #rtly-bm.on{opacity:1;transform:none;pointer-events:auto;visibility:visible} #rtly-bm *{box-sizing:border-box} #rtly-bm a{text-decoration:none;color:inherit} /* the bridge: covers the gap to the trigger so moving the mouse never leaves the menu */ #rtly-bm:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px} #rtly-bm .bm-rule{height:3px;background:linear-gradient(90deg,#8f6a08,#d1a92e 22%,#EBD48A 50%,#d1a92e 78%,#8f6a08)} /* who you are */ #rtly-bm .bm-top{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--hair)} #rtly-bm .bm-av{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--hair) center/cover;flex:0 0 32px} #rtly-bm .bm-nm{font-size:13.5px;font-weight:800;line-height:1.25;min-width:0} #rtly-bm .bm-nm em{display:block;font-style:normal;font-size:11.5px;font-weight:600;color:var(--faint)} /* rows */ #rtly-bm .bm-sec{padding:6px} #rtly-bm .bm-sec + .bm-sec{border-top:1px solid var(--hair)} /* justify-content is spelled out because the Dark mode row is a