/* BITSAT-specific styles, layered on the shimonsir.com stylesheet. Colours always come from the brand tokens. */
.eco{display:flex;gap:6px;overflow-x:auto;margin:calc(8px + env(safe-area-inset-top)) -4px 0;padding:2px 4px;scrollbar-width:none}
.eco::-webkit-scrollbar{display:none}
.eco a{flex:none;font:600 12px var(--sans);color:var(--soft);text-decoration:none;padding:6px 11px;border:1px solid var(--rule);border-radius:999px;background:var(--card);white-space:nowrap}
.eco a.on{background:var(--navy);border-color:var(--navy);color:#fff}
:root[data-theme="dark"] .eco a.on{color:#0a0e1c}
.top{padding-top:10px}
.bbrand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:800 16px var(--head)}
.bbrand .lgo{width:30px;height:30px;border-radius:50%;overflow:hidden;background:#0a2a6b;box-shadow:0 0 0 2px var(--gold);flex:none}
.bbrand .lgo img{width:100%;height:100%;display:block;object-fit:cover}
.bbrand b{color:var(--acc)}
.topr{display:flex;align-items:center;gap:6px}
.ib{width:36px;height:36px;border-radius:50%;border:1px solid var(--rule);display:inline-flex;align-items:center;justify-content:center;color:var(--soft);background:var(--card)}
.ib svg{width:18px;height:18px}
.shd{display:inline-flex;align-items:center;gap:2px;margin-left:6px;color:var(--acc)}.shd svg{width:13px!important;height:13px!important;color:var(--acc)!important}
.hero{margin-top:12px}
.herofacts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}
.herofacts span{font:600 13px var(--sans);padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:inherit}
:root[data-theme="dark"] .herofacts span{background:var(--acc-soft)}
.herofacts b{font-weight:800}
.fine{margin-top:18px;line-height:1.5}
.pgrid{display:grid;gap:12px;margin:8px 0 120px}
.pcard{display:flex;flex-direction:column;gap:4px;padding:18px;border:2px solid var(--rule);border-radius:16px;background:var(--card);text-align:left}
.pcard b{font:800 18px var(--head);color:var(--ink)}.pcard span{color:var(--soft);font-size:14px}
.pcard.on{border-color:var(--acc);background:var(--acc-soft)}
.fld{display:flex;flex-direction:column;gap:6px;margin:14px 0;font:600 14px var(--sans);color:var(--soft)}
.fld select,.fld input[type=text],.fld input:not([type]){font:500 16px var(--sans);padding:12px 14px;border:1.5px solid var(--rule);border-radius:12px;background:var(--card);color:var(--ink)}
.fld input[type=range]{accent-color:var(--acc);width:100%}
.dream{margin:18px 0 6px;padding:16px 18px;border-radius:16px;background:var(--card);border:1px solid var(--rule);box-shadow:var(--shadow);border-left:6px solid var(--acc)}
.dream.reach{border-left-color:var(--mastery)}.dream.near{border-left-color:var(--gold)}.dream.far{border-left-color:var(--acc)}
.dream .dh{display:flex;flex-direction:column;gap:2px}.dream .dh small{font:700 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.dream .dh b{font:800 17px var(--head);color:var(--ink)}
.dream p{margin:8px 0;color:var(--soft);font-size:14px}
.dbig{font:500 20px var(--sans);margin:10px 0 6px;color:var(--ink)}.dbig b{font:800 28px var(--head);color:var(--acc)}
.dream.reach .dbig b{color:var(--mastery)}
.dstats{display:flex;flex-wrap:wrap;gap:8px 16px;font:500 13px var(--sans);color:var(--soft);margin:6px 0}
.dstats b{color:var(--ink);font-weight:800}
.lv{display:inline-block;font:700 11px var(--sans);padding:2px 7px;border-radius:999px;background:var(--rule2);color:var(--soft);margin-right:4px}
.lv.l3{background:var(--bad-soft);color:var(--trap)}.lv.l4{background:var(--acc-soft);color:var(--acc)}.lv.l5{background:var(--hl);color:var(--ink)}
.row .sub{flex-wrap:wrap}
.tip{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:var(--acc-soft);font:500 15px/1.55 var(--sans);color:var(--ink)}
.tip b{display:block;font:800 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--acc);margin-bottom:4px}
.note{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding:10px 12px;border-radius:10px;font:500 14px/1.45 var(--sans)}
.note svg{width:18px;height:18px;flex:none;margin-top:1px}
.note.warn{background:var(--hl);border-left:4px solid var(--warning);color:var(--ink)}
.trapc{color:var(--trap)}.okc{color:var(--mastery);font-weight:800}
.fb .slip .small{margin-top:4px}
.mb{padding:12px 14px;border-bottom:1px solid var(--rule2);background:var(--card)}
.mbh{display:flex;align-items:center;gap:8px;font:700 15px var(--sans)}.mbh b{flex:1}
.mbo{margin-top:6px;font:500 14px var(--sans);color:var(--ink)}.mbo span{color:var(--faint);font-size:12px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.filters select{flex:1;min-width:100px;font:500 14px var(--sans);padding:10px;border:1.5px solid var(--rule);border-radius:12px;background:var(--card);color:var(--ink)}
.btn+.list,.btn+.sec{margin-top:14px}
.svgopt{display:inline-block;color:var(--ink);line-height:0}.svgopt svg{max-width:100%;height:auto}
.opt .tx .svgopt svg{width:96px;height:96px}
.fig svg{color:#0b1b3f}
.dmath{display:block;overflow-x:auto;overflow-y:hidden;padding:2px 0}
.katex{font-size:1.05em}
.pal{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.pal button{width:34px;height:34px;border-radius:9px;border:1.5px solid var(--rule);font:700 13px var(--sans);text-align:center;color:var(--soft);background:var(--card)}
.pal button.done{background:var(--acc-soft);border-color:var(--acc);color:var(--acc)}
.pal button.cur{outline:2px solid var(--ink);outline-offset:1px}
.timer{font:800 18px var(--sans)!important;color:var(--ink)!important;font-variant-numeric:tabular-nums}.timer.low{color:var(--trap)!important}
.calc{padding:14px 16px;border:1px solid var(--rule);border-radius:16px;background:var(--card);margin-bottom:12px}
.calcout{margin-top:12px}
.verdict{font:800 17px var(--head);padding:10px 12px;border-radius:12px}
.verdict.go{background:var(--ok-soft);color:var(--mastery)}.verdict.stop{background:var(--bad-soft);color:var(--trap)}
.twin{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.kpi{padding:14px;border-radius:14px;background:var(--card);border:1px solid var(--rule);display:flex;flex-direction:column;gap:2px}
.kpi small{font:700 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.kpi b{font:800 26px var(--head)}.kpi span{font-size:12px;color:var(--soft)}
.lockrow{opacity:.6}.lockrow svg{width:18px;height:18px}
.stat.sp{width:100%;text-align:left}
.stat.tg input{width:22px;height:22px;accent-color:var(--acc)}
.stat select{font:500 15px var(--sans);background:none;color:var(--ink);border:0;max-width:60%}
.stat.me{background:var(--acc-soft)}
.row.lock .n svg{width:14px;height:14px}
.fcbtn{margin-top:14px}
.no-motion *{animation:none!important;transition:none!important}
@media (min-width:900px){.wrap{max-width:620px}}
a.rstrip,a.row,a.stat,a.back,a.btn,.rstrip *,.row *{text-decoration:none}
a.row,a.stat{color:var(--ink)}