/* Learn to Read hub, reading check and share block (v160). Site navy/yellow, uses the site's tokens from styles.css. */
.ltr{--ltr-navy:#15233c;--ltr-y:#ffd23f;--ltr-sky:#2c5f93;--ltr-paper:#fbf7ef;padding-bottom:40px}
.ltr h1{font-size:clamp(32px,5vw,52px);line-height:1.08;text-wrap:balance;margin:8px 0 12px}
.ltr h2{text-wrap:balance}.ltr p,.ltr li{max-width:74ch}
.ltr-crumbs{font-size:14px;color:var(--muted);margin:14px 0 6px}.ltr-crumbs a{color:var(--muted)}
.ltr-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:center;margin-top:10px}
.ltr-hero-c{grid-template-columns:minmax(0,1fr) 220px}.ltr-hero-art{width:100%;height:auto}
.ltr-hero-cover img{width:100%;height:auto;border-radius:8px;box-shadow:0 18px 40px rgba(21,35,60,.28),0 2px 6px rgba(21,35,60,.16);transform:rotate(1.5deg);transition:transform .2s}
.ltr-hero-cover:hover img,.ltr-hero-cover:focus-visible img{transform:rotate(0)}
.ltr-mission{font-family:var(--display);font-weight:800;font-size:clamp(19px,2.4vw,24px);color:var(--ltr-navy);background:linear-gradient(transparent 58%,var(--mark-soft) 58%);display:inline;padding:0 2px}
.ltr .lead{margin-top:16px}
.ltr-ctas,.ltr-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;align-items:center}
.ltr .btn{min-height:48px;display:inline-flex;align-items:center}
.ltr-btn2{background:#fff;color:var(--ltr-navy);border:2px solid var(--ltr-navy)}
.ltr-stats{list-style:none;padding:0;margin:30px 0 10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ltr-stats li{background:var(--ltr-navy);color:#fff;border-radius:14px;padding:16px 14px;text-align:center}
.ltr-stats b{display:block;font-family:var(--display);font-size:34px;color:var(--ltr-y);line-height:1}.ltr-stats span{font-size:14.5px;color:var(--on-band)}
.ltr-founder{display:flex;gap:16px;align-items:flex-start;background:var(--ltr-paper);border:1px solid #eadfc6;border-radius:16px;padding:18px 20px;margin:28px 0}
.ltr-founder img{border-radius:50%;flex:0 0 auto}.ltr-founder h2{font-size:20px;margin:0 0 6px}.ltr-founder p{margin:0 0 6px}.ltr-by{color:var(--muted);font-size:15px}
.ltr-sec{margin-top:44px}
.ltr-path{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:s}
.ltr-path a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;text-decoration:none;color:var(--text);background:#fff;border:2px solid var(--ltr-navy);border-radius:16px;padding:14px;min-height:100%;position:relative;transition:transform .15s,box-shadow .15s}
.ltr-path a:hover,.ltr-path a:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px rgba(21,35,60,.14)}
.ltr-n{grid-row:1/3;width:42px;height:42px;border-radius:50%;background:var(--ltr-y);color:var(--ltr-navy);font:800 22px var(--display);display:flex;align-items:center;justify-content:center;border:2px solid var(--ltr-navy)}
.ltr-pa{position:absolute;right:10px;top:10px;width:48px;height:48px;opacity:.95}.ltr-pa svg{width:48px;height:48px}
.ltr-path b{font-family:var(--display);font-size:17px;padding-right:52px}.ltr-path small{color:var(--muted)}
.ltr-teaser{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;background:var(--ltr-navy);color:#fff;border-radius:18px;padding:24px 26px;margin-top:36px}
.ltr-teaser h2{color:var(--ltr-y);margin:0 0 6px}.ltr-teaser p{color:var(--on-band);margin:0}.ltr-teaser .btn{background:var(--ltr-y);color:var(--ltr-navy)}
.ltr-step{margin-top:48px;padding:26px 26px 18px;border:1px solid var(--line);border-radius:20px;background:#fff;scroll-margin-top:90px}
.ltr-step-top{display:flex;gap:16px;align-items:center}.ltr-step-top h2{margin:2px 0 0;font-size:clamp(23px,3vw,30px)}
.ltr-bign{flex:0 0 auto;width:64px;height:64px;border-radius:50%;background:var(--ltr-navy);color:var(--ltr-y);font:800 34px var(--display);display:flex;align-items:center;justify-content:center}
.ltr-ages{margin:0;font-weight:700;color:var(--ltr-sky)}.ltr-step-art{width:96px;height:96px;margin-left:auto;flex:0 0 auto}
.ltr-step h3{margin-top:20px;font-size:18px}.ltr-cols{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px}
.ltr-acts{padding-left:22px}.ltr-acts li{margin:8px 0}
.ltr-ask{border-left:5px solid var(--ltr-y);padding:2px 0 2px 16px;margin-top:20px}.ltr-ask h3{margin-top:0}
.ltr-res{padding-left:20px}.ltr-res li{margin:6px 0}
.ltr-tag{display:inline-block;font-size:12.5px;font-weight:700;border-radius:999px;padding:2px 9px;vertical-align:1px}.ltr-try{background:#fff3cf;color:#6b4a00}.ltr-free{background:#e3f4ea;color:#14603c}.ltr-paid{background:var(--accent-soft);color:var(--accent-deep)}
.ltr-ref{font-size:.72em;line-height:0}.ltr-ref a{text-decoration:none;font-weight:700}
.ltr-bookcta{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;background:var(--ltr-paper);border:2px solid var(--ltr-navy);border-radius:20px;padding:26px;margin-top:48px}
.ltr-bookcta img{width:100%;height:auto;border-radius:6px;box-shadow:0 12px 26px rgba(21,35,60,.25)}.ltr-bookcta h2{margin-top:0}
.ltr-bookcta ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.ltr-bookcta li{background:var(--ltr-y);color:var(--ltr-navy);font-weight:700;font-size:14px;border-radius:999px;padding:5px 12px}
.ltr .qa{border:1px solid var(--line);border-radius:10px;background:var(--sheet);margin-top:10px}.ltr .qa summary{cursor:pointer;font-weight:700;padding:13px 16px}.ltr .qa div{padding:0 16px 14px}
.ltr-src{padding-left:22px;font-size:15px}.ltr-src li{margin:8px 0;scroll-margin-top:90px}.ltr-src li:target{background:var(--mark-soft)}
.ltr-share{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;border:2px dashed var(--line);border-radius:18px;padding:18px 20px;margin-top:30px}
.ltr-share-h{font-size:20px;margin:0 0 4px}.ltr-share p{margin:0;color:var(--muted)}
.ltr-share-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ltr-sh{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 14px;border-radius:999px;border:2px solid var(--ltr-navy);background:#fff;color:var(--ltr-navy);font:700 15px var(--body);text-decoration:none;cursor:pointer}
.ltr-sh svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ltr-sh-facebook svg,.ltr-sh-pinterest svg{fill:currentColor;stroke:none}
.ltr-sh:hover,.ltr-sh:focus-visible{background:var(--ltr-y)}.ltr-sh-whatsapp{background:#e7f8ee}.ltr-sh-native{background:var(--ltr-navy);color:#fff}
.ltr-copied{font-weight:700;color:#14603c;min-width:4ch}
.ltr-note{background:var(--mark-soft);border-radius:12px;padding:12px 14px;font-size:16px}
.ltr-check{margin-top:24px;display:grid;gap:12px}
.ltr-q{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff;margin:0}.ltr-q.ltr-miss{border-color:#b3261e;box-shadow:0 0 0 2px #f6d7d5}
.ltr-q legend{font-weight:700;font-size:17px;padding:0 4px;float:left;width:100%;margin-bottom:10px}.ltr-qn{display:block;font-size:13px;color:var(--muted);font-weight:700}
.ltr-opts{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ltr-opt{position:relative}.ltr-opt input{position:absolute;opacity:0;inset:0}
.ltr-opt span{display:flex;align-items:center;justify-content:center;min-height:46px;border:2px solid var(--line);border-radius:12px;font-weight:700;text-align:center;padding:6px;cursor:pointer}
.ltr-opt input:checked+span{background:var(--ltr-navy);color:#fff;border-color:var(--ltr-navy)}.ltr-opt input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
.ltr-err{color:#b3261e;font-weight:700;min-height:1em;margin:0}
.ltr-result{margin-top:30px;border:2px solid var(--ltr-navy);border-radius:20px;padding:24px;background:var(--ltr-paper);scroll-margin-top:80px}
.ltr-res-card{display:flex;gap:16px;align-items:center}.ltr-res-card h2{margin:0}
.ltr-email{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
.ltr-email h3{margin-top:0}.ltr-elabel{display:block;font-weight:700;margin:10px 0 6px}
.ltr-email input[type=email]{width:100%;max-width:420px;min-height:48px;font-size:17px;padding:10px 12px;border:2px solid var(--line);border-radius:10px}
.ltr-pnote{font-size:14px;color:var(--muted)}.ltr-chk{display:flex;gap:10px;align-items:flex-start;margin:8px 0;min-height:32px}.ltr-chk input{width:22px;height:22px;flex:0 0 auto;margin-top:1px}
.ltr-msg{font-weight:700;color:#14603c}.ltr-after{margin-top:26px}.ltr-back{margin-top:22px}
.cmp-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ltr-bk-art{display:flex;align-items:center;justify-content:center;background:#15233c;padding:14px}.ltr-bk-art img{max-height:250px;width:auto;border-radius:4px}
@media(max-width:900px){.ltr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ltr-path{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ltr-hero,.ltr-hero-c{grid-template-columns:1fr}.ltr-hero-cover{max-width:230px}.ltr-hero-art{max-width:200px}
.ltr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ltr-path{grid-template-columns:1fr}.ltr-cols{grid-template-columns:1fr}
.ltr-bookcta{grid-template-columns:1fr}.ltr-bookcta img{max-width:180px}.ltr-step{padding:18px 16px 12px}.ltr-step-art{width:64px;height:64px}.ltr-bign{width:52px;height:52px;font-size:28px}
.ltr-opts{grid-template-columns:1fr}.ltr-share{padding:16px}}
@media(prefers-reduced-motion:reduce){.ltr-hero-cover img,.ltr-path a{transition:none}}
#cmp[data-campaign="learn-to-read"] .cmb-cover span{visibility:hidden}
.ltr-res-card h2{font-size:clamp(22px,4.6vw,30px)}
@media(max-width:720px){.ltr-result,.ltr-step,.ltr-src li{scroll-margin-top:260px}.ltr-res-card{align-items:flex-start}}
.ltr-nextl{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.ltr-nextl li{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff;max-width:none}.ltr-nextl a{text-decoration:none;color:var(--text)}.ltr-nextl b{display:block;font-family:var(--display);font-size:17px;color:var(--accent)}.ltr-nextl span{color:var(--muted);font-size:15.5px}.ltr-nextl .ltr-tag{margin-top:8px}
@media(max-width:720px){.ltr-nextl{grid-template-columns:1fr}}