/* Oct 31 2026: blog reading companion (progress bar, minutes left, next-step card). Self-contained tokens. */
.rc-bar{position:fixed;top:0;left:0;right:0;height:4px;z-index:9998;background:rgba(10,29,80,.12);pointer-events:none}
.rc-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2e5bba,#c4ad7d);box-shadow:0 0 10px rgba(196,173,125,.6);transition:width .12s linear}
.rc-left{position:fixed;left:20px;bottom:20px;z-index:9990;padding:8px 14px;border-radius:999px;background:rgba(10,29,80,.92);color:#e9edf6;font:600 13px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.02em;box-shadow:0 10px 24px -12px rgba(7,19,50,.7);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;pointer-events:none}
.rc-left.on{opacity:1;transform:none}
.rc-card{position:fixed;right:24px;bottom:172px;z-index:9995;width:min(380px,calc(100vw - 32px));border-radius:20px;padding:24px 24px 20px;font-family:'DM Sans',Arial,sans-serif;color:#fff;
  background:radial-gradient(320px 200px at 90% 0%,rgba(46,91,186,.55),transparent 70%),linear-gradient(165deg,#15357a 0%,#0c2259 55%,#0a1d50 100%);
  box-shadow:0 30px 60px -24px rgba(7,19,50,.75),0 0 0 1px rgba(196,173,125,.35);
  opacity:0;transform:translateY(24px) scale(.98);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.rc-card.on{opacity:1;transform:none;pointer-events:auto}
.rc-card *{box-sizing:border-box}
.rc-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#c9d2e4;font:400 22px/1 Arial,sans-serif;cursor:pointer;display:grid;place-items:center}
.rc-x:hover{background:rgba(255,255,255,.16);color:#fff}
.rc-card .rc-kicker{margin:0;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#c4ad7d}
.rc-card h2{margin:10px 34px 0 0;font-size:21px;line-height:1.25;font-weight:600;letter-spacing:-.02em;color:#fff}
.rc-card .rc-body{margin:10px 0 0;font-size:15px;line-height:1.55;color:#c9d2e4}
.rc-card .rc-price{margin:12px 0 0;font-size:13.5px;color:#f3ead4}
.rc-card .rc-price b{color:#ecdcb0}
.rc-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.rc-card a.rc-go{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:6px;border:1px solid #d9c695;background:linear-gradient(135deg,#ecdcb0 0%,#d4bd8b 30%,#c4ad7d 52%,#b39b69 78%,#d6c290 100%);color:#0a1d50!important;-webkit-text-fill-color:#0a1d50;font-size:13.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none!important;box-shadow:0 12px 28px -12px rgba(196,173,125,.8);transition:transform .2s,filter .2s}
.rc-card a.rc-go:hover{transform:translateY(-2px);filter:brightness(1.05)}
.rc-card a.rc-plans{align-self:center;font-size:14px;font-weight:600;color:#c4ad7d!important;-webkit-text-fill-color:#c4ad7d;text-decoration:none!important}
.rc-card a.rc-plans:hover{color:#fff!important;-webkit-text-fill-color:#fff}
@media (prefers-reduced-motion:reduce){.rc-card,.rc-left,.rc-bar i{transition:none}}
@media (max-width:640px){
  .rc-left{display:none}
  .rc-card{left:12px;right:84px;bottom:12px;width:auto;padding:20px 18px 16px;border-radius:18px}
  .rc-card h2{font-size:19px}
  .rc-card .rc-body{font-size:14.5px}
}