/* v1.2.9 adds landing-page sections (see bottom of block). v1.2.8 – reading-topic landing pages (/reading-topics/{slug}/): rebuilt to match the supplied mockups. Home topic strip unchanged (below). */
.rlr-topic{--navy:#12165f;--royal:#1a1f94;--ink:#2a35a8;--blue:#0a7df5;--blue2:#0b6bea;--yel:#ffd60a;--yel2:#ffc400;
  --f-head:"Baloo 2","Fredoka","Barlow",Arial,sans-serif;--f-body:"Nunito","Barlow",Arial,sans-serif;
  background:linear-gradient(180deg,#f2f8ff 0%,#fbfdff 30%,#fff 60%);padding:10px 0 56px;font-family:var(--f-body)}
.rlr-topic .tp-wrap{max-width:1216px;margin:0 auto;padding:0 24px}
.rlr-topic h1,.rlr-topic h2,.rlr-topic h3{font-family:var(--f-head);color:var(--royal);line-height:1.1;margin:0}
.rlr-topic p{color:var(--ink);font-family:var(--f-body);font-weight:700;margin:0}
.rlr-topic section{padding:0;margin:0 0 14px}
.rlr-topic img{max-width:100%;height:auto}
.rlr-topic .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- hero ---------- */
.rlr-topic .tp-hero{position:relative;display:grid;grid-template-columns:1fr;align-items:center;margin:0 0 18px}
.rlr-topic .tp-hero>*{grid-area:1/1}
.rlr-topic .tp-hero-text{position:relative;z-index:2;width:54%;padding:14px 0 14px 4px}
.rlr-topic .tp-hero h1{font-size:clamp(30px,4.1vw,52px);font-weight:800;color:var(--navy);line-height:1.02;letter-spacing:-.2px;text-shadow:0 2px 0 rgba(255,255,255,.9),0 0 10px rgba(255,255,255,.7);margin:0 0 14px}
.rlr-topic .tp-hero--long h1{font-size:clamp(28px,4vw,51px)}
.rlr-topic .tp-hero--long .tp-hero-text{width:45%}
.rlr-topic .tp-hero--long .tp-intro{width:124%;max-width:none;font-size:clamp(14.5px,1.4vw,17.5px)}
.rlr-topic .tp-why{display:inline-block;white-space:nowrap;margin-top:8px;background:linear-gradient(180deg,#ffe86a,#ffd21f);border-radius:14px;padding:0 20px 4px;transform:rotate(-1.5deg);box-shadow:0 3px 0 rgba(224,160,0,.35)}
.rlr-topic .tp-why em{font-style:normal;color:#d7191f}
.rlr-topic .tp-intro{font-size:clamp(15px,1.55vw,19.5px);line-height:1.45;font-weight:700;color:var(--ink);max-width:620px}
.rlr-topic .tp-hero-img{position:relative;justify-self:end;width:57%;line-height:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}
.rlr-topic .tp-hero-img>img{display:block;width:100%;height:auto}
.rlr-topic .tp-hero-burst{position:absolute;container-type:inline-size;display:grid;place-items:center;text-align:center;transform:rotate(-6deg)}
.rlr-topic .tp-hero-burst .tp-cloud-svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(190,140,0,.25))}
.rlr-topic .tp-hero-burst p{position:relative;font-family:var(--f-head);font-weight:800;color:var(--navy);line-height:1.1;font-size:17px;font-size:clamp(9px,9.2cqw,30px);padding:0 14%}
.rlr-topic .tp-hero--plain .tp-hero-img{width:44%;-webkit-mask-image:none;mask-image:none}
.rlr-topic .tp-hero--plain .tp-hero-img>img{border-radius:28px;aspect-ratio:1/1;object-fit:cover;max-height:430px;box-shadow:0 14px 36px rgba(18,52,119,.18)}
.rlr-topic .tp-hero--plain .tp-hero-burst{display:none}

/* ---------- buttons, forms, blue bars ---------- */
.rlr-topic .tp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#ffe033,#ffc800);color:var(--royal);font-family:var(--f-head);font-weight:800;border:0;border-radius:999px;padding:11px 26px;font-size:18px;text-decoration:none;cursor:pointer;line-height:1.2;box-shadow:0 3px 0 rgba(190,130,0,.35),0 6px 12px rgba(190,140,0,.18);white-space:nowrap}
.rlr-topic .tp-btn:hover,.rlr-topic .tp-btn:focus{background:linear-gradient(180deg,#ffe964,#ffd21f);color:var(--navy)}
.rlr-topic .tp-btn-sm{padding:9px 14px;font-size:16px;width:100%;margin-top:auto}
.rlr-topic .tp-bar{display:grid;grid-template-columns:auto 1fr minmax(0,auto);gap:12px 22px;align-items:center;background:linear-gradient(100deg,#0a86fb 0%,#0a78f2 60%,#0a8cfc 100%);border-radius:20px;padding:10px 24px 10px 16px;margin-bottom:14px;box-shadow:0 8px 20px rgba(10,125,245,.25)}
.rlr-topic .tp-bar-rocky{display:block;width:auto;height:90px;max-width:none;margin:-10px 0 -8px}
.rlr-topic .tp-bar h2{color:#fff;font-size:clamp(19px,2.1vw,27px);font-weight:800;line-height:1.05}
.rlr-topic .tp-bar--long h2{font-size:clamp(15px,1.4vw,18px)}
@media(min-width:1021px){.rlr-topic .tp-bar h2{white-space:nowrap}}
.rlr-topic .tp-bar-text p{color:#e1efff;font-family:var(--f-body);font-size:clamp(12px,1vw,13.5px);font-weight:700;margin-top:4px}
.rlr-topic .tp-bar-form{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.rlr-topic .tp-bar-note{color:#fff!important;font-family:var(--f-head);font-weight:600;font-size:14px;white-space:nowrap}
.rlr-topic .tp-form{display:flex;gap:10px;flex-wrap:nowrap;margin:0;align-items:center}
.rlr-topic .tp-form input[type=text],.rlr-topic .tp-form input[type=email]{flex:0 0 138px;width:138px;min-width:0;margin:0;height:42px;padding:0 12px;border:0;border-radius:10px;background:#fff;font-family:var(--f-body);font-weight:700;font-size:14px;color:var(--royal);box-shadow:inset 0 1px 3px rgba(0,30,90,.12)}
.rlr-topic .tp-form input::placeholder{color:#3a46b0;opacity:1}
.rlr-topic .tp-form .tp-btn{height:42px;padding:0 18px;font-size:15px}

/* ---------- what / why cards ---------- */
.rlr-topic .tp-two{display:grid;grid-template-columns:1fr 1.04fr;gap:14px;align-items:stretch}
.rlr-topic .tp-card{position:relative;display:flex;gap:14px;align-items:flex-start;border-radius:20px;padding:16px 18px;border:0;overflow:visible}
.rlr-topic .tp-card h2{font-size:clamp(21px,2.05vw,26px);font-weight:800;margin:2px 0 6px}
.rlr-topic .tp-card p{font-size:clamp(14px,1.3vw,16.5px);line-height:1.38;margin:0}
.rlr-topic .tp-card-pink{background:linear-gradient(135deg,#fdeaec,#fff3f3)}
.rlr-topic .tp-card-gold{background:linear-gradient(135deg,#fff6d9,#fffbea)}
.rlr-topic .tp-card-blue{background:linear-gradient(135deg,#e1f1fd,#eef8ff)}
.rlr-topic .tp-ico{flex:0 0 58px;width:58px;height:58px;display:block}
.rlr-topic .tp-ico-svg{display:block;width:58px;height:58px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.18))}
.rlr-topic .tp-card-body{min-width:0;flex:1}
.rlr-topic .tp-what-art{flex:0 0 auto;align-self:center;width:auto;max-width:150px;height:auto;margin:0 -4px 0 0}
.rlr-topic .tp-checks{list-style:none;margin:0;padding:0}
.rlr-topic .tp-checks li{position:relative;padding:3px 0 3px 30px;color:var(--ink);font-weight:700;font-size:clamp(14px,1.3vw,16.5px);line-height:1.3}
.rlr-topic .tp-checks li:before{content:"";position:absolute;left:0;top:4px;width:21px;height:21px;border-radius:50%;background:#ffb21a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}

/* ---------- signs ---------- */
.rlr-topic .tp-signs{background:linear-gradient(135deg,#e3effd,#eef6ff);border-radius:20px;padding:12px 16px 14px}
.rlr-topic .tp-signs h2{font-size:clamp(23px,2.6vw,33px);font-weight:800;margin:0 0 9px}
.rlr-topic .tp-sign-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.rlr-topic .tp-sign{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;border-radius:16px;padding:8px 8px 10px;text-align:center;background:#fdf2f0}
.rlr-topic .tp-sign-art{display:flex;align-items:flex-end;justify-content:center;height:106px}
.rlr-topic .tp-sign-art img{display:block;width:auto;height:auto;max-height:106px;max-width:100%}
.rlr-topic .tp-sign-art .tp-face{width:84px;height:84px}
.rlr-topic .tp-sign-text{font-family:var(--f-head);font-weight:700;font-size:clamp(14px,1.35vw,17px);line-height:1.15;color:var(--royal);max-width:170px}
.rlr-topic .tp-sign-0{background:#fdf0ee}.rlr-topic .tp-sign-1{background:#e3f3fd}.rlr-topic .tp-sign-2{background:#fdf7e6}.rlr-topic .tp-sign-3{background:#e6f9f2}.rlr-topic .tp-sign-4{background:#eef0fd}

/* ---------- help + video ---------- */
.rlr-topic .tp-two-help{grid-template-columns:1.12fr .9fr;gap:22px;align-items:center}
.rlr-topic .tp-two-help .tp-card{height:100%;padding:18px 20px;align-items:center}
.rlr-topic .tp-video h2{display:flex;gap:14px;align-items:center;font-size:clamp(19px,1.9vw,24px);font-weight:800;color:var(--blue);margin:0 0 8px;line-height:1.08}
.rlr-topic .tp-video h2 span{color:#1f2fd0}
.rlr-topic .tp-yt{flex:0 0 52px;width:52px;height:auto;filter:drop-shadow(0 3px 4px rgba(150,0,20,.25))}
.rlr-topic .tp-poster{margin:0;line-height:0}
.rlr-topic .tp-poster img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 8px 20px rgba(18,52,119,.22)}
.rlr-topic .rlr-video{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 8px 20px rgba(18,52,119,.22)}
.rlr-topic .rlr-video iframe,.rlr-topic .rlr-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.rlr-topic .tp-video-ph{min-height:0;aspect-ratio:16/9;margin:0;font-size:17px;border-radius:16px}
.rlr-topic .tp-video-ph small{font-weight:600;font-size:12px;max-width:340px}

/* ---------- example ---------- */
.rlr-topic .tp-example{position:relative;display:grid;grid-template-columns:232px minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"rocky title title" "rocky story now";column-gap:14px;row-gap:2px;align-items:end;background:linear-gradient(135deg,#e3effd,#eef7ff);border-radius:22px;padding:14px 22px 0 0;margin-top:44px}
.rlr-topic .tp-example-rocky{grid-area:rocky;align-self:end;margin:-50px 0 0 -8px;line-height:0;position:relative;z-index:2}
.rlr-topic .tp-rocky-big{display:block;width:100%;max-width:none;height:auto}
.rlr-topic .tp-example-title{grid-area:title;font-size:clamp(24px,2.6vw,33px);font-weight:800;color:#1a2bd8;text-align:left;padding-top:4px}
.rlr-topic .tp-eg{white-space:nowrap}
.rlr-topic .tp-example-story{grid-area:story;display:flex;align-items:flex-end;gap:14px;padding-bottom:0;margin-left:-58px;position:relative;z-index:0}
.rlr-topic .tp-kid{flex:0 0 auto;width:auto;height:auto;max-width:96px;display:block}
.rlr-topic .tp-example-body{padding-bottom:12px;align-self:center}
.rlr-topic .tp-example h3{font-size:clamp(20px,1.9vw,24px);font-weight:800;color:var(--navy);margin:0 0 2px}
.rlr-topic .tp-example-body p{font-size:clamp(14px,1.18vw,15.5px);line-height:1.34}
.rlr-topic .tp-example-body .tp-eg-note{font-size:12.5px;font-style:italic;font-weight:700;margin-top:6px;opacity:.85}
.rlr-topic .tp-example-now{grid-area:now;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;min-height:120px}
.rlr-topic .tp-now{font-family:var(--f-head);font-weight:800;color:#1a2bd8!important;font-size:clamp(17px,1.65vw,21px);line-height:1.15;max-width:62%;margin:0 0 6px}
.rlr-topic .tp-after{display:block;width:auto;height:auto;max-width:100%;margin-top:auto;position:relative;z-index:1}
.rlr-topic .tp-burst{position:absolute;right:-4px;top:-8px;width:min(40%,240px);aspect-ratio:1/.82;display:grid;place-items:center;transform:rotate(-4deg);z-index:2}
.rlr-topic .tp-burst .tp-cloud-svg{position:absolute;inset:0;width:100%;height:100%}
.rlr-topic .tp-burst p{position:relative;font-family:var(--f-head);font-weight:800;color:var(--navy);font-size:clamp(17px,1.9vw,25px);line-height:1.08;text-align:center;transform:rotate(-5deg)}
.rlr-topic .ph-note{background:#fff3cd;border:2px dashed #e0a800;padding:1px 5px;border-radius:6px;color:#6b4e00}

.rlr-topic .tp-example--plain .tp-example-story{margin-left:0;align-items:center}
.rlr-topic .tp-example--plain .tp-example-now{justify-content:flex-start;padding-top:6px}
.rlr-topic .tp-example--plain .tp-burst{position:relative;right:auto;top:auto;width:min(230px,70%);margin:8px 0 8px 0}

/* ---------- explore ---------- */
.rlr-topic .tp-explore{text-align:center;margin-top:4px}
.rlr-topic .tp-explore h2{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(27px,3.1vw,40px);font-weight:800;color:#1012b8;margin:6px 0 2px}
.rlr-topic .tp-rays{width:44px;height:34px;flex:0 0 44px}
.rlr-topic .tp-rays:last-child{transform:scaleX(-1)}
.rlr-topic .tp-explore-sub{margin:0 0 14px;font-size:clamp(14px,1.3vw,16.5px);color:var(--ink)}
.rlr-topic .tp-explore-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(60,1fr);gap:12px;text-align:left}
.rlr-topic .tp-ex{display:flex;flex-direction:column;gap:8px;border-radius:18px;padding:12px 14px 14px;background:#f3f6fd}
.rlr-topic .tp-ex--lg{grid-column:span 20}
.rlr-topic .tp-ex--sm{grid-column:span var(--tp-small,15)}
.rlr-topic .tp-ex-top{display:flex;gap:12px;align-items:flex-start;flex:1}
.rlr-topic .tp-ex h3{font-size:clamp(19px,1.9vw,24px);font-weight:800;color:#1012b8;line-height:1.05;margin:2px 0 4px}
.rlr-topic .tp-ex p{font-size:clamp(13.5px,1.2vw,15.5px);line-height:1.3;color:var(--ink)}
.rlr-topic .tp-ex-img{flex:0 0 auto;display:block;width:auto;height:auto;max-width:none}
.rlr-topic .tp-ex--lg .tp-ex-img{width:68px;height:68px}
.rlr-topic .tp-ex--sm .tp-ex-img{width:58px;height:58px}
.rlr-topic .tp-ex-fallback{flex:0 0 auto;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffb21a;box-shadow:inset 0 0 0 5px rgba(255,255,255,.55)}
.rlr-topic .tp-ex--sm .tp-ex-fallback{width:58px;height:58px}
.rlr-topic .tp-ex-fallback svg{width:60%;height:60%}
.rlr-topic .tp-ex-fallback--green{background:#22a559}.rlr-topic .tp-ex-fallback--violet{background:#8a4fd8}.rlr-topic .tp-ex-fallback--blue{background:#0a7df5}.rlr-topic .tp-ex-fallback--coral{background:#f0583f}.rlr-topic .tp-ex-fallback--pink{background:#e0489a}
.rlr-topic .tp-ex--nancy{background:#fcefec}
.rlr-topic .tp-ex--phonics-gaps{background:#f4edfd}
.rlr-topic .tp-ex--weak-comprehension{background:#fff3d6}
.rlr-topic .tp-ex--vocabulary-development{background:#e8f8f1}
.rlr-topic .tp-ex--reading-fluency{background:#f3ebfd}
.rlr-topic .tp-ex--attention-focus{background:#ddf0fd}
.rlr-topic .tp-ex--confidence-motivation{background:#fdeaf4}
.rlr-topic .tp-ex--support-at-home{background:#e3f3fd}
.rlr-topic .tp-ex--extra-help-resources{background:#e7ecfd}

/* ---------- responsive ---------- */
.rlr-topic .tp-two>*,.rlr-topic .tp-example>*,.rlr-topic .tp-explore-grid>*{min-width:0}
.rlr-topic .tp-card-body .tp-btn{white-space:normal}

@media(max-width:1020px){
 .rlr-topic .tp-example{grid-template-columns:150px minmax(0,1fr);grid-template-areas:"rocky title" "rocky story" "now now";padding:14px 18px 0 0}
 .rlr-topic .tp-example-now{padding:8px 0 0 18px;min-height:170px}
 .rlr-topic .tp-after{max-width:62%}
 .rlr-topic .tp-bar{grid-template-columns:auto 1fr}
 .rlr-topic .tp-bar-form{grid-column:1/-1;align-items:stretch}
 .rlr-topic .tp-form{justify-content:flex-start}.rlr-topic .tp-form input[type=text],.rlr-topic .tp-form input[type=email]{flex:1 1 140px;width:auto}
 .rlr-topic .tp-bar-note{text-align:left}
 .rlr-topic .tp-explore-grid{grid-template-columns:repeat(2,1fr)}
 .rlr-topic .tp-ex--lg,.rlr-topic .tp-ex--sm{grid-column:auto}
}
@media(max-width:900px){
 .rlr-topic .tp-hero{grid-template-columns:1fr}
 .rlr-topic .tp-hero>*{grid-area:auto}
 .rlr-topic .tp-hero-img{order:-1;width:100%;justify-self:stretch;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
 .rlr-topic .tp-hero--plain .tp-hero-img{width:100%}.rlr-topic .tp-hero--plain .tp-hero-img>img{max-height:300px}
 .rlr-topic .tp-hero-text,.rlr-topic .tp-hero--long .tp-hero-text{width:auto;padding:6px 2px 4px}
 .rlr-topic .tp-hero--long .tp-intro{width:auto;font-size:15.5px}
 .rlr-topic .tp-two,.rlr-topic .tp-two-help{grid-template-columns:1fr}
 .rlr-topic .tp-video{max-width:640px;width:100%;margin:0 auto}
 .rlr-topic .tp-sign-grid{grid-template-columns:repeat(2,1fr)}
 .rlr-topic .tp-sign-4{grid-column:1/-1}
}
@media(max-width:640px){
 .rlr-topic .tp-wrap{padding:0 14px}
 .rlr-topic .tp-bar{grid-template-columns:1fr;text-align:center;justify-items:center;padding:14px 16px}
 .rlr-topic .tp-bar-rocky{height:78px;margin:-4px 0 0}
 .rlr-topic .tp-bar-text{text-align:center}.rlr-topic .tp-bar-note{text-align:center}
 .rlr-topic .tp-bar-form{width:100%;align-items:center}
 .rlr-topic .tp-form{flex-direction:column;align-items:stretch;width:100%}.rlr-topic .tp-form input[type=text],.rlr-topic .tp-form input[type=email]{flex:0 0 auto;width:100%}
 .rlr-topic .tp-card{padding:16px}
  .rlr-topic .tp-what-art{max-width:72px}
 .rlr-topic .tp-example{grid-template-columns:104px minmax(0,1fr);grid-template-areas:"rocky title" "story story" "now now";padding:10px 14px 0 0;margin-top:30px;align-items:center}
 .rlr-topic .tp-example-rocky{margin:-30px 0 0 -6px;align-self:end}
 .rlr-topic .tp-example-title{font-size:23px}
 .rlr-topic .tp-example-story{margin-left:14px;margin-top:10px;align-items:flex-end;flex-direction:row}
 .rlr-topic .tp-kid{display:none}
 .rlr-topic .tp-example-now{padding:8px 0 0 14px;min-height:0}
 .rlr-topic .tp-now{max-width:none}
 .rlr-topic .tp-burst{position:relative;right:auto;top:auto;width:58%;margin:2px 0 -30px auto}
 .rlr-topic .tp-after{max-width:100%;margin-top:0;order:2}
 .rlr-topic .tp-burst{order:1}
 .rlr-topic .tp-explore-grid{grid-template-columns:1fr}
 .rlr-topic .tp-explore h2{font-size:24px}.rlr-topic .tp-rays{width:30px;flex-basis:30px}
 .rlr-topic .tp-two-help .tp-card{padding:16px}
}

/* ---------- v1.2.9 landing-page sections ---------- */
.rlr-topic .tp-is,.rlr-topic .tp-explain,.rlr-topic .tp-tips,.rlr-topic .tp-rlr,.rlr-topic .tp-tms,.rlr-topic .tp-when,.rlr-topic .tp-nancy,.rlr-topic .tp-faq,.rlr-topic .tp-final{margin:0 0 18px}
.rlr-topic .tp-is h2,.rlr-topic .tp-explain h2,.rlr-topic .tp-tips h2,.rlr-topic .tp-rlr h2,.rlr-topic .tp-when h2,.rlr-topic .tp-nancy h2,.rlr-topic .tp-faq h2,.rlr-topic .tp-final h2{font-size:clamp(24px,2.6vw,33px);font-weight:800}
/* Is this your child? */
.rlr-topic .tp-is{padding:4px 0 0}
.rlr-topic .tp-is h2{color:var(--navy);margin:0 0 12px}
.rlr-topic .tp-is-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.rlr-topic .tp-is-list li{display:flex;gap:12px;align-items:flex-start;border-radius:16px;padding:13px 16px;font-weight:700;font-size:clamp(15px,1.35vw,17.5px);line-height:1.38;color:var(--royal);background:#fdf2f0}
.rlr-topic .tp-is-q{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffb21a;color:#fff;font-family:var(--f-head);font-weight:800;font-size:26px;line-height:1;padding-top:7px}
.rlr-topic .tp-is-0{background:#fdf0ee}.rlr-topic .tp-is-1{background:#e3f3fd}.rlr-topic .tp-is-2{background:#fdf7e6}.rlr-topic .tp-is-3{background:#e6f9f2}
.rlr-topic .tp-is-1 .tp-is-q{background:#0a7df5}.rlr-topic .tp-is-2 .tp-is-q{background:#e0489a}.rlr-topic .tp-is-3 .tp-is-q{background:#22a559}
.rlr-topic .tp-is-note{margin-top:12px;font-family:var(--f-head);font-weight:700;font-size:clamp(16px,1.5vw,19px);color:var(--royal)}
/* Explainer */
.rlr-topic .tp-explain{background:linear-gradient(135deg,#fdeaec,#fff3f3);border-radius:20px;padding:22px 26px}
.rlr-topic .tp-explain h2{margin:0 0 10px}
.rlr-topic .tp-prose{max-width:900px}
.rlr-topic .tp-prose p,.rlr-topic .tp-when p,.rlr-topic .tp-rlr-text p,.rlr-topic .tp-nancy-bio,.rlr-topic .tp-final p,.rlr-topic .tp-faq-item p{font-weight:600;font-size:clamp(15px,1.3vw,17px);line-height:1.62}
.rlr-topic .tp-prose p+p{margin-top:10px}
/* Tips */
.rlr-topic .tp-tips{background:linear-gradient(135deg,#e3effd,#eef6ff);border-radius:20px;padding:20px 20px 22px}
.rlr-topic .tp-tips h2{margin:0 0 4px}
.rlr-topic .tp-tips-intro{font-size:clamp(14.5px,1.3vw,17px);margin:0 0 14px;font-weight:700}
.rlr-topic .tp-tip-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;counter-reset:none}
.rlr-topic .tp-tip{grid-column:span 2;position:relative;border-radius:16px;padding:14px 16px 16px;background:#fff;box-shadow:0 3px 10px rgba(18,52,119,.08)}
.rlr-topic .tp-tip:nth-child(n+4){grid-column:span 3}
.rlr-topic .tp-tip-n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffb21a;color:#fff;font-family:var(--f-head);font-weight:800;font-size:19px;margin:0 0 8px}
.rlr-topic .tp-tip-1 .tp-tip-n{background:#0a7df5}.rlr-topic .tp-tip-2 .tp-tip-n{background:#e0489a}.rlr-topic .tp-tip-3 .tp-tip-n{background:#22a559}.rlr-topic .tp-tip-4 .tp-tip-n{background:#8a4fd8}
.rlr-topic .tp-tip h3{font-size:clamp(18px,1.6vw,21px);font-weight:800;margin:0 0 4px}
.rlr-topic .tp-tip p{font-size:clamp(14px,1.2vw,16px);line-height:1.5;font-weight:600}
/* How Read Like Rocky helps */
.rlr-topic .tp-rlr{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;background:linear-gradient(135deg,#e1f1fd,#eef8ff);border-radius:20px;padding:22px 24px}
.rlr-topic .tp-rlr-text h2{margin:0 0 10px}
.rlr-topic .tp-rlr-text p{margin:0 0 10px}
.rlr-topic .tp-rlr-text .tp-btn{margin-top:6px}
.rlr-topic .tp-rlr-points{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rlr-topic .tp-rlr-p{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:14px;padding:11px 14px;box-shadow:0 3px 10px rgba(18,52,119,.07)}
.rlr-topic .tp-rlr-n{flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0a7df5;color:#fff;font-family:var(--f-head);font-weight:800;font-size:18px}
.rlr-topic .tp-rlr-p-1 .tp-rlr-n{background:#ffb21a}.rlr-topic .tp-rlr-p-2 .tp-rlr-n{background:#22a559}.rlr-topic .tp-rlr-p-3 .tp-rlr-n{background:#e0489a}
.rlr-topic .tp-rlr-p h3{font-size:clamp(17px,1.5vw,19px);font-weight:800;margin:0 0 1px}
.rlr-topic .tp-rlr-p p{font-size:clamp(13.5px,1.15vw,15px);line-height:1.42;font-weight:600}
/* Testimonials: “Real Parents. Real Progress.” */
.rlr-topic .tp-tms{text-align:center;margin-top:8px}
.rlr-topic .tp-tms h2{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(27px,3.1vw,40px);font-weight:800;color:#1012b8;margin:6px 0 14px}
.rlr-topic .tp-tms .tp-rays:last-child{transform:scaleX(-1)}
.rlr-topic .tp-tm-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:center}
.rlr-topic .tp-tm{display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:20px;padding:18px 18px 20px;background:#fff7e0;box-shadow:0 4px 12px rgba(18,52,119,.08)}
.rlr-topic .tp-tm-1{background:#e8f4fe}.rlr-topic .tp-tm-2{background:#fdeaf0}
.rlr-topic .tp-tm-photo{display:block;width:84px;height:84px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 3px 8px rgba(18,52,119,.18);background:#e8f1fd;line-height:0}
.rlr-topic .tp-tm-photo img,.rlr-topic .tp-tm-photo svg{display:block;width:100%;height:100%;object-fit:cover}
.rlr-topic .tp-stars{display:inline-flex;gap:2px;line-height:0}
.rlr-topic .tp-tm blockquote{margin:0;padding:0;border:0}
.rlr-topic .tp-tm blockquote p{font-weight:700;font-size:clamp(15px,1.3vw,17px);line-height:1.5;color:var(--royal)}
.rlr-topic .tp-tm-name{font-family:var(--f-head);font-weight:800;font-size:16px;color:var(--navy);margin-top:auto}
.rlr-topic .tp-tm-soon{font-weight:700;font-size:15px;color:#6b78b8;line-height:1.4;padding:4px 6px 6px}
.rlr-topic .tp-tm--empty{background:#f4f7fd;box-shadow:none;border:2px dashed #cfdcf3;min-height:170px;justify-content:center}
.rlr-topic .tp-tm--empty .tp-tm-photo{box-shadow:none}
/* When to get extra support */
.rlr-topic .tp-when{display:flex;gap:16px;align-items:flex-start;background:#eaf8f0;border-radius:20px;padding:20px 24px;border-left:8px solid #22a559}
.rlr-topic .tp-when-ico{flex:0 0 52px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#22a559;color:#fff}
.rlr-topic .tp-when h2{margin:2px 0 6px}
.rlr-topic .tp-when .tp-when-note{margin-top:8px;font-size:13.5px;font-style:italic;opacity:.85}
/* Dr. Nancy */
.rlr-topic .tp-nancy{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:center;background:linear-gradient(135deg,#fff6d9,#fffbea);border-radius:22px;padding:22px 26px}
.rlr-topic .tp-nancy-photo img{display:block;width:220px;height:220px;max-width:100%;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 0 0 4px #ffd21f,0 8px 20px rgba(18,52,119,.18)}
.rlr-topic .tp-nancy h2{margin:0 0 8px;color:var(--navy)}
.rlr-topic .tp-nancy-bio{margin:0 0 10px}
.rlr-topic .tp-nancy-creds{columns:2;column-gap:28px;margin:0 0 14px}
.rlr-topic .tp-nancy-creds li{break-inside:avoid;font-size:clamp(13.5px,1.15vw,15.5px);padding-top:4px;padding-bottom:4px}
.rlr-topic .tp-nancy-btn{width:auto;display:inline-flex;margin:0;padding:10px 22px}
/* FAQ accordion */
.rlr-topic .tp-faq{background:#f3f6fd;border-radius:20px;padding:20px 22px 22px}
.rlr-topic .tp-faq h2{margin:0 0 12px;text-align:center}
.rlr-topic .tp-faq-list{max-width:900px;margin:0 auto;display:grid;gap:10px}
.rlr-topic .tp-faq-item{background:#fff;border-radius:14px;box-shadow:0 2px 8px rgba(18,52,119,.07);overflow:hidden}
.rlr-topic .tp-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;font-family:var(--f-head);font-weight:700;font-size:clamp(16.5px,1.5vw,19px);line-height:1.25;color:var(--royal)}
.rlr-topic .tp-faq-item summary::-webkit-details-marker{display:none}
.rlr-topic .tp-faq-item summary:after{content:"+";flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffd21f;color:var(--royal);font-weight:800;font-size:22px;line-height:1;padding-bottom:2px}
.rlr-topic .tp-faq-item[open] summary:after{content:"–"}
.rlr-topic .tp-faq-item summary:focus-visible{outline:3px solid #0a7df5;outline-offset:-3px}
.rlr-topic .tp-faq-item p{padding:0 18px 16px;margin:0}
/* Soft final CTA */
.rlr-topic .tp-final{text-align:center;max-width:760px;margin:10px auto 16px}
.rlr-topic .tp-final h2{color:var(--navy);margin:0 0 6px}
.rlr-topic .tp-final p{color:var(--ink)}
@media(max-width:900px){
 .rlr-topic .tp-is-list{grid-template-columns:1fr}
 .rlr-topic .tp-tip-grid{grid-template-columns:repeat(2,1fr)}
 .rlr-topic .tp-tip,.rlr-topic .tp-tip:nth-child(n+4){grid-column:auto}
 .rlr-topic .tp-tip:last-child{grid-column:1/-1}
 .rlr-topic .tp-rlr{grid-template-columns:1fr}
 .rlr-topic .tp-tm-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
 .rlr-topic .tp-nancy{grid-template-columns:1fr;justify-items:center;text-align:center}
 .rlr-topic .tp-nancy-photo img{width:170px;height:170px}
 .rlr-topic .tp-nancy-creds{text-align:left}
}
@media(max-width:640px){
 .rlr-topic .tp-explain,.rlr-topic .tp-rlr,.rlr-topic .tp-nancy{padding:18px 16px}
 .rlr-topic .tp-tips{padding:16px 14px 18px}
 .rlr-topic .tp-tip-grid{grid-template-columns:1fr}
 .rlr-topic .tp-tip:last-child{grid-column:auto}
 .rlr-topic .tp-nancy-creds{columns:1}
 .rlr-topic .tp-when{flex-direction:column;padding:18px 16px}
 .rlr-topic .tp-tms h2{font-size:24px}.rlr-topic .tp-tms .tp-rays{width:30px;flex-basis:30px}
 .rlr-topic .tp-faq{padding:16px 12px 18px}
 .rlr-topic .tp-faq-item summary{padding:12px 14px}.rlr-topic .tp-faq-item p{padding:0 14px 14px}
 .rlr-topic .tp-rlr-text .tp-btn{white-space:normal;text-align:center}
}

/* ---- Home: "Reading topics" chip strip under the challenge cards ---- */
.topic-strip{max-width:1100px;margin:26px auto 0;padding:0 20px;text-align:center}
.topic-strip h3{font-family:Barlow,Arial,sans-serif;color:#123477;font-size:clamp(20px,2.4vw,26px);margin:0 0 12px}
.topic-strip ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.topic-strip a{display:inline-block;background:#fff;color:#123477;border:2px solid #cfe3fb;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none}
.topic-strip a:hover,.topic-strip a:focus{background:#fdb44b;border-color:#fdb44b}
/* Home: assessment bar under the 12-week program (restored from the original design) */
.program-assess-bar{max-width:1120px;margin:34px auto 0;padding:0 24px}
.program-assess-bar .pab{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(100deg,#0867d6,#1a8cf0);border-radius:22px;padding:20px 28px;box-shadow:0 10px 26px rgba(8,121,232,.28)}
.program-assess-bar h3{color:#fff;font-family:Barlow,Arial,sans-serif;font-size:clamp(22px,2.6vw,32px);margin:0}
.program-assess-bar p{color:#e6f1ff;margin:4px 0 0;font-weight:600}
.program-assess-bar a.pab-btn{display:inline-block;background:#fdb44b;color:#1d2433;font-weight:800;border-radius:999px;padding:14px 28px;text-decoration:none;font-size:17px}

/* v1.3.0 funnel: topic-page lead form posts to the funnel; error line when name/email are invalid */
.rlr-topic .tp-form.has-err{flex-wrap:wrap}
.rlr-topic .tp-form-err{flex:0 0 100%;margin:0 0 4px;padding:6px 12px;border-radius:8px;background:#fff3c4;color:#7a1f1f;font:700 14px/1.3 var(--f-body)}

/* v1.4.3: testimonials show only real quotes -> grid adapts to 1, 2 or 3 cards; admin-only hints */
.rlr-topic .tp-tm-grid--n1{grid-template-columns:minmax(0,520px);justify-content:center}
.rlr-topic .tp-tm-grid--n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:0 auto}
@media (max-width:900px){.rlr-topic .tp-tm-grid--n1,.rlr-topic .tp-tm-grid--n2{grid-template-columns:1fr;max-width:560px;margin:0 auto}}
.rlr-admin-hint{display:block;background:#fff3cd;border:2px dashed #e0a800;color:#6b4e00;border-radius:8px;padding:4px 8px;font-size:13px;line-height:1.35;font-weight:600;margin:8px auto;max-width:620px;text-align:left}
.rlr-admin-hint--block{margin:12px auto 18px}