#mdtoggle{background:#4a3325; color:var(--ink); border:2px solid var(--frame);
  font:11px "JetBrains Mono", "Courier New",monospace; padding:2px 8px; cursor:pointer; margin-right:10px}
#mdtoggle:hover{background:#6b4a2e; color:var(--warn)}

.md{color:var(--ink); font:13px/1.6 "JetBrains Mono", "Courier New", monospace; max-width:72ch}
.md h1,.md h2,.md h3,.md h4,.md h5,.md h6{color:var(--warn); font-weight:normal;
  letter-spacing:.04em; margin:16px 0 8px; line-height:1.3}
.md h1{font-size:19px; border-bottom:2px solid var(--frame); padding-bottom:5px}
.md h2{font-size:16px; border-bottom:1px solid #4a3325; padding-bottom:4px}
.md h3{font-size:14px; color:#c39bff}
.md h4,.md h5,.md h6{font-size:13px; color:#8fc8ff}
.md p{margin:8px 0}
.md ul,.md ol{margin:8px 0; padding-left:22px}
.md li{margin:3px 0}
.md li>ul{margin:2px 0}
.md a{color:#8fc8ff}
.md a:hover{color:var(--warn)}
.md .mdlink{color:#8fc8ff; border-bottom:1px dotted #4a6a8a}
.md .mdlink.mdfile{cursor:pointer; position:relative}
.md .mdlink.mdfile:hover{color:var(--warn); border-bottom:1px solid var(--warn)}
.md a.lpicked{position:relative}
.md .mdcopyable:has(a.lpicked) .mdcopy-in{display:none}
.md a.lpicked::after{content:attr(data-lnum); position:absolute; right:-11px; top:-8px;
  width:13px; height:13px; line-height:13px; text-align:center;
  background:var(--lilac); color:var(--bg-deep); border:1px solid var(--bg-deep);
  font:bold 9px "JetBrains Mono", monospace}
.md .mdlink.fpicked::after{content:attr(data-fnum); position:absolute; right:-11px; top:-8px;
  width:13px; height:13px; line-height:13px; text-align:center;
  background:var(--info); color:var(--bg-deep); border:1px solid var(--bg-deep);
  font:bold 9px "JetBrains Mono", monospace}
.md .mdimg{color:#c39bff}
.md code{background:#1f150f; color:#9fe0a8; padding:1px 4px; border:1px solid #3a2a1e}
.md pre.mdcode{background:#1a120c; border:2px solid var(--frame); border-left:4px solid var(--accent);
  padding:8px 10px; overflow-x:auto; margin:10px 0}
.md pre.mdcode code{background:none; border:none; color:var(--ink-dim); padding:0; font-size:12px}
.md pre.mdcode[data-lang]::before{content:attr(data-lang); display:block; color:var(--muted);
  font-size:10px; margin-bottom:4px; letter-spacing:.1em}

.md .mdblock{position:relative}
.md .mdcopy{position:absolute; top:8px; right:8px; cursor:pointer;
  background:#1a120c; color:var(--muted); border:1px solid rgba(138,98,71,.45);
  font:10px "JetBrains Mono", "Courier New",monospace; padding:3px 8px}
.md .mdblock:hover .mdcopy{background:var(--bg-deep); color:var(--ink); border-color:var(--frame)}
.md .mdcopy.done, .md .mdblock:hover .mdcopy.done{background:var(--bg-deep); color:var(--accent); border-color:var(--accent)}
.md .mdcopy.fail, .md .mdblock:hover .mdcopy.fail{background:var(--bg-deep); color:var(--warn); border-color:var(--warn)}

.md .mdcopyable{position:relative}
.md .mdcopy-in{position:absolute; left:100%; top:50%; transform:translateY(-50%);
  margin-left:3px; width:15px; height:15px; padding:0; display:none; cursor:pointer;
  background:var(--bg-deep); color:var(--muted); border:1px solid var(--frame-dim);
  font:9px/1 "JetBrains Mono", monospace}
.md .mdcopy-in::before{content:"⧉"}
.md .mdcopy-in::after{content:""; position:absolute; top:0; bottom:0;
  left:-5px; width:5px}
.md .mdcopyable:hover .mdcopy-in, .md .mdcopy-in:hover{display:block}
.md .mdcopy-in:hover{color:var(--ink); border-color:var(--frame)}
.md .mdcopyable.done code, .md .mdcopyable.done a{color:var(--accent)}
.md .mdcopyable.done code{background:var(--bg-deep); border-color:var(--accent)}
.md .mdcopyable.done .mdcopy-in{display:block; color:var(--accent); border-color:var(--accent)}
.md .mdcopyable.done .mdcopy-in::before{content:"✓"}
.md .mdcopyable.fail code, .md .mdcopyable.fail a{color:var(--warn)}
.md .mdcopyable.fail .mdcopy-in{display:block; color:var(--warn); border-color:var(--warn)}
.md .mdcopyable.fail .mdcopy-in::before{content:"!"}

.md .mdcopyable.picked .mdcopy-in, .mdblock.picked .mdcopy{display:none}
.md .mdcopyable.picked::after, .mdblock.picked::after{content:attr(data-pick);
  position:absolute; right:-2px; top:-8px;
  width:13px; height:13px; line-height:13px; text-align:center;
  background:var(--accent); color:var(--bg-deep); border:1px solid var(--bg-deep);
  font:bold 9px "JetBrains Mono", monospace}
.mdblock.picked{position:relative}
.mdblock.picked::after{left:auto; right:8px; top:8px; transform:none}
.md blockquote{margin:10px 0; padding:2px 0 2px 12px; border-left:3px solid var(--frame);
  color:var(--ink-dim)}
.md hr{border:none; border-top:2px solid #3a2a1e; margin:14px 0}
.md table{border-collapse:collapse; margin:10px 0; font-size:12px; width:100%}
.md th,.md td{border:1px solid #4a3325; padding:4px 8px; text-align:left}
.md th{background:#3a2a1e; color:var(--warn); font-weight:normal}
.md tr:nth-child(even) td{background:rgba(74,51,37,.25)}
.md b{color:#fff3d8}
.md s{color:var(--muted)}

.md .mdpic{display:inline-block; max-width:320px; cursor:zoom-in}
.md .mdpic img{display:block; width:100%; max-height:240px; height:auto; object-fit:contain;
  object-position:left top; border:2px solid var(--frame); background:var(--bg-deep)}
.md .mdpic .mdpicname{display:block; margin-top:4px; font-size:11px; color:var(--muted)}
.md .mdpic.gone{cursor:default}
.md .mdpic.gone .mdpicwhy{margin-left:6px; font-size:11px; color:var(--muted)}