/* Knowledge layer (assets/mf-know.js). Colours inherit from the page so it fits the light and the dark pages. */
.mk-card{font-size:12.5px;line-height:1.5}
.mk-card p{margin:0 0 7px}
.mk-card b{font-weight:600}
.mk-card .mk-plain{font-size:13px}
.mk-terms{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.mk-chip{font:500 11px/1.2 Inter,system-ui,sans-serif;color:inherit;background:transparent;border:1px dotted currentColor;border-radius:10px;padding:3px 8px;cursor:pointer;opacity:.85}
.mk-chip:hover,.mk-chip:focus-visible{opacity:1;border-style:solid}
.mk-keys{display:grid;gap:3px}
.mk-key{display:flex;gap:8px;align-items:flex-start;width:100%;text-align:left;font:500 12px/1.35 Inter,system-ui,sans-serif;color:inherit;background:transparent;border:1px solid transparent;border-radius:4px;padding:5px 6px;cursor:pointer}
.mk-key:hover,.mk-key:focus-visible{border-color:rgba(128,128,128,.45)}
.mk-key[aria-pressed="true"]{border-color:#b8975a;background:rgba(184,151,90,.14)}
.mk-sw{display:flex;flex:0 0 42px;height:13px;margin-top:2px;border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.25)}
.mk-sw i{flex:1}
.mk-hint{font-size:10.5px;opacity:.7;margin:6px 0 0;line-height:1.4}
.mk-dim{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;image-rendering:auto}
.mk-dim[hidden]{display:none}
.mm-tip .mk-why{margin-top:5px;color:#f4efe5;font-weight:500;max-width:260px}
.mk-q{display:inline-grid;place-items:center;width:17px;height:17px;padding:0;margin-left:3px;vertical-align:1px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;font:700 10.5px/1 Inter,system-ui,sans-serif;cursor:pointer;opacity:.6}
.mk-q:hover,.mk-q:focus-visible{opacity:1}
.mk-pop{position:fixed;z-index:3300;width:max-content;max-width:min(340px,calc(100vw - 16px));max-height:min(70vh,520px);overflow:auto;padding:12px 30px 10px 13px;border-radius:6px;background:#0d1014f8;color:#f4efe5;border:1px solid #b8975a66;font:500 12.5px/1.5 Inter,system-ui,sans-serif;box-shadow:0 12px 30px #0009}
.mk-pop[hidden]{display:none}
.mk-pop h4{margin:0 0 5px;font-size:13.5px;font-weight:700}
.mk-pop h4 small{font-weight:500;color:#b5afa1;font-size:11.5px}
.mk-pop p{margin:0 0 7px}
.mk-pop code{font:500 11.5px "JetBrains Mono",ui-monospace,monospace}
.mk-pop .mk-src{font-size:11px;color:#b5afa1;margin:4px 0 0}
.mk-pop a{color:#d9c49a}
.mk-pop .mk-card{font-size:12px}
.mk-x{position:absolute;top:4px;right:4px;width:28px;height:28px;border:0;background:transparent;color:#b5afa1;font-size:18px;line-height:1;cursor:pointer;border-radius:4px}
.mk-x:hover{color:#fff}
/* step 5: guided tours and "Try it" diagrams */
.mk-tourbtn{display:block;margin:4px 0 8px;font:600 12px/1.2 Inter,system-ui,sans-serif;color:inherit;background:transparent;border:1px solid #b8975a;border-radius:4px;padding:7px 10px;cursor:pointer}
.mk-tourbtn:hover,.mk-tourbtn:focus-visible{background:rgba(184,151,90,.14)}
.mk-try{margin:4px 0 8px;border:1px solid rgba(128,128,128,.35);border-radius:4px;padding:6px 8px}
.mk-try>summary{cursor:pointer;font-weight:600;font-size:12px}
.mk-dg{margin-top:8px}
.mk-sl{display:grid;gap:2px;margin:0 0 6px;font-size:11.5px}
.mk-sl span{display:flex;justify-content:space-between;gap:8px}
.mk-sl output{font:500 11px "JetBrains Mono",ui-monospace,monospace;opacity:.85}
.mk-sl input{width:100%;margin:0;accent-color:#b8975a}
.mk-svg{display:block;width:100%;height:auto;margin:6px 0 4px;overflow:visible}
.mk-svg text{font:500 9.5px Inter,system-ui,sans-serif;fill:currentColor;opacity:.85}
.mk-svg .ax{stroke:currentColor;stroke-width:1;opacity:.5}
.mk-ings{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 4px}
.mk-ing{font-size:11px;border-radius:3px;padding:2px 6px;border:1px solid rgba(128,128,128,.4)}
.mk-ing.y{border-color:#5f9e6e}.mk-ing.n{border-color:#c0574a}
.mk-verdict{font-weight:600;margin:4px 0}
.mk-dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:4px 0;font-size:11.5px}
.mk-dl dt{opacity:.75}.mk-dl dd{margin:0;font-weight:500}
.mk-ring{position:fixed;z-index:3250;pointer-events:none;border:2px solid #b8975a;border-radius:6px;box-shadow:0 0 0 9999px rgba(13,16,20,.45)}
.mk-ring[hidden],.mk-tour[hidden]{display:none}
.mk-tour{position:fixed;z-index:3260;width:min(300px,calc(100vw - 16px));padding:11px 13px 10px;border-radius:6px;background:#0d1014f8;color:#f4efe5;border:1px solid #b8975a;font:500 12.5px/1.5 Inter,system-ui,sans-serif;box-shadow:0 12px 30px #0009}
.mk-tour small{display:block;color:#b5afa1;font-size:10.5px;letter-spacing:.04em}
.mk-tour p{margin:5px 0 9px}
.mk-tnav{display:flex;gap:6px;align-items:center}.mk-tnav span{flex:1}
.mk-tnav button{font:600 12px Inter,system-ui,sans-serif;color:#f4efe5;background:transparent;border:1px solid #3a3f48;border-radius:4px;padding:6px 11px;cursor:pointer}
.mk-tnav button.pri{background:#b8975a;border-color:#b8975a;color:#0d1014}
@media(max-width:600px){.mk-tour{width:auto}}
@media(pointer:coarse){.mk-tourbtn{min-height:42px}.mk-tnav button{min-height:40px}.mk-sl input{height:30px}.mk-q{width:24px;height:24px;font-size:12px}.mk-key{min-height:40px;padding:8px 6px}.mk-chip{padding:7px 10px}}