/* Mock exam page and its result page (includes/mock_view.php, js/mock_exam.js). Self-contained, not Tailwind:
   the compiled subset (css/tailwind.min.css) ships only the utilities the site already uses.
   Every colour is a --mk-* variable: the light values on .mk, the dark values hand-written in
   html.dark .mk at the end (the pattern of modules/ct_partials/_theme.php). Rules only ever
   read var(--mk-*); tests/mock_view_test.php checks both. Phone (< 768 px): the question grid
   becomes a slide-out panel opened by the Overview button. */
.mk{--mk-surface:#ffffff;--mk-soft:#f8fafc;--mk-ink:#0f172a;--mk-text:#334155;--mk-muted:#64748b;--mk-line:#e2e8f0;--mk-line-2:#cbd5e1;--mk-accent:#2563eb;--mk-accent-h:#1d4ed8;--mk-on:#ffffff;--mk-tint:#eff6ff;--mk-tint-line:#bfdbfe;--mk-ans:#dbeafe;--mk-ans-ink:#1e3a8a;--mk-flag:#d97706;--mk-flag-tint:#fef3c7;--mk-flag-ink:#92400e;--mk-low:#dc2626;--mk-low-tint:#fef2f2;--mk-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px -12px rgba(15,23,42,.18);--mk-scrim:rgba(15,23,42,.45);--mk-ok:#059669;--mk-ok-tint:#ecfdf5;--mk-ok-line:#a7f3d0;--mk-ok-ink:#065f46;--mk-bad-line:#fecaca;--mk-bad-ink:#991b1b;color:var(--mk-text)}
.mk [hidden]{display:none!important}
.mk-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-bottom:1rem}
.mk-head{min-width:0}
.mk-title{font-size:1.25rem;line-height:1.3;font-weight:700;color:var(--mk-ink);margin:0}
.mk-sub{font-size:.875rem;color:var(--mk-muted);margin:.15rem 0 0}
.mk-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.mk-timer{display:flex;align-items:baseline;gap:.5rem;padding:.55rem .9rem;border:1px solid var(--mk-line);border-radius:.75rem;background:var(--mk-surface);box-shadow:var(--mk-shadow)}
.mk-timer-l{font-size:.75rem;color:var(--mk-muted)}
.mk-clock{font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--mk-ink)}
.mk-timer.is-low{border-color:var(--mk-low);background:var(--mk-low-tint)}
.mk-timer.is-low .mk-clock{color:var(--mk-low)}
.mk-save{min-width:6.5rem;font-size:.75rem;text-align:right;color:var(--mk-muted)}
.mk-save.is-bad{color:var(--mk-low)}
.mk-body{display:grid;grid-template-columns:minmax(0,1fr) 16.5rem;gap:1.25rem;align-items:start}
.mk-main{min-width:0}
.mk-card{padding:1.5rem;border:1px solid var(--mk-line);border-radius:1rem;background:var(--mk-surface);box-shadow:var(--mk-shadow)}
.mk-qhead{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}
.mk-qno{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mk-accent)}
.mk-ftag{display:none;padding:.1rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:700;background:var(--mk-flag-tint);color:var(--mk-flag-ink)}
.mk-ftag.is-on{display:inline-block}
.mk-qtext{margin-bottom:1.25rem;font-size:1rem;line-height:1.65;font-weight:500;color:var(--mk-ink)}
.mk-qimg img{display:block;max-width:100%;height:auto;margin-bottom:1rem;border-radius:.5rem}
.mk-opts{display:flex;flex-direction:column;gap:.6rem}
.mk-opt{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border:1px solid var(--mk-line);border-radius:.75rem;background:var(--mk-surface);color:var(--mk-text);font:inherit;font-size:.9375rem;text-align:left;cursor:pointer;transition:border-color .12s,background-color .12s}
.mk-opt:hover{border-color:var(--mk-tint-line);background:var(--mk-tint)}
.mk-opt.is-sel{border-color:var(--mk-accent);background:var(--mk-tint);color:var(--mk-ink)}
.mk-letter{flex:none;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--mk-line);border-radius:.5rem;background:var(--mk-soft);color:var(--mk-muted);font-size:.8125rem;font-weight:700}
.mk-opt.is-sel .mk-letter{border-color:var(--mk-accent);background:var(--mk-accent);color:var(--mk-on)}
.mk-otext{min-width:0}
.mk-note{margin:.5rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--mk-muted)}
.mk-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.05rem;border:1px solid var(--mk-line-2);border-radius:.65rem;background:var(--mk-surface);color:var(--mk-ink);font:inherit;font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer}
.mk-btn:hover{border-color:var(--mk-tint-line);background:var(--mk-tint)}
.mk-btn:disabled{opacity:.45;cursor:default}
.mk-btn:disabled:hover{border-color:var(--mk-line-2);background:var(--mk-surface)}
.mk-btn-pri:disabled:hover{border-color:var(--mk-accent);background:var(--mk-accent)}
.mk-btn.is-on{border-color:var(--mk-flag);background:var(--mk-flag-tint);color:var(--mk-flag-ink)}
.mk-btn-pri{border-color:var(--mk-accent);background:var(--mk-accent);color:var(--mk-on)}
.mk-btn-pri:hover{border-color:var(--mk-accent-h);background:var(--mk-accent-h)}
.mk-nx{margin-left:auto}
.mk-ovb,.mk-x{display:none}
.mk-side{position:sticky;top:1rem;display:flex;flex-direction:column;max-height:calc(100vh - 2rem);padding:1rem;border:1px solid var(--mk-line);border-radius:1rem;background:var(--mk-surface);box-shadow:var(--mk-shadow)}
.mk-side-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;font-size:.875rem;font-weight:700;color:var(--mk-ink)}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.25rem,1fr));gap:.35rem;padding:3px;overflow-y:auto}
.mk-c,.mk-sw{position:relative;border:1px solid var(--mk-line-2);border-radius:.5rem;background:var(--mk-surface);color:var(--mk-text)}
.mk-c{height:2.25rem;padding:0;font:inherit;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer}
.mk-c:hover{border-color:var(--mk-accent)}
.mk-c.is-a,.mk-sw.is-a{border-color:var(--mk-tint-line);background:var(--mk-ans);color:var(--mk-ans-ink)}
.mk-c.is-f::after,.mk-sw.is-f::after{content:"";position:absolute;top:2px;right:2px;width:0;height:0;border-top:8px solid var(--mk-flag);border-left:8px solid transparent}
.mk-c.is-cur,.mk-sw.is-cur{outline:2px solid var(--mk-accent);outline-offset:1px}
.mk-c.is-cur{font-weight:800}
.mk-legend{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .75rem;margin:.9rem 0 0;padding:0;list-style:none;font-size:.75rem;color:var(--mk-muted)}
.mk-legend li{display:flex;align-items:center;gap:.4rem}
.mk-sw{display:inline-block;flex:none;width:1rem;height:1rem;border-radius:.3rem}
.mk-scrim{display:none}
.mk-dlg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;align-items:center;justify-content:center;padding:1rem;background:var(--mk-scrim)}
.mk-dlg.is-open{display:flex}
.mk-dlg-box{width:100%;max-width:26rem;padding:1.5rem;border-radius:1rem;background:var(--mk-surface);box-shadow:var(--mk-shadow);color:var(--mk-text)}
.mk-dlg-t{margin:0 0 .9rem;font-size:1.125rem;font-weight:700;color:var(--mk-ink)}
.mk-counts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.mk-count{padding:.75rem;border:1px solid var(--mk-line);border-radius:.75rem;text-align:center;font-size:.8125rem;color:var(--mk-muted)}
.mk-count b{display:block;font-size:1.5rem;line-height:1.2;color:var(--mk-ink)}
.mk-count.is-warn{border-color:var(--mk-flag);background:var(--mk-flag-tint)}
.mk-dlg-act{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.1rem}
.mk.is-busy .mk-opt,.mk.is-busy .mk-nav .mk-btn,.mk.is-busy .mk-c{pointer-events:none;opacity:.6}
/* Result page (mock_results_html(), layout B): verdict, plan, actions, tabs, review cards, chapters, history.
   .mk-js is set by P66Mock.results(); without it nothing is hidden and the tabs are links to the panes. */
