/* FHG FX Book (v180). Colours come from the theme variables: every look, dark and light. All classes start with bk- (grep checked, none used before). */
.bk-warn{margin:10px 0;padding:10px 12px;border:1px solid var(--sell,#e5484d);border-left-width:5px;border-radius:10px;background:color-mix(in srgb,var(--sell,#e5484d) 12%,var(--card))}
.bk-warn b{display:block;color:var(--sell,#e5484d);margin:0 0 4px;font-size:14px}
.bk-warn p{margin:0;font-size:14px;line-height:1.5;color:var(--tx)}
.bk-key{margin:14px 0 4px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card2,var(--bg))}
.bk-key b{display:block;margin:0 0 4px;font-size:13px}
.bk-key ul,.bk-ul{margin:0;padding-left:18px}
.bk-key li,.bk-ul li{font-size:14px;line-height:1.5;margin:2px 0}
.bk-ch p,.bk-ol li{font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.bk-ch h4{margin:16px 0 6px;font-size:15px}
.bk-ol{margin:0 0 8px;padding-left:20px}
.bk-ol li{margin:3px 0}
.bk-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.bk-row{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card2,var(--bg));color:var(--tx);min-height:0}
.bk-n{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:1px solid var(--acc);color:var(--acc)}
.bk-n.done{background:var(--acc);color:var(--bg)}
.bk-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.bk-tx b{font-size:15px}
.bk-tx span{font-size:12px;opacity:.7}
.bk-fig{margin:12px 0;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--card2,var(--bg))}
.bk-fig svg{display:block;width:100%;height:auto;max-width:420px;margin:0 auto}
.bk-fig figcaption{font-size:12px;opacity:.75;margin:6px 2px 0;line-height:1.4}
.bk-fig img{display:block;width:100%;height:auto;max-width:360px;margin:0 auto;border-radius:10px}
.bk-tb{width:100%;border-collapse:collapse;margin:8px 0;font-size:14px}
.bk-tb th,.bk-tb td{border:1px solid var(--line);padding:7px 8px;text-align:left}
.bk-tb th{background:var(--card2,var(--bg));font-size:13px}
.bk-rules{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;line-height:1.55;margin:6px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card2,var(--bg))}
.bk-nav{margin-top:16px}
/* drawing parts */
.bk-t{fill:var(--tx);font-size:11px;font-family:inherit}
.bk-t.b{font-weight:700;font-size:12px}
.bk-t.s{font-size:10px;opacity:.75}
.bk-t.bk-g{fill:var(--buy,#2fa56f)}
.bk-t.bk-r{fill:var(--sell,#e5484d)}
.bk-t.bk-on{fill:var(--bg)}
.bk-c0{fill:none;stroke:var(--line);stroke-width:1}
.bk-cw{fill:var(--acc)}
.bk-cs{fill:var(--sell,#e5484d)}
.bk-bx{fill:var(--card);stroke:var(--line);stroke-width:1.2}
.bk-bw{fill:var(--card);stroke:var(--acc);stroke-width:2}
.bk-ln{fill:none;stroke:var(--tx);stroke-width:1.6;opacity:.7}
.bk-lb{stroke:var(--buy,#2fa56f);stroke-width:2.4}
.bk-lg{stroke:var(--mut,#888);stroke-width:2.4}
.bk-lr{stroke:var(--sell,#e5484d);stroke-width:2.4}
.bk-ln.bk-gs{stroke:var(--buy,#2fa56f);opacity:1}
.bk-ln.bk-rs{stroke:var(--sell,#e5484d);opacity:1}
/* screenshots: the phone decides dark or light, like the rest of the app */
.bk-lt{display:none!important}
@media (prefers-color-scheme:light){.bk-dk{display:none!important}.bk-lt{display:block!important}}