/* Tambahan gaya khusus Pendamping Buku A (Menemani Anak Tumbuh di Era AI dan Layar). */
.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}