.mk-verdict{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-bottom:1rem;padding:1.25rem 1.5rem;border:1px solid var(--mk-line);border-radius:1rem;background:var(--mk-surface);box-shadow:var(--mk-shadow)}
.mk-v-pct{font-size:2.75rem;line-height:1;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mk-v-pct.is-pass{color:var(--mk-ok)}
.mk-v-pct.is-fail{color:var(--mk-low)}
.mk-v-body{flex:1 1 16rem;min-width:0}
.mk-v-line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:0;font-size:.9375rem;color:var(--mk-ink)}
.mk-v-badge{padding:.2rem .6rem;border:1px solid var(--mk-line);border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.05em}
.mk-v-badge.is-pass{border-color:var(--mk-ok-line);background:var(--mk-ok-tint);color:var(--mk-ok-ink)}
.mk-v-badge.is-fail{border-color:var(--mk-bad-line);background:var(--mk-low-tint);color:var(--mk-bad-ink)}
.mk-v-score{font-weight:700}
.mk-v-short{font-weight:600;color:var(--mk-low)}
.mk-v-facts{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:.55rem 0 0;font-size:.8125rem;color:var(--mk-muted)}
.mk-h2{margin:0 0 .75rem;font-size:1rem;line-height:1.35;font-weight:700;color:var(--mk-ink)}
.mk-plan{margin-bottom:1rem;padding:1.25rem 1.5rem;border:1px solid var(--mk-tint-line);border-radius:1rem;background:var(--mk-tint)}
.mk-plan-list{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}
.mk-plan-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem .9rem;border:1px solid var(--mk-line);border-radius:.75rem;background:var(--mk-surface)}
.mk-ref{flex:none;min-width:3.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;font-weight:700;color:var(--mk-accent)}
.mk-plan-body{display:flex;flex:1 1 12rem;flex-direction:column;min-width:0}
.mk-plan-t{font-weight:600;color:var(--mk-ink)}
.mk-plan-m{font-size:.8125rem;color:var(--mk-muted)}
.mk-plan-act{display:flex;flex-wrap:wrap;gap:.4rem}
.mk-plan-all{margin-top:.75rem}
.mk-nofix{margin:0 0 1rem;padding:1rem 1.25rem;border:1px solid var(--mk-ok-line);border-radius:1rem;background:var(--mk-ok-tint);color:var(--mk-ok-ink);font-size:.9375rem}
.mk-acts{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}
.mk-callout{display:flex;align-items:flex-start;gap:.6rem;margin:0 0 1.25rem;padding:.8rem 1rem;border:1px solid var(--mk-flag);border-radius:.75rem;background:var(--mk-flag-tint);color:var(--mk-flag-ink);font-size:.875rem;line-height:1.5}
.mk-callout i{margin-top:.2rem}
.mk-tabs{display:flex;gap:.25rem;margin-bottom:1rem;box-shadow:inset 0 -1px 0 var(--mk-line);overflow-x:auto;overflow-y:hidden}
.mk-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .85rem;border-bottom:2px solid transparent;color:var(--mk-muted);font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap}
.mk-tab:hover{color:var(--mk-ink)}
.mk-tab.is-on{border-bottom-color:var(--mk-accent);color:var(--mk-accent)}
.mk-tab-n{padding:0 .4rem;border:1px solid var(--mk-line);border-radius:999px;background:var(--mk-soft);color:var(--mk-muted);font-size:.75rem;font-variant-numeric:tabular-nums}
.mk-pane{margin-bottom:1.5rem}
.mk-pane-h{margin-top:1.25rem}
.mk-js .mk-pane-h,.mk-js .mk-pane.is-out,.mk-js .mk-rq.is-out{display:none}
.mk-empty{margin:0;padding:1.25rem;border:1px dashed var(--mk-line-2);border-radius:.75rem;text-align:center;font-size:.875rem;color:var(--mk-muted)}
.mk-rq{margin-bottom:.9rem;padding:1.25rem;border:1px solid var(--mk-line);border-radius:1rem;background:var(--mk-surface);box-shadow:var(--mk-shadow)}
.mk-rq-h{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.75rem}
.mk-rq-n{margin-right:.25rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mk-muted)}
.mk-rq-h .mk-ref{min-width:0;margin-left:auto}
.mk-chip{padding:.1rem .5rem;border:1px solid var(--mk-line);border-radius:999px;background:var(--mk-soft);color:var(--mk-muted);font-size:.6875rem;font-weight:700}
.mk-chip.is-ok{border-color:var(--mk-ok-line);background:var(--mk-ok-tint);color:var(--mk-ok-ink)}
.mk-chip.is-bad{border-color:var(--mk-bad-line);background:var(--mk-low-tint);color:var(--mk-bad-ink)}
.mk-chip.is-fl{border-color:var(--mk-flag);background:var(--mk-flag-tint);color:var(--mk-flag-ink)}
.mk-rq-t{margin-bottom:.9rem;font-size:.975rem;line-height:1.6;font-weight:500;color:var(--mk-ink)}
.mk-rq-img{display:block;max-width:100%;height:auto;margin-bottom:.9rem;border-radius:.5rem}
.mk-ro{display:flex;flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none}
.mk-ro-i{display:flex;align-items:center;gap:.7rem;padding:.65rem .85rem;border:1px solid var(--mk-line);border-radius:.7rem;font-size:.9rem;color:var(--mk-text)}
.mk-ro-i .mk-otext{flex:1 1 auto}
.mk-ro-i.is-key{border-color:var(--mk-ok-line);background:var(--mk-ok-tint);color:var(--mk-ok-ink)}
.mk-ro-i.is-miss{border-color:var(--mk-bad-line);background:var(--mk-low-tint);color:var(--mk-bad-ink)}
.mk-tag{flex:none;padding:.1rem .45rem;border:1px solid currentColor;border-radius:.35rem;font-size:.625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.mk-exp{margin-top:.9rem;padding:.85rem 1rem;border:1px solid var(--mk-tint-line);border-radius:.75rem;background:var(--mk-tint)}
.mk-exp-h{margin:0 0 .25rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mk-accent)}
.mk-exp-t{margin:0;font-size:.875rem;line-height:1.6;color:var(--mk-text)}
.mk-pick{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0;padding:.65rem .85rem;border:1px solid var(--mk-tint-line);border-radius:.7rem;background:var(--mk-tint);font-size:.9rem;color:var(--mk-ink)}
.mk-pick-l{font-size:.625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mk-accent)}
.mk-rq-fb{margin-top:.5rem}
.mk-ch,.mk-hi{margin:0;padding:0;list-style:none;border:1px solid var(--mk-line);border-radius:1rem;background:var(--mk-surface);overflow:hidden}
.mk-ch-row,.mk-hi-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;padding:.7rem 1rem;border-top:1px solid var(--mk-line)}
.mk-ch-row:first-child,.mk-hi-row:first-child{border-top:0}
.mk-ch-t{flex:1 1 10rem;min-width:0;font-size:.875rem;color:var(--mk-ink)}
.mk-bar{flex:none;width:6rem;height:.4rem;border-radius:999px;background:var(--mk-line);overflow:hidden}
.mk-bar-f,.mk-hi-f{display:block;height:100%;border-radius:999px}
.mk-bar-f.is-ok,.mk-hi-f.is-pass{background:var(--mk-ok)}
.mk-bar-f.is-mid{background:var(--mk-flag)}
.mk-bar-f.is-bad,.mk-hi-f.is-fail{background:var(--mk-low)}
.mk-ch-s,.mk-hi-p{flex:none;min-width:3rem;text-align:right;font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--mk-ink)}
.mk-ch-sh,.mk-hi-v{flex:none;min-width:5.5rem;font-size:.75rem;color:var(--mk-muted)}
.mk-ch-a{display:flex;flex:none;gap:.75rem}
.mk-lnk{font-size:.8125rem;font-weight:600;color:var(--mk-accent);text-decoration:none}
.mk-lnk:hover{color:var(--mk-accent-h);text-decoration:underline}
.mk-hi-row.is-cur{background:var(--mk-tint)}
.mk-hi-a{display:flex;flex:0 0 11rem;flex-direction:column;font-size:.875rem;font-weight:600;color:var(--mk-accent);text-decoration:none}
.mk-hi-a:hover{text-decoration:underline}
.mk-hi-d{font-size:.75rem;font-weight:400;color:var(--mk-muted)}
.mk-hi-bar{position:relative;flex:1 1 8rem;height:.55rem;border-radius:999px;background:var(--mk-line)}
.mk-hi-pass{position:absolute;top:-.25rem;bottom:-.25rem;left:75%;width:2px;background:var(--mk-ink)}
.mk-hi-ns{flex:1 1 8rem;font-size:.8125rem;color:var(--mk-muted)}
/* Visitor demo (includes/mock_demo.php, P66Mock.demo()): an intro with the module picker, then the paper
   (the rules above, in .mk-dpaper) and the results (the result page's rules, in .mk-dres). */
