/* Simple Learning Hub — Class 12 Chemistry Learn add-ons (formula cards, experiments, 3D cards, quiz). Uses the site's CSS variables. */
.cxfm{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card),var(--soft));border-radius:14px;padding:12px 14px;margin:12px 0;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.cxfm .f{font:700 1.12rem/1.5 "Cambria Math","STIX Two Math","Times New Roman",serif;color:var(--ink);overflow-wrap:anywhere;padding:2px 0}
.cxfm .c{font-size:.88rem;color:var(--mut);line-height:1.5}
.lrn .box.cxtip{border-left-color:#7e57c2}.lrn .box.cxwarn{border-left-color:#e8743b}.lrn .box.cxkey{border-left-color:var(--link)}
.lrn .box.ex b.bt::before{content:"✍ "}.lrn .box.cxtip b.bt::before{content:"🏆 "}.lrn .box.cxwarn b.bt::before{content:"⚠ "}
.lrn sub,.lrn sup{font-size:.72em;line-height:0}
.cxm3{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:linear-gradient(135deg,#0d1a26,#14324a);color:#eaf2f8;border-radius:14px;padding:10px 12px;margin:12px 0;cursor:pointer;font:inherit}
.cxm3 .i{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:radial-gradient(circle at 35% 30%,#7fd0ff,#1f6fb2);color:#fff;box-shadow:inset 0 -3px 8px rgba(0,0,0,.25)}
.cxm3 b{display:block;font-size:.98rem}.cxm3 small{display:block;opacity:.75;font-size:.8rem;margin-top:2px}.cxm3 .go{margin-left:auto;font-weight:800;font-size:.8rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 10px}
.cxm3c{cursor:pointer;font:inherit;text-align:left}.cxm3c .cxm3th{display:block;border-radius:9px;overflow:hidden;background:#0d1a26}.cxm3c .cxm3th img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.cxmod{position:fixed;inset:0;z-index:90;background:#05080b;display:flex;flex-direction:column}
.cxmod .cxmh{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;color:#eaf2f8;background:#0b141c}
.cxmod .cxx{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:18px;cursor:pointer}
.cxmod iframe{flex:1;width:100%;border:0;display:block}
html.cxlock,html.cxlock body{overflow:hidden}
/* experiments */
.cxlab{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:12px;margin:16px 0;box-shadow:0 2px 10px rgba(8,28,44,.06)}
.cxlab .cxload{color:var(--mut);font-size:.9rem}
.cxlh{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cxlh .ico{font-size:1.3rem}.cxlh b{font-size:1.02rem}.cxlh .tag{margin-left:auto;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#2e7d32;background:rgba(46,125,50,.12);border-radius:999px;padding:3px 8px}
.cxp{font-size:.92rem;line-height:1.55;margin:4px 0 8px}
.cxnote{font-size:.78rem;color:var(--mut);line-height:1.5;margin:8px 0 0}
.cxrow{display:flex;gap:12px;align-items:flex-start}.cxsvg{flex:0 0 112px;max-width:112px}.cxctl{flex:1;min-width:0}
.cxctl label,.cxl{display:block;font-size:.9rem;margin:6px 0 2px}
.cxlab input[type=range]{width:100%;height:32px;accent-color:#1f7ae0}
.cxbtns{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}
.cxb{font:700 .9rem/1 inherit;font-family:inherit;height:38px;padding:0 14px;border-radius:999px;border:0;background:#1f7ae0;color:#fff;cursor:pointer}
.cxb.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.cxout{display:grid;gap:4px;margin-top:8px;font-size:.88rem}
.cxout>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding:4px 0}.cxout>div span{color:var(--mut)}.cxout>div b{text-align:right;font-variant-numeric:tabular-nums}
.cxout .msg{display:block;border:0;background:var(--soft);border-radius:10px;padding:8px 10px;font-weight:600;color:var(--ink);line-height:1.45}
.cxout .msg.b{background:rgba(31,122,224,.12)}.cxout .msg.r{background:rgba(198,40,40,.12)}.cxout .msg.g{background:rgba(46,125,50,.14)}
.cxgraph{width:100%;height:auto;display:block;color:var(--ink);background:var(--soft);border-radius:12px}
.cxcan{width:100%;height:auto;display:block;background:#f4f8fb;border-radius:12px}
.cxlab .seg{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}.cxlab .seg button{font:700 .86rem/1 inherit;font-family:inherit;height:36px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.cxlab .seg button[aria-pressed=true]{background:#0f2a3d;color:#fff;border-color:#0f2a3d}
.cxth{display:flex;gap:10px;justify-content:space-around;margin:10px 0 2px;text-align:center}
.cxth .th{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.82rem;flex:1}
.cxth .tube{position:relative;width:18px;height:110px;border-radius:9px;background:var(--soft);border:2px solid var(--line);overflow:hidden}
.cxth .tube i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#ff7043,#d84315);transition:height .35s}
.cxth .cold .tube i{background:linear-gradient(#64b5f6,#1565c0)}.cxth .osm .tube i{background:linear-gradient(#ba68c8,#6a1b9a)}
.cxth small{color:var(--mut)}
#hb_bub circle.up{animation:cxup 1.4s ease-in infinite}
@keyframes cxup{0%{transform:translateY(0);opacity:.9}100%{transform:translateY(-90px);opacity:0}}
/* quiz */
.cxquiz .cxq{border-top:1px dashed var(--line);padding:8px 0}
.cxquiz .cxq p{margin:4px 0}
.cxquiz .opts{display:grid;gap:6px;margin-top:6px}
.cxquiz .opts button{text-align:left;font:600 .93rem/1.35 inherit;font-family:inherit;padding:9px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
.cxquiz .opts button.ok{border-color:#2e7d32;background:rgba(46,125,50,.14)}.cxquiz .opts button.no{border-color:#c62828;background:rgba(198,40,40,.12)}
.cxquiz .why{font-size:.88rem;color:var(--mut)}
.cxscore{font-weight:800;font-size:1.05rem;text-align:center;background:var(--soft);border-radius:12px;padding:10px}
.cxtable{width:100%;border-collapse:collapse;font-size:.88rem;margin:10px 0}.cxtable th,.cxtable td{border-bottom:1px solid var(--line);padding:6px 6px;text-align:left}.cxtable th{color:var(--mut);font-weight:700}
.cxtw{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (prefers-reduced-motion:reduce){#hb_bub circle.up{animation:none}}
.cxrow2{display:flex;gap:8px;margin:6px 0}.cxrow2 label{flex:1;font-size:.82rem;color:var(--mut);display:flex;flex-direction:column;gap:3px}.cxsel{font:600 .9rem/1.2 inherit;font-family:inherit;padding:8px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);width:100%}

.lrn .tb,.lrn .cxfm .f{overflow-wrap:anywhere}

/* ===== Maths additions ===== */
/* kid-friendly cards (same look as the homepage "Live now" grid) */
.mk{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:.4em 0 1em}
.mk-c{display:flex;align-items:center;gap:11px;min-height:76px;padding:11px 12px;background:var(--card,#fff);border:1px solid var(--line,#e3e8ee);border-radius:14px;box-shadow:var(--sh,0 1px 3px rgba(0,0,0,.06));text-decoration:none!important;color:var(--ink,#14212b);transition:transform .12s,border-color .12s}
a.mk-c:hover,a.mk-c:focus-visible{border-color:var(--teal,#0f766e);transform:translateY(-1px)}a.mk-c:active{transform:scale(.98)}
.mk-c[aria-disabled]{opacity:.55}
.mk-i{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--kb);font-size:26px;line-height:1;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}
.mk-t{min-width:0}.mk-t b{display:block;font-family:Poppins,system-ui,sans-serif;font-size:.95rem;line-height:1.25;color:var(--hd,#0f2a3d)}
.mk-t small{display:block;margin-top:3px;font-size:.8rem;line-height:1.3;color:var(--mut,#56636e)}
[data-theme=dark] .mk-i{background:rgba(255,255,255,.1)}
@media (max-width:560px){.mk{grid-template-columns:1fr 1fr;gap:9px}.mk-c{flex-direction:column;align-items:flex-start;gap:7px;min-height:112px;padding:11px}.mk-i{flex-basis:auto;width:42px;height:42px;font-size:24px}}
.mkhub .mk-t b{font-size:.93rem}
.mxh1i{display:inline-grid;place-items:center;width:1.5em;height:1.5em;border-radius:.35em;background:var(--kb);margin-right:.35em;vertical-align:-.25em;font-size:.95em;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}
/* maths */
.mx{white-space:nowrap}.mx .katex{font-size:1.06em;white-space:normal}
.mxd{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:.15em 0;text-align:center}
.mxd .katex-display{margin:.35em 0}.mxd>.katex-display>.katex{white-space:nowrap}
.mxraw{font-family:ui-monospace,monospace;font-size:.9em;color:#555}
.lrn .mx:not([data-k]),.lrn .mxd:not([data-k]){color:#7a8791;font-size:.92em}
.cxfm .f{overflow-x:auto;overflow-y:hidden;max-width:100%}
/* boxes */
.mxtag{display:block;font-weight:800;font-size:.82rem;letter-spacing:.02em;margin-bottom:.25em;color:#0f2a3d}
.box.mxdef{background:#eef6ff;border-left:4px solid #1e88e5}.box.mxthm{background:#f3efff;border-left:4px solid #7e57c2}
.box.mxtop{background:#fff8e1;border-left:4px solid #f9a825}.box.mxbeg{background:#e8f8ee;border-left:4px solid #43a047}
.box.mxtry{background:#fdf2f8;border-left:4px solid #d81b60}.box.mxtry details summary{cursor:pointer;font-weight:700;color:#ad1457;margin-top:.3em}
.box.mxex{background:#fffdf5;border:1px solid #f0e3b8;border-left:4px solid #f4b400}
.mxsol{margin-top:.5em}.mxsol>summary{cursor:pointer;font-weight:800;color:#8a5a00;padding:.35em 0;list-style:none}.mxsol>summary::-webkit-details-marker{display:none}
.mxsol>summary::before{content:"▸ ";}.mxsol[open]>summary::before{content:"▾ "}
.mxsteps{margin:.2em 0 .3em;padding-left:1.4em}.mxsteps li{margin:.35em 0;padding:.25em 0;border-bottom:1px dashed #efe6c8}.mxsteps li:last-child{border-bottom:0}
.mxsteps .w{font-size:.93rem;color:#33424d}.mxsteps .m{overflow-x:auto;overflow-y:hidden;max-width:100%}
.mxans{background:#e8f5e9;border-radius:10px;padding:.45em .7em;margin:.4em 0 0;font-weight:600}.mxans>b{color:#2e7d32}
/* graph widget */
.mxg{display:block;width:100%;height:auto;max-width:560px;margin:.3em auto;user-select:none;-webkit-user-select:none;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.mxg .tk{font-size:10.5px;fill:#6b7a86}.mxg .axl{font-size:13px;font-style:italic;font-weight:700;fill:#37474f}
.mxg .gl{font-size:12px;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.mxg .pt.dr{cursor:grab}.mxg .pt.dr:active{cursor:grabbing}
.mxread{font-weight:700;text-align:center;margin:.3em 0;font-size:.95rem}
.mxchips{display:flex;flex-wrap:wrap;gap:6px;margin:.4em 0}.mxchips button{font:600 .85rem/1 inherit;font-family:inherit;padding:.55em .8em;border-radius:999px;border:1.5px solid #c9d3dc;background:#fff;color:#14212b;cursor:pointer}
.mxchips button[aria-pressed=true]{background:#0f2a3d;color:#fff;border-color:#0f2a3d}
.mxok{color:#2e7d32;font-weight:800}.mxno{color:#c62828;font-weight:800}
.cxquiz .mx{white-space:normal}

/* ch1 labs: relation grid, arrow checker, composition */
.rcg{border-collapse:separate;border-spacing:5px;margin:.4em auto}.rcg th{font-weight:800;color:#56636e;font-size:.9rem;padding:0 4px}
.rcg button{width:48px;height:44px;border-radius:10px;border:1.5px solid #b0bec5;background:#fff;font:800 1.1rem/1 inherit;font-family:inherit;color:#2e7d32;cursor:pointer}
.rcg button.dg{background:#f3f7fb}.rcg button[aria-pressed=true]{background:#e8f5e9;border-color:#2e7d32}
.rcset{font-weight:700;overflow-wrap:anywhere;margin:.3em 0}.rcres{list-style:none;padding:0;margin:.3em 0}.rcres li{margin:.25em 0;line-height:1.4}
.fnrow{display:flex;align-items:center;gap:6px;margin:.3em 0;flex-wrap:wrap}.fnrow b{min-width:4.2em}
.fnb{min-width:44px;height:40px;border-radius:999px;border:1.5px solid #b0bec5;background:#fff;font:700 1rem/1 inherit;font-family:inherit;cursor:pointer}.fnb[aria-pressed=true]{background:#ef6c00;border-color:#ef6c00;color:#fff}
.fnsv{display:block;width:100%;max-width:320px;margin:.4em auto;font-size:15px}
.cpm{background:#f3f7fb;border-radius:12px;padding:.6em .8em;margin:.4em 0;overflow-x:auto}.hltr{line-height:1.5}
html[data-theme=dark] .rcg button,html[data-theme=dark] .fnb{background:#1b2730;color:#e6edf3}html[data-theme=dark] .cpm{background:#1b2730}
/* integrator patches: KaTeX arrows (\vec) were shrunk to 0 by the site-wide img,svg{max-width:100%}; raw TeX not yet typeset wraps instead of widening the page */
.katex svg{max-width:none}
.lrn .mx:not([data-k]){white-space:normal;overflow-wrap:anywhere}
/* a long inline formula (e.g. a whole answer line) scrolls inside its own box instead of widening the phone page */
.mxans,.lrn .tb{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}

.m3row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:8px 0}
.m3m{display:flex;flex-direction:column;align-items:center}
.m3n{font-weight:800;font-size:14px;margin-bottom:3px}.m3n small{font-weight:600;color:#607d8b}
.m3op{font-size:20px;font-weight:800;color:#546e7a;padding:0 2px}
.m3g{border-collapse:separate;border-spacing:2px;border-left:2px solid #37474f;border-right:2px solid #37474f;border-radius:4px;padding:0 3px}
.m3g td{min-width:30px;height:30px;text-align:center;font-weight:700;font-size:15px;border-radius:7px;background:#f5f7fa;padding:0 3px}
.m3g.ga td.on{background:#ffe0b2;color:#e65100}.m3g.gb td.on{background:#bbdefb;color:#0d47a1}
.m3g.gc td{cursor:pointer;background:#fff;box-shadow:inset 0 0 0 1px #cfd8dc}.m3g.gc td.on{background:#f8bbd0;color:#ad1457;box-shadow:inset 0 0 0 2px #d81b60}
.m3sum{overflow-x:auto;max-width:100%;text-align:center;padding:4px 0}
.m3lab{margin:6px 0 2px;font-weight:800}
.m3gr{max-width:340px;margin:8px auto}
.m3in{display:grid;grid-template-columns:repeat(3,64px);gap:6px;justify-content:center;margin:8px 0}
.m3in input{width:64px;height:38px;font-size:16px;text-align:center;border:1.5px solid #b0bec5;border-radius:8px}
.m3chk{list-style:none;padding:0;margin:6px 0}.m3chk li{margin:3px 0}
html[data-theme=dark] .m3g td{background:#263238;color:#eceff1}html[data-theme=dark] .m3g.gc td{background:#1e272c}

.c4g{border-collapse:separate;border-spacing:5px;margin:.4em auto}
.c4g td{width:62px;height:50px;text-align:center;font:700 1.15rem/1 inherit;font-family:inherit;border-radius:10px;background:#f4f6f8;border:2px solid #dde3e8;position:relative}
.c4g td.ln{background:#e3f2fd;border-color:#64b5f6}
.c4g td.hid{background:#fafafa;color:#b0bec5;text-decoration:line-through;border-style:dashed}
.c4g td.cur{background:#fff3e0;border-color:#ef6c00;color:#e65100}
.c4g small{position:absolute;top:2px;right:6px;font-size:.8rem}
.c4g small.pos{color:#2e7d32}.c4g small.neg{color:#c62828}
.c4m{background:#fffdf5;border:1px solid #f0e3b8;border-radius:12px;padding:.5em .7em;margin:.4em 0;font-size:.92rem;line-height:1.7}
.cxlab table.c4s{width:auto!important;min-width:0!important;background:none!important;display:inline-table;vertical-align:middle;border-left:2px solid #37474f;border-right:2px solid #37474f;border-collapse:separate;border-spacing:6px 0;margin:0 3px}
.cxlab table.c4s td{text-align:center;font-weight:700;border:0!important;background:none!important;padding:.1em .35em!important;width:auto!important}
.c4det{text-align:center;font-weight:700;margin:.2em 0;font-size:.95rem}
.c4ar .mxread,.c4sr .mxread{font-size:.88rem;overflow-wrap:anywhere}
.c4eq{display:flex;flex-direction:column;gap:6px;margin:.4em 0}
.c4row{display:flex;flex-wrap:wrap;gap:4px;align-items:center;border-left:4px solid currentColor;padding-left:5px}
.c4dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:2px}
.c4st{display:inline-flex;align-items:center;gap:1px;background:#f4f6f8;border-radius:999px;padding:2px}
.c4st b{font-size:.8rem;min-width:40px;text-align:center}
.c4st button{width:28px;height:28px;padding:0;border-radius:50%;border:1.5px solid #c9d3dc;background:#fff;font:700 1rem/1 inherit;font-family:inherit;cursor:pointer;color:#14212b}

.c7row{display:flex;align-items:center;gap:8px;margin:6px 0}.c7row label{font-weight:700;min-width:18px}.c7row input{flex:1;min-width:0}.c7row b{min-width:34px;text-align:right}
.c7g{max-width:100%;overflow:hidden}
.c7ilate{display:flex;gap:4px;margin:8px 0;flex-wrap:wrap}.c7k{flex:1;min-width:52px;border:1px solid #cfd8dc;border-radius:10px;padding:4px 2px;text-align:center;background:#fafafa}
.c7k b{display:block;font-size:18px}.c7k small{display:block;font-size:9.5px;line-height:1.2;color:#546e7a;overflow-wrap:anywhere}.c7f1{background:#e3f2fd;border-color:#1565c0}.c7f2{background:#fff3e0;border-color:#ef6c00}
.c7tab{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0}.c7tab div{background:#f5f7fa;border-radius:8px;padding:6px;font-size:14px;overflow-x:auto}
.c7steps{padding-left:20px;margin:6px 0}.c7steps li{margin:4px 0;overflow-x:auto}

.c10sl{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0}.c10sl label{display:flex;align-items:center;gap:6px;font-size:.92rem}.c10sl input[type=range]{width:120px}
.c10out{font-size:.93rem;line-height:1.5;margin-top:6px;overflow-wrap:anywhere}.c10out p{margin:4px 0}
.c10t{border-collapse:collapse;width:100%;font-size:.85rem;margin:6px 0}.c10t th,.c10t td{border:1px solid #d5dde4;padding:4px 5px;text-align:center}
.c10g{max-width:420px}

.c11in{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;font-weight:700}
.c11n{width:3.6em;font:700 1rem/1.2 inherit;font-family:inherit;padding:6px 4px;border:1.5px solid #c9d3dc;border-radius:10px;text-align:center;background:#fff;color:#14212b}
.c11grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0}
.c11cell{background:#f5f8fb;border-radius:12px;padding:8px 4px;text-align:center;display:flex;flex-direction:column;gap:4px;min-width:0}
.c11cell small{color:#56636e}
.c11eq,.c11st{overflow-x:auto;margin:6px 0;padding:6px 8px;background:#f8fafc;border-radius:10px;max-width:100%}
.c11vw{margin:8px 0 0;border:1.5px solid #e3e9ef;border-radius:14px;background:#fbfdff;overflow:hidden}
.c11vb{touch-action:pan-y;cursor:grab}.c11vb svg{display:block;width:100%;height:auto}
.c11turn{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 6px 8px;font-size:.75rem;color:#56636e;flex-wrap:wrap}
.c11turn button{font:700 1rem/1 inherit;font-family:inherit;width:36px;height:32px;border-radius:10px;border:1.5px solid #c9d3dc;background:#fff;color:#14212b;cursor:pointer}
.c11sl{display:block;margin:6px 0 2px;font-weight:700}
.c11hunt{margin:8px 0;padding:8px;border-radius:12px;background:#fff8e1;overflow-x:auto}
.katex svg{max-width:none}

.c12q{margin:.3em 0 .5em;font-size:.95em;line-height:1.7}
.c12st{font-size:.85em;color:#56636e;align-self:center;margin-left:4px}
.c12g{max-width:100%;overflow:hidden}
.c12t{border-collapse:collapse;margin:.3em 0 .5em;font-size:.92em;max-width:100%}
.c12t th,.c12t td{border:1px solid #d5dde4;padding:4px 8px;text-align:left}
.c12t th{background:#f1f5f8}
.c12r{line-height:1.7}

.c13grid{display:grid;gap:5px;margin:.5em 0;max-width:360px}
.c13d{min-width:0;height:38px;border-radius:10px;border:2px solid #cfd8dc;background:#fff;font:600 .82rem/1 inherit;font-family:inherit;color:#14212b;padding:0;cursor:pointer;transition:opacity .2s}
.c13d.a{background:#e3f2fd;border-color:#1565c0}
.c13d.b{background:#fff3e0;border-color:#ef6c00}
.c13d.ab{background:#a5d6a7;border-color:#2e7d32;color:#0b3d0e}
.c13d.off{opacity:.18}
.c13key{font-size:.85rem;margin:.3em 0;line-height:1.7}
.c13key .k{display:inline-block;width:12px;height:12px;border-radius:4px;vertical-align:-1px;margin-right:4px;border:2px solid}
.c13key .k.a{background:#e3f2fd;border-color:#1565c0}.c13key .k.b{background:#fff3e0;border-color:#ef6c00}.c13key .k.ab{background:#a5d6a7;border-color:#2e7d32}
.c13read{font-size:.9rem;line-height:1.9;overflow-wrap:anywhere}
.c13treebox{max-width:380px;margin:.4em auto}
.c13tree{width:100%;height:auto;display:block}
.c13leaf{cursor:pointer}
.c13ev{margin:.4em 0;font-size:.92rem}
.c13rows{display:flex;flex-direction:column;gap:8px;margin:.4em 0}
.c13row{border:1px solid #e0e6ea;border-radius:12px;padding:.45em .6em;background:#fff}
.c13nm{font-weight:700;font-size:.9rem}
.c13eq,.c13post{font-size:.88rem;overflow-x:auto;overflow-y:hidden}
.c13bar{height:8px;border-radius:5px;background:#eef2f4;margin:4px 0;overflow:hidden}
.c13bar span{display:block;height:100%;border-radius:5px}
.c13bar .pr{background:#90a4ae}.c13bar .po{background:#2e7d32}
.c13dice{margin:.3em 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.c13die{flex:none}
.c13dice small{font-size:.85rem;vertical-align:middle}
.c13cmp{display:flex;flex-direction:column;gap:6px;margin:.5em 0}
.c13cmp div{display:flex;align-items:center;gap:8px;font-size:.82rem}
.c13cmp span{width:58px;flex:none}
.c13cmp i{display:block;height:12px;border-radius:6px;background:#ef6c00;max-width:100%}
.c13cmp i.ex{background:#2e7d32}
.c13modes button[data-give]{font-weight:700}