/* kw-line components in the howtoteachthealphabet.org brand (made by content-engine/kw_publish.py from kw_render.css; do not edit here) */
.kw{--pri:#1E5BB8;--acc:#3A9D4B;--yel:#F4B63A;--tan:#F9D98F;--pink:#EEF4FC;--cream:#FFF8E6;--dark:#18233A;--dark2:#2B3A57;--ink:#18233A;--muted:#4A5873;--line:#D6E2F3;--bg:#FFFFFF;--r:14px;
 max-width:760px;margin:0 auto;font:18px/1.7 'system-ui',-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);padding:8px 16px 40px;box-sizing:border-box;overflow-wrap:anywhere}
.kw *{box-sizing:border-box}
.kw h1,.kw h2,.kw h3,.kw figcaption,.kw .kw-steplabel,.kw .kw-stat b,.kw .kw-mname{font-family:'Andika',Nunito,sans-serif;letter-spacing:-.005em}
.kw .kw-kicker{display:inline-block;margin:10px 0 8px;background:var(--pink);color:var(--pri);font:800 13px/1 'system-ui',sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:999px}
.kw h1{font-weight:700;font-size:40px;line-height:1.12;margin:0 0 12px;color:var(--ink)} .kw .acc{color:var(--pri)}
.kw .kw-dek{font-size:19px;color:var(--muted);margin:0 0 14px;line-height:1.5}
.kw .kw-by{display:flex;gap:12px;align-items:center;margin:0 0 16px;font-size:15px;color:var(--muted)} .kw .kw-by img{width:46px;height:46px;border-radius:50%;border:2px solid var(--pri);background:#fff}
.kw .kw-by b{display:block;color:var(--ink);font-size:16px} .kw .kw-upd{white-space:nowrap}
.kw h2{font-weight:700;font-size:28px;line-height:1.2;margin:40px 0 10px;color:var(--ink)}
.kw h3{font-weight:600;font-size:21px;line-height:1.3;margin:24px 0 6px;color:var(--dark)}
.kw p{margin:0 0 14px} .kw a{color:var(--pri);text-decoration-thickness:2px;text-underline-offset:3px}
.kw ul,.kw ol{padding-left:22px;margin:0 0 14px} .kw li{margin:5px 0}
.kw .kw-pic{margin:20px 0} .kw .kw-pic img{width:100%;height:auto;display:block;border-radius:var(--r)}
.kw .kw-take{background:var(--cream);border:2px solid var(--yel);border-radius:var(--r);padding:16px 20px;margin:18px 0}
.kw .kw-eyebrow{font:800 12.5px/1 'system-ui',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--pri);margin:0 0 10px}
.kw .kw-take ul{margin:0}
.kw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.kw-stat{background:#fff;border:2px solid var(--line);border-top:6px solid var(--pri);border-radius:var(--r);padding:14px 16px}
.kw-stat:nth-child(2){border-top-color:var(--acc)} .kw-stat:nth-child(3){border-top-color:var(--gold,#F4B63A)}
.kw-stat b{display:block;font-size:34px;line-height:1.05;color:var(--ink)} .kw-stat span{display:block;font-size:15px;line-height:1.35;margin-top:6px;color:var(--muted)}
.kw-method{background:var(--dark);color:#fff;border-radius:var(--r);padding:20px 20px 16px;margin:24px 0}
.kw-method .kw-eyebrow{color:var(--yel)} .kw-method .kw-mname{color:#fff;margin:0 0 12px;font-size:24px}
.kw-method ol{list-style:none;padding:0;margin:0 0 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kw-method li{position:relative;background:rgba(255,255,255,.08);border-radius:12px;padding:12px;margin:0}
.kw-method li:not(:last-child)::after{content:"\2192";position:absolute;right:-12px;top:12px;color:var(--yel);font-weight:800;font-size:18px}
.kw-method .n{display:inline-block;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;font:800 14px/26px sans-serif;text-align:center;margin-bottom:6px}
.kw-method li b{display:block;font-size:16px;line-height:1.25} .kw-method .t{display:block;font-size:14.5px;line-height:1.4;color:#F3E7DF;margin-top:4px}
.kw-method .kw-quote{margin:0;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.2);font-style:italic;color:var(--yel);font-size:17px}
.kw-step{background:#fff;border:2px solid var(--line);border-left:8px solid var(--pri);border-radius:var(--r);padding:16px 20px;margin:22px 0}
.kw-step .kw-steplabel{display:inline-block;background:var(--pri);color:#fff;border-radius:999px;padding:3px 12px;font-size:14px;font-weight:600;margin:0 0 6px}
.kw-step h3{margin:2px 0 8px} .kw-test{background:var(--cream);border:2px dashed var(--acc);border-radius:12px;padding:10px 14px;margin:8px 0 0!important;font-size:16.5px}
.kw-test b{color:var(--acc)}
.kw figure{margin:24px 0} .kw figcaption{font-weight:700;font-size:20px;color:var(--ink);margin:0 0 8px}
.kw-score{background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:16px} .kw-intro{font-size:16px;color:var(--muted)}
.kw-score .tw{overflow-x:auto} .kw-score table{width:100%;border-collapse:collapse;font-size:16px}
.kw-score th,.kw-score td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.kw-score thead th{background:var(--pink);color:var(--pri);font-size:14px;text-transform:uppercase;letter-spacing:.05em}
.kw-score tfoot th,.kw-score tfoot td{border:0;background:var(--cream);font-size:17px}
.kw-score .dots{display:inline-flex;gap:3px;margin-right:6px;vertical-align:middle} .kw-score .dots i{width:11px;height:11px;border-radius:50%;background:var(--line)} .kw-score .dots i.on{background:var(--pri)}
.kw-score td:nth-child(3) .dots i.on{background:var(--acc)} .kw-score .num{font-weight:700}
.kw-small{font-size:15px!important;color:var(--muted);margin:8px 0 0!important}
.kw-acgrid{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px}
.kw-ac{border-radius:var(--r);padding:14px;color:var(--ink)} .kw-ac.c0{background:var(--pink)} .kw-ac.c1{background:var(--cream);border:2px solid var(--yel)} .kw-ac.c2{background:#FDE3D2} .kw-ac.c3{background:#F6F3C9}
.kw-ac .L{display:block;font:700 44px/1 'Andika',sans-serif;color:var(--pri)} .kw-ac.c1 .L,.kw-ac.c3 .L{color:var(--acc)}
.kw-ac b{display:block;font-size:16px;line-height:1.25;margin:6px 0 4px} .kw-ac p{font-size:15px;line-height:1.45;margin:0}
.kw-axes{display:grid;grid-template-columns:88px 1fr 1fr;gap:10px;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kw-axes .xl{grid-column:2;text-align:center} .kw-axes .xr{grid-column:3;text-align:center}
.kw-qrow{display:grid;grid-template-columns:88px 1fr 1fr;gap:10px;margin-top:10px} .kw-qrow .yl{align-self:center;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kw-q{border-radius:var(--r);padding:12px 14px;background:#fff;border:2px solid var(--line)} .kw-q b{display:block;font-size:16.5px;margin-bottom:4px} .kw-q ul{margin:0;padding-left:18px;font-size:15.5px}
.kw-q.q1{border-color:var(--pri)} .kw-q.q2{border-color:var(--acc)} .kw-q.q3{border-color:var(--yel)} .kw-q.q4{border-color:var(--tan)}
.kw-tl ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:10px;position:relative}
.kw-tl ol::before{content:"";position:absolute;left:6px;right:6px;top:14px;height:4px;background:var(--tan);border-radius:2px}
.kw-tl li{position:relative;margin:0;padding-top:34px} .kw-tl li::before{content:"";position:absolute;left:0;top:6px;width:20px;height:20px;border-radius:50%;background:var(--pri);border:4px solid var(--pink)}
.kw-tl li b{display:block;color:var(--pri);font-size:16px} .kw-tl li span{display:block;font-size:15px;line-height:1.4}
.kw-two{display:grid;grid-template-columns:1fr 1fr;gap:12px} .kw-two>div{border-radius:var(--r);padding:14px 16px} .kw-two .is{background:#EEF6E2;border:2px solid #9BC46B} .kw-two .isnt{background:#FDECEC;border:2px solid #E7A2A2}
.kw-two b{display:block;margin-bottom:6px} .kw-two ul{margin:0;padding-left:18px;font-size:16px}
.kw-tip{background:var(--pink);border-radius:var(--r);padding:12px 16px;margin:18px 0;font-size:16.5px} .kw-tip b{color:var(--pri)}
.kw-pq{margin:26px 0;padding:4px 0 4px 18px;border-left:6px solid var(--acc);font:600 23px/1.4 'Andika',sans-serif;color:var(--dark)}
.kw-product{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:center;background:var(--cream);border:2px solid var(--yel);border-radius:var(--r);padding:14px;margin:24px 0}
.kw-product img{width:100%;height:auto;border-radius:12px;display:block} .kw-product h3{margin:0 0 6px} .kw-product p{font-size:16px;margin:0 0 10px}
.kw-btn{display:inline-block;background:var(--pri);color:#fff!important;text-decoration:none!important;font-weight:800;border-radius:999px;padding:9px 18px}
.kw-try{background:#fff;border:2px solid var(--acc);border-radius:var(--r);padding:16px 20px;margin:26px 0} .kw-try ol{margin:0}
.kw-note{background:var(--cream);border-left:8px solid var(--yel);border-radius:var(--r);padding:14px 18px;margin:20px 0}
.kw-quiz{background:var(--pink);border-radius:var(--r);padding:16px 20px;margin:26px 0} .kw-qz{margin:12px 0 16px} .kw-qz .q{font-weight:800;margin:0 0 6px}
.kw-qo{display:block;width:100%;text-align:left;margin:6px 0;padding:10px 12px;border:2px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-size:16px;cursor:pointer;color:var(--ink)}
.kw-qo.right{border-color:#5E9B2E;background:#EEF6E2} .kw-qo.wrong{border-color:var(--acc);background:#FFF1E8} .kw-why{display:none;font-size:15px;color:var(--muted)} .kw-qz.done .kw-why{display:block}
.kw-faq details{border-bottom:1px solid var(--line);padding:10px 0} .kw-faq summary{cursor:pointer;font-weight:800;color:var(--ink)} .kw-faq details p{margin:8px 0 0}
.kw-punch{text-align:center;margin:36px 0 20px;padding:28px 18px;background:var(--dark);color:#fff;border-radius:var(--r);font:700 30px/1.25 'Andika',sans-serif} .kw-punch .acc{color:var(--yel)}
.kw-sheet{background:#fff;border:2px dashed var(--pri);border-radius:var(--r);padding:16px;margin:26px 0;text-align:center} .kw-sheet img{max-width:100%;height:auto;border-radius:12px;display:block;margin:0 auto 10px}
.kw-bio{display:flex;gap:12px;align-items:center;background:var(--cream);border-radius:var(--r);padding:12px 14px;margin:24px 0 0;font-size:15.5px} .kw-bio img{width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid var(--pri)} .kw-bio p{margin:0}
@media(max-width:700px){
 .kw{font-size:17px} .kw h1{font-size:30px} .kw h2{font-size:24px}
 .kw-stats{grid-template-columns:1fr} .kw-stat{display:flex;gap:12px;align-items:baseline} .kw-stat b{font-size:28px;min-width:76px}
 .kw-method ol{grid-template-columns:1fr 1fr} .kw-method li::after{display:none}
 .kw-acgrid{grid-template-columns:1fr} .kw-ac{display:grid;grid-template-columns:48px 1fr;column-gap:10px} .kw-ac .L{grid-row:span 2} .kw-ac b{margin-top:0}
 .kw-axes{display:none} .kw-qrow{grid-template-columns:1fr} .kw-qrow .yl{margin-top:8px}
 .kw-q::before{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;content:attr(data-ax)}
 .kw-tl ol{grid-template-columns:1fr} .kw-tl ol::before{left:9px;right:auto;top:6px;bottom:6px;width:4px;height:auto} .kw-tl li{padding:0 0 0 34px} .kw-tl li::before{top:2px}
 .kw-score table{overflow-wrap:normal;word-break:normal;font-size:15px} .kw-score .dots{display:none} .kw-score th,.kw-score td{padding:8px 6px} .kw-score thead th{font-size:12px;letter-spacing:.02em}
 .kw-two{grid-template-columns:1fr} .kw-product{grid-template-columns:1fr} .kw-punch{font-size:24px} .kw-pq{font-size:20px}
}
.tbgl-body .kw.kw-cms{max-width:none;margin:0;padding:0;background:none;font-size:inherit;line-height:inherit;color:inherit}
.tbgl-body .kw-cms>h2:first-child{margin-top:0}
.tbgl-body .kw-cms figure{max-width:100%}.tbgl-body .kw-cms img{max-width:100%;height:auto}
.tbgl-body .kw-cms .kw-method h2.kw-mname{color:#fff!important;margin:0 0 12px}
.tbgl-body .kw-cms :is(h3,.kw-steplabel,.kw-pq){font-weight:700}