.mk-demo{margin-top:1.5rem}
.mk-dpaper,.mk-dres{min-width:0}
.mk-dstart{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem 2rem;padding:1.5rem;border:1px solid var(--mk-line);border-radius:1rem;background:var(--mk-surface);box-shadow:var(--mk-shadow)}
.mk-dcopy{flex:1 1 22rem;min-width:0}
.mk-dkick{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;margin:0 0 .6rem;font-size:.8125rem;font-weight:600;color:var(--mk-muted)}
.mk-chip.is-acc{border-color:var(--mk-tint-line);background:var(--mk-tint);color:var(--mk-accent)}
.mk-dlead{margin:0;font-size:.9375rem;line-height:1.6;color:var(--mk-ink)}
.mk-dform{display:grid;flex:0 1 26rem;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.35rem .6rem;min-width:0}
.mk-dlab{grid-column:1 / -1;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mk-muted)}
.mk-dsel{width:100%;min-width:0;padding:.6rem .75rem;border:1px solid var(--mk-line-2);border-radius:.65rem;background:var(--mk-surface);color:var(--mk-ink);font:inherit;font-size:.875rem;line-height:1.2}
.mk-dsel:focus{outline:2px solid var(--mk-accent);outline-offset:1px}
.mk-dsel:disabled{opacity:.6}
.mk-dgo{white-space:nowrap}
.mk-dmsg{grid-column:1 / -1;margin:0;font-size:.8125rem;color:var(--mk-muted)}
.mk-dtopic{margin-left:auto;font-size:.75rem;font-weight:600;color:var(--mk-muted)}
.mk-dcta{margin:0 0 1.25rem;padding:1.25rem 1.5rem;border:1px solid var(--mk-tint-line);border-radius:1rem;background:var(--mk-tint)}
.mk-dcta .mk-note{margin:0;font-size:.875rem;color:var(--mk-text)}
.mk-dcta .mk-acts{margin:.9rem 0 0}
@media (max-width:767px){
.mk-body{grid-template-columns:minmax(0,1fr)}
.mk-card{padding:1.1rem}
.mk-ovb,.mk-x{display:inline-flex}
.mk-nx{margin-left:0}
.mk-nav .mk-btn{flex:1 1 auto}
.mk-side{position:fixed;top:0;right:0;bottom:0;z-index:55;width:20rem;max-width:86vw;max-height:none;border-radius:1rem 0 0 1rem;transform:translateX(105%);visibility:hidden;transition:transform .2s ease,visibility .2s}
.mk.is-ov .mk-side{transform:none;visibility:visible}
.mk.is-ov .mk-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:54;background:var(--mk-scrim)}
.mk-verdict,.mk-plan{padding:1rem 1.1rem}
.mk-v-pct{font-size:2.25rem}
.mk-rq{padding:1rem}
.mk-hi-a{flex-basis:100%}
.mk-bar{width:4rem}
.mk-tabs{flex-wrap:wrap;overflow:visible}
.mk-dstart,.mk-dcta{padding:1.1rem}
.mk-dform{flex-basis:100%;grid-template-columns:minmax(0,1fr)}
.mk-dgo{width:100%}
}
html.dark .mk{--mk-surface:#1e293b;--mk-soft:#0f172a;--mk-ink:#f1f5f9;--mk-text:#cbd5e1;--mk-muted:#94a3b8;--mk-line:#334155;--mk-line-2:#475569;--mk-accent:#3b82f6;--mk-accent-h:#60a5fa;--mk-on:#ffffff;--mk-tint:rgba(59,130,246,.14);--mk-tint-line:rgba(59,130,246,.45);--mk-ans:rgba(59,130,246,.3);--mk-ans-ink:#dbeafe;--mk-flag:#f59e0b;--mk-flag-tint:rgba(245,158,11,.16);--mk-flag-ink:#fcd34d;--mk-low:#f87171;--mk-low-tint:rgba(239,68,68,.14);--mk-shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px -16px rgba(0,0,0,.75);--mk-scrim:rgba(0,0,0,.6);--mk-ok:#34d399;--mk-ok-tint:rgba(16,185,129,.14);--mk-ok-line:rgba(52,211,153,.45);--mk-ok-ink:#a7f3d0;--mk-bad-line:rgba(248,113,113,.45);--mk-bad-ink:#fecaca}
html.dark .mk .mk-dsel{color-scheme:dark}