/* Tambahan gaya khusus Pendamping Buku B (Jawaban Jujur untuk Pertanyaan Sulit Anak). */
.dag{text-decoration:none;color:var(--org7);font-weight:700;cursor:help}
html[data-theme=gelap] .dag{color:#FFB877}
.sm{font-size:var(--fs-sm);color:var(--ink);margin:4px 0}
.bl{margin:8px 0 8px 20px;padding:0}.bl li{margin:8px 0}
.scn{display:block;width:100%;height:auto;border-radius:var(--r);border:1.5px solid var(--line);background:var(--p5);margin:12px 0}
.meta{color:var(--ink);font-size:var(--fs-sm);margin:4px 0 8px}
.chiplab{font-family:'Fredoka';font-weight:600;font-size:var(--fs-sm);color:var(--navy);align-self:center;margin-right:4px}
.chips{align-items:center}
.dd{display:grid;gap:12px;margin:16px 0}
@media(min-width:760px){.dd{grid-template-columns:1fr 1fr}}
.dd .do,.dd .dont{border-radius:16px;padding:12px 16px;border:2px solid}
.dd h3{margin:0 0 8px;font-size:var(--fs-lg)}
.dd .do{background:var(--green5);border-color:var(--green)}.dd .do h3{color:var(--green7)}
.dd .dont{background:var(--red5);border-color:var(--redline)}.dd .dont h3{color:var(--red7)}
.dd ul{list-style:none;margin:0;padding:0}.dd li{margin:12px 0;padding-left:16px;position:relative}
.dd li::before{content:'';position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.6}
.dd li b{display:block;font-weight:600;color:var(--navy)}
.dd li em{display:block;font-style:italic;margin-top:4px;color:var(--ink);font-size:var(--fs-sm)}
html[data-theme=gelap] .dd .do{background:#17331F;border-color:#2E7D32}html[data-theme=gelap] .dd .dont{background:#3A1B19;border-color:#7A3029}
html[data-theme=gelap] .dd .do h3{color:#9BE19D}html[data-theme=gelap] .dd .dont h3{color:#FFB1AA}
.dlg{border:2px solid var(--p1);border-radius:16px;padding:12px 16px;margin:16px 0;background:var(--white)}
.dlg h3{margin:0 0 8px;font-size:var(--fs-lg)}
.bub{max-width:88%;border-radius:14px;padding:8px 12px;margin:8px 0}
.bub b{font-family:'Fredoka';font-size:var(--fs-xs);letter-spacing:.8px;text-transform:uppercase;display:block}
.bub p{margin:2px 0 0}
.bub.par{background:var(--blue5);color:var(--navy)}.bub.par b{color:var(--blue7)}
.bub.kid{background:var(--red5);margin-left:auto;color:var(--navy)}.bub.kid b{color:var(--red7)}
html[data-theme=gelap] .bub.par{background:#1C3355}html[data-theme=gelap] .bub.kid{background:#40211F}
html[data-theme=gelap] .bub.par b{color:#9CC8FF}html[data-theme=gelap] .bub.kid b{color:#FFB1AA}
.umur{display:grid;gap:12px;margin:8px 0}
@media(min-width:760px){.umur{grid-template-columns:1fr 1fr}}
.umur .card b{font-family:'Fredoka';color:var(--blue7)}
html[data-theme=gelap] .umur .card b{color:#9CC8FF}
.umur .card p{margin:6px 0 0}
.trial{background:var(--white);border:2px solid var(--green);border-radius:16px;padding:16px;margin:16px 0}
.trial h3{margin:0 0 4px;color:var(--green7)}html[data-theme=gelap] .trial h3{color:#9BE19D}
.dots{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.dot{width:46px;height:46px;border-radius:50%;border:2px solid var(--green);background:var(--white);color:var(--green7);font-family:'Fredoka';font-weight:700;font-size:var(--fs-md);cursor:pointer}
.dot[aria-pressed=true]{background:var(--green7);color:#fff}
.dot:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
html[data-theme=gelap] .dot{background:var(--white);color:#9BE19D}html[data-theme=gelap] .dot[aria-pressed=true]{background:#2E7D32;color:#fff}
.lbl{display:block;font-size:var(--fs-sm);color:var(--ink);margin:12px 0 4px}
.trial textarea,.refl textarea{width:100%;min-height:84px;border:1.5px solid var(--line);border-radius:12px;padding:12px;font:inherit;font-size:var(--fs-md);background:var(--white);color:var(--navy);box-sizing:border-box}
.box.kapan{background:var(--org5);border-color:var(--org)}
html[data-theme=gelap] .box.kapan{background:#3A2411}
.dasar{margin:24px 0 8px;padding:12px 16px;border-radius:16px;background:var(--soft)}
.dasar h2{margin:0 0 4px;font-size:var(--fs-lg)}.dasar p{margin:0;font-size:var(--fs-sm);color:var(--ink)}
.kulkas{border:2px dashed var(--red);border-radius:16px;padding:16px;background:var(--white);margin:12px 0}
.kulkas h3{margin:0 0 8px;color:var(--red7)}html[data-theme=gelap] .kulkas h3{color:#FFB1AA}
.kulkas ol{margin:0;padding-left:20px}.kulkas li{margin:10px 0}.kulkas li b{display:block;color:var(--navy)}
.kulkas li span{color:var(--ink);font-size:var(--fs-sm)}
.tabp>.scn:first-child{margin-top:16px}
.prose ul.bl{margin-left:20px}
@media print{
 body *{visibility:hidden}
 .kulkas,.kulkas *{visibility:visible}
 .kulkas{position:absolute;left:0;top:0;width:100%;border:2px dashed #D9473D;color:#000}
}
.topikrow .n,.topikrow .j{display:block}
.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.seg button{min-width:0;padding:10px 4px;font-size:13.5px;line-height:1.15;white-space:normal}
@media(min-width:480px){.seg button{font-size:var(--fs-sm)}}
.dots{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.dot{width:100%;max-width:52px;height:auto;aspect-ratio:1;justify-self:center}

/* Buku B */
sup.sref{font-size:.68em;color:var(--blue7);font-weight:600;white-space:nowrap}
html[data-theme=gelap] sup.sref{color:#9CC8FF}
.strip{background:var(--p5);border:1.5px dashed var(--p1);border-radius:14px;padding:10px 14px;margin:12px 0;font-size:var(--fs-sm);color:var(--navy)}
.linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--blue7);text-decoration:underline;cursor:pointer}
.situ{background:var(--white);border:2px solid var(--p1);border-left:6px solid var(--p);border-radius:16px;padding:12px 16px;margin:12px 0}
.situ b{font-family:'Fredoka';color:var(--p7);font-size:var(--fs-sm);letter-spacing:.3px}.situ p{margin:6px 0 0;font-size:var(--fs-lg);color:var(--navy)}
.box.okbox{background:var(--green5);border-color:var(--green)}
.box.warn{background:var(--red5);border-color:var(--redline)}.box.warn h3{color:var(--red7)}
html[data-theme=gelap] .box.okbox{background:#17331F}html[data-theme=gelap] .box.warn{background:#3A1B19}html[data-theme=gelap] .box.warn h3{color:#FFB1AA}
.opt{background:var(--white);border:2px solid var(--p1);border-radius:16px;padding:14px 16px;margin:14px 0}
.opt.fam{border-color:#CBB8EE;background:#FAF7FE}html[data-theme=gelap] .opt.fam{background:#241B33;border-color:#5B4690}
.opt h3{margin:0 0 8px;display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-lg);color:var(--navy)}
.opt .let{flex:none;width:30px;height:30px;border-radius:50%;background:var(--blue7);color:#fff;display:grid;place-items:center;font-family:'Fredoka';font-weight:700}
.opt.fam .let{background:#7A4FD0}
.opt .ans{margin:6px 0 10px;font-size:var(--fs-lg);color:var(--navy);background:var(--p5);border-radius:12px;padding:10px 12px}
.pas{margin:8px 0}.pas>b{font-family:'Fredoka';font-size:var(--fs-xs);letter-spacing:.8px;color:var(--ink)}
.pas ul{list-style:none;margin:6px 0 0;padding:0}.pas li{position:relative;padding-left:24px;margin:6px 0}
.pas li::before{content:'✓';position:absolute;left:0;color:var(--green7);font-weight:700}
.chk{display:flex;gap:10px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-weight:500;color:var(--navy);cursor:pointer}
.chk input{width:22px;height:22px;accent-color:var(--blue7)}
.stp{margin:0;padding-left:22px}.stp li{margin:10px 0}
.dd .dont li::before{content:'✕';background:none;width:auto;height:auto;top:0;opacity:1;color:var(--red7);font-size:.9em}
.ganti{border:2px solid var(--p1);border-radius:16px;overflow:hidden;margin:8px 0 16px;background:var(--white)}
.ganti .gh,.ganti .gr{display:grid;grid-template-columns:1fr 1fr}
.ganti .gh span{font-family:'Fredoka';font-weight:600;font-size:var(--fs-sm);padding:8px 12px;background:var(--p5);color:var(--p7)}
.ganti .gr>div{padding:10px 12px;border-top:1px solid var(--line)}
.ganti .no{background:var(--red5);color:var(--navy)}.ganti .yes{background:var(--green5);color:var(--navy);border-left:1px solid var(--line)}
html[data-theme=gelap] .ganti .no{background:#3A1B19}html[data-theme=gelap] .ganti .yes{background:#17331F}
.qa{background:var(--white);border:1.5px solid var(--line);border-left:6px solid var(--p);border-radius:14px;padding:10px 14px;margin:10px 0}
.qa b{display:block;color:var(--navy)}.qa p{margin:6px 0 0}
.chip2{font-family:'Fredoka';font-size:var(--fs-xs);font-weight:600;color:var(--p7);letter-spacing:.4px}
.srcl{list-style:none;margin:6px 0;padding:0}.srcl li{margin:6px 0;font-size:var(--fs-sm);color:var(--ink)}.srcl b{color:var(--blue7)}
.refs li b{color:var(--blue7);margin-right:4px}
.prose h2{font-size:var(--fs-lg);margin:20px 0 6px}.prose i{color:var(--ink)}
.dd .do .stp li::before{display:none}
.stp li::marker{font-weight:700;color:var(--green7)}