/* Retention AI (redesign): thirteen weeks of one subscriber as a bar chart, with five moments flagged on it, beside the
   reading of the chosen moment. The ribbon frames the right edge behind the reading card. */
.rt-hero{padding-bottom:var(--s9)}
.rt-desk{margin-top:var(--s8);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s6);align-items:start}
.rt-chart{overflow:hidden}
.rt-plot{position:relative;padding:70px 24px 0}
.rt-bars{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:8px;align-items:end;height:260px;border-bottom:2px solid var(--line)}
.rt-bars li{position:relative;display:grid;align-items:end;height:100%}
.rt-bars .bar{display:block;height:calc(var(--v) * 52px);min-height:4px;border-radius:6px 6px 0 0;background:var(--sky);transition:opacity .4s ease}
.rt-bars .zero .bar{height:4px;background:var(--ma-coral)}
.rt-bars .setup .bar{background:var(--ma-teal)}
.rt-bars .later .bar{opacity:.18}
.rt-bars small{position:absolute;left:0;right:0;bottom:-26px;text-align:center;font-size:13px;font-weight:600;color:var(--text)}
.rt-stops{position:absolute;inset:0 24px auto;height:60px}
.rt-stops li{position:absolute;top:0;left:calc((var(--w) - .5) / 13 * 100%);transform:translateX(-50%)}
.rt-stops button{display:grid;justify-items:center;gap:2px;padding:6px 10px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);white-space:nowrap;transition:background-color .25s ease,box-shadow .25s ease}
.rt-stops button::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:280px;background:var(--line);transform:translateX(-1px);pointer-events:none}
.rt-stops b{font-size:14.5px;color:var(--ink)}.rt-stops span{display:none}
.rt-stops [aria-pressed=true]{background:var(--cobalt);box-shadow:none}.rt-stops [aria-pressed=true] b{color:#fff}
.rt-stops [aria-pressed=true]::after{background:var(--cobalt)}
.rt-stops li:nth-child(1){left:calc(.5 / 13 * 100%)}
.rt-stops li:nth-child(2){left:calc(1.6 / 13 * 100%)}
.rt-legend{display:flex;flex-wrap:wrap;gap:8px 22px;padding:44px 24px 0;font-size:14.5px;color:var(--text)}
.rt-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:-1px}
.lg-a{background:var(--sky)}.lg-b{background:var(--ma-teal)}
.rt-range{display:grid;gap:8px;padding:18px 24px 24px;font-size:15px;font-weight:700;color:var(--ink)}
.rt-range input{width:100%;accent-color:#0870E6}
.rt-card{overflow:hidden;position:sticky;top:20px}
.rt-ch{display:grid;gap:12px;padding:22px 24px 18px;border-bottom:1px solid var(--line)}
.rt-h{font-size:clamp(22px,2vw,28px);letter-spacing:-.018em;color:var(--ink)}
.rt-est{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text)}
.rt-est b{padding:4px 12px;border-radius:6px;background:rgba(255,198,90,.12);box-shadow:inset 0 0 0 1px rgba(255,198,90,.42);color:var(--t-amber);font-size:15px}
.rt-est.hi b{background:#FFF0F2;color:var(--t-coral)}
.rt-dl{display:grid;padding:6px 24px 20px}
.rt-dl div{padding:14px 0;border-top:1px solid var(--line)}.rt-dl div:first-child{border-top:0}
.rt-dl dt{font-size:15px;font-weight:700;color:var(--deep)}.rt-dl dd{margin-top:4px;font-size:17px;line-height:1.55;color:var(--ink)}
.rt-dl .act{margin-top:6px;padding:14px 16px;border-radius:12px;border-top:0;background:#E3F7F4}.rt-dl .act dt{color:var(--t-teal)}

/* help, not a discount */
.rt-help-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s5) var(--s9);align-items:end}
.rt-cmp{margin-top:var(--s8);display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}
.rt-c{padding:26px 28px;display:grid;gap:12px;align-content:start}
.rt-ck{font-size:15px;font-weight:700}.rt-c.no .rt-ck{color:var(--t-coral)}.rt-c.yes .rt-ck{color:var(--t-teal)}
.rt-c h3{font-size:24px;letter-spacing:-.016em;color:var(--ink)}
.rt-c ul{display:grid;gap:10px}
.rt-c li{position:relative;padding-left:26px;font-size:16.5px;line-height:1.5;color:var(--ink)}
.rt-c.no li::before{content:"✗";position:absolute;left:2px;color:var(--t-coral);font-weight:800}.rt-c.yes li::before{content:"✓";position:absolute;left:2px;color:var(--t-teal);font-weight:800}
.rt-c.yes{box-shadow:0 0 0 2px #E3F7F4,var(--sh-ui)}
.rt-src{margin-top:var(--s5);font-size:15px;color:var(--text)}.rt-src a{color:var(--deep);font-weight:700;text-decoration:underline;text-underline-offset:3px}

@media (max-width:1100px){.rt-desk,.rt-help-head{grid-template-columns:1fr}.rt-card{position:static}}
@media (max-width:760px){.rt-plot{padding:70px 10px 0}.rt-stops{inset:0 10px auto}.rt-bars{gap:3px;height:200px}.rt-bars .bar{height:calc(var(--v) * 40px)}.rt-bars small{font-size:10.5px}.rt-stops b{font-size:12.5px}.rt-stops button{padding:5px 6px}.rt-stops button::after{height:210px}.rt-cmp{grid-template-columns:1fr}.rt-legend,.rt-range{padding-inline:12px}}