/* The Drive's document editor (meshmail-docs.js): the frame, the bars, the toolbar and its overflow strip, the ruler, the rail, the page column,
   the dialogs, the find card, the comments panel, the print rules, the phone layout. Palettes come from the platform tokens (dark and light follow
   the app); the page sheet in Pages format stays a printed page's white in both themes, Pageless follows the theme. */
#mmed .mmdoc{position:absolute;inset:0;display:flex;flex-direction:column;font:14px var(--font-body);color:var(--color-text);--mmdoc-bar:var(--glass);--mmdoc-edge:rgba(0,0,0,.18);--mmdoc-sheet:#fff;--mmdoc-ink:#1f1f1f;--mmdoc-ground:var(--color-bg);--mmdoc-on:var(--color-accent-100);--mmdoc-on-ink:var(--color-accent-800)}
html[data-theme=dark] #mmed .mmdoc{--mmdoc-edge:rgba(255,255,255,.22)}
#mmed .mmdoc svg{width:20px;height:20px;flex:none} #mmed .mmdoc [hidden],#mmed .mmdoc-unfold[hidden]{display:none!important}
#mmed .mmdoc-top{flex:none;display:flex;flex-direction:column;background:var(--color-bg);z-index:3;position:relative}
#mmed .mmdoc.fold .mmdoc-top{display:none} #mmed .mmdoc-unfold{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:4;border:1px solid var(--glass-border);border-top:0;background:var(--glass-strong);color:var(--color-neutral-700);border-radius:0 0 12px 12px;width:56px;height:24px;display:grid;place-items:center;cursor:pointer;padding:0} #mmed .mmdoc-unfold svg{width:18px;height:18px}
/* bar 1: back, the kind icon, the title with the star and the status, the menu bar under the title, the comments button, the share split, the account */
#mmed .mmdoc-bar1{display:flex;align-items:flex-start;gap:6px;padding:6px 12px 0 8px;min-height:56px}
#mmed .mmdoc-bar1 .ib{width:36px;height:36px;flex:none;border-radius:50%;border:0;background:transparent;color:var(--color-neutral-700);display:inline-grid;place-items:center;cursor:pointer;padding:0;font:18px/1 var(--font-body);margin-top:2px} #mmed .mmdoc-bar1 .ib:hover,#mmed .mmdoc-bar1 .ib:focus-visible,#mmed .mmdoc-bar1 .ib[aria-pressed=true]{background:var(--glass-hover);color:var(--color-text);outline:none} #mmed .mmdoc-bar1 .ib.sm{width:30px;height:30px;margin-top:0} #mmed .mmdoc-bar1 .ib.sm svg{width:18px;height:18px}
#mmed .mmdoc-bar1 .ic{width:40px;height:40px;display:inline-grid;place-items:center;flex:none;color:#1a73e8} #mmed .mmdoc-bar1 .ic svg{width:26px;height:26px} #mmed .mmdoc-bar1 .tt{display:flex;flex-direction:column;min-width:0;flex:0 1 auto} #mmed .mmdoc-bar1 .trow{display:flex;align-items:center;gap:2px;min-width:0}
#mmed .mmdoc-bar1 .ttl{flex:0 1 auto;min-width:60px;max-width:420px;width:auto;border:1px solid transparent;background:transparent;color:var(--color-text);font:400 18px var(--font-body);padding:4px 8px;border-radius:6px;outline:none;field-sizing:content} #mmed .mmdoc-bar1 .ttl:hover{border-color:var(--glass-border)} #mmed .mmdoc-bar1 .ttl:focus{border-color:var(--color-accent);background:var(--glass)} #mmed .mmdoc-bar1 .ttl[readonly]{color:var(--color-neutral-700)}
#mmed .mmdoc-bar1 .star.on{color:var(--color-accent)} #mmed .mmdoc-bar1 .st{font-size:12px;color:var(--color-neutral-600);white-space:nowrap;display:inline-flex;align-items:center;gap:5px;padding:0 8px} #mmed .mmdoc-bar1 .st.err,#mmed .mmdoc-bar1 .st.conflict{color:var(--color-accent-700)} #mmed .mmdoc-bar1 .st .lk{border:0;background:transparent;color:var(--color-accent-700);font:600 12px var(--font-body);padding:4px 6px;border-radius:8px;cursor:pointer;text-decoration:underline} #mmed .mmdoc-bar1 .st svg{width:15px;height:15px}
#mmed .mmdoc-bar1 .mbar{display:flex;gap:0;margin:-2px 0 0 4px;flex-wrap:nowrap} #mmed .mmdoc-bar1 .mbar button{border:0;background:transparent;color:var(--color-text);font:14px var(--font-body);padding:3px 8px;border-radius:6px;cursor:pointer;white-space:nowrap} #mmed .mmdoc-bar1 .mbar button:hover,#mmed .mmdoc-bar1 .mbar button:focus-visible,#mmed .mmdoc-bar1 .mbar button[aria-expanded=true]{background:var(--glass-hover);outline:none}
#mmed .mmdoc-bar1 .sp{flex:1} #mmed .mmdoc-bar1 .pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--glass-border);background:var(--glass);color:var(--color-text);border-radius:999px;padding:0 14px;height:40px;font:500 13px var(--font-body);cursor:pointer;white-space:nowrap;margin:0} #mmed .mmdoc-bar1 .pill svg{width:18px;height:18px} #mmed .mmdoc-bar1 .pill:hover{background:var(--glass-hover)}
#mmed .mmdoc-bar1 .split{display:inline-flex;align-items:stretch;height:40px;border-radius:20px;overflow:hidden;flex:none;box-sizing:border-box;background:var(--color-accent);color:#fff} #mmed .mmdoc-bar1 .split button{border:0;background:transparent;color:inherit;font:500 14px var(--font-body);display:inline-flex;align-items:center;gap:8px;padding:0 16px;cursor:pointer;white-space:nowrap;margin:0} #mmed .mmdoc-bar1 .split button svg{width:18px;height:18px} #mmed .mmdoc-bar1 .split .dd{padding:0;width:40px;justify-content:center;border-left:1px solid rgba(255,255,255,.35)} #mmed .mmdoc-bar1 .split button:hover,#mmed .mmdoc-bar1 .split button:focus-visible,#mmed .mmdoc-bar1 .split button[aria-expanded=true]{background:rgba(255,255,255,.18);outline:none} #mmed .mmdoc-bar1 .split .caret{font-size:12px;line-height:1} #mmed .mmdoc-bar1 .split .si{display:inline-grid;place-items:center}
#mmed .mmdoc-bar1 .av{overflow:hidden} #mmed .mmdoc-bar1 .av .mm-avatar-core,#mmed .mmdoc-bar1 .av img{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block} #mmed .mmdoc-bar1 .ph{display:none}
/* the toolbar: one rounded strip; groups, dividers, pressed and greyed buttons, the zoom combo, the pinned tail; the ⋮ strip under it */
#mmed .mmdoc-tbrow{display:flex;align-items:center;gap:4px;padding:4px 12px 6px 16px;min-width:0}
#mmed .mmdoc-tb{flex:1;min-width:0;display:flex;align-items:center;gap:0;white-space:nowrap;background:var(--mmdoc-bar);border:1px solid var(--glass-border);border-radius:999px;padding:3px 8px;height:40px;box-sizing:border-box;overflow:hidden}
#mmed .mmdoc-tail{display:flex;align-items:center;gap:2px;flex:none} #mmed .mmdoc-tb .g{display:inline-flex;align-items:center;gap:1px;flex:none} #mmed .mmdoc-tb .g.sep::before{content:'';width:1px;height:20px;background:var(--color-divider);margin:0 5px;display:inline-block}
#mmed .mmdoc .tbb{border:0;background:transparent;color:var(--color-neutral-700);width:31px;height:30px;border-radius:6px;display:inline-grid;place-items:center;cursor:pointer;font:600 14px var(--font-body);padding:0;flex:none} #mmed .mmdoc .tbb svg{width:18px;height:18px} #mmed .mmdoc .tbb:hover,#mmed .mmdoc .tbb:focus-visible,#mmed .mmdoc .tbb[aria-expanded=true]{background:var(--glass-hover);color:var(--color-text);outline:none}
#mmed .mmdoc .tbb[aria-pressed=true],#mmed .mmdoc .tbb.on{background:var(--mmdoc-on);color:var(--mmdoc-on-ink)} #mmed .mmdoc .tbb.off,#mmed .mmdoc .tbb.later{opacity:.42;cursor:default} #mmed .mmdoc .tbb.off:hover,#mmed .mmdoc .tbb.later:hover{background:transparent;color:var(--color-neutral-700)}
#mmed .mmdoc .tbb.mode{width:auto;grid-auto-flow:column;gap:0;padding:0 4px} #mmed .mmdoc .tbb.mode .mi{display:inline-grid} #mmed .mmdoc .tbb.mode svg:last-child{width:14px;height:14px}
#mmed .mmdoc .zoom{display:inline-flex;align-items:center;gap:0} #mmed .mmdoc .zoom .zin{width:52px;border:1px solid transparent;background:transparent;color:var(--color-text);font:14px var(--font-body);padding:4px 6px;border-radius:6px;outline:none;text-align:left} #mmed .mmdoc .zoom .zin:focus{border-color:var(--color-accent);background:var(--color-bg)} #mmed .mmdoc .zoom .dd{width:22px} #mmed .mmdoc .zoom .dd svg{width:14px;height:14px}
#mmed .mmdoc-more{position:absolute;z-index:5;display:flex;align-items:center;gap:2px;padding:4px 8px;border-radius:999px;border:1px solid var(--glass-border);background:var(--mmdoc-bar)} #mmed .mmdoc-more[hidden]{display:none} #mmed .mmdoc-more .g{display:inline-flex;align-items:center;gap:1px} #mmed .mmdoc-more .g.sep::before{content:'';width:1px;height:20px;background:var(--color-divider);margin:0 5px;display:inline-block}
#mmed .mmdoc-dlg ul.loss{margin:6px 0 10px;padding-left:20px;font-size:13px;line-height:1.5} #mmed .mmdoc-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 16px 6px;padding:8px 14px;border-radius:12px;background:var(--color-accent-100);color:var(--color-accent-800);font-size:13px} #mmed .mmdoc-note[hidden]{display:none} #mmed .mmdoc-note .t{flex:1} #mmed .mmdoc-note .mm-btn{padding:4px 12px;font-size:12px}
#mmed .mmdoc-chips{display:none;gap:8px;padding:0 12px 6px} #mmed .mmdoc-chips .chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--glass-border);background:var(--glass);color:var(--color-text);border-radius:999px;padding:0 12px;height:34px;font:500 13px var(--font-body);cursor:pointer} #mmed .mmdoc-chips .chip svg{width:16px;height:16px}
/* the editor's menus: the classic's card - hints on every row, a two-line row for Editing / Viewing */
html[data-mm-docs] .mmpop button .hint{display:inline} html[data-mm-docs] .mmpop.mmdoc-align{min-width:0;padding:4px} html[data-mm-docs] .mmpop.mmdoc-align .custom{padding:0} .mmdoc-alignrow{display:flex;gap:2px} .mmdoc-alignrow .tbb{border:0;background:transparent;color:var(--color-neutral-700);width:36px;height:34px;border-radius:6px;display:inline-grid;place-items:center;cursor:pointer;padding:0} .mmdoc-alignrow .tbb svg{width:20px;height:20px} .mmdoc-alignrow .tbb:hover,.mmdoc-alignrow .tbb:focus-visible{background:var(--glass-hover);outline:none} .mmdoc-alignrow .tbb.on{background:var(--color-accent-100);color:var(--color-accent-800)} html[data-mm-docs] .mmpop.mmdoc-styles button{height:auto;min-height:40px;padding-top:5px;padding-bottom:5px} html[data-mm-docs] .mmpop.mmdoc-styles .sep{margin:0} html[data-mm-docs] .mmpop.mmdoc-styles button .l{white-space:nowrap} html[data-mm-docs] .mmpop button.two .l{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.2} html[data-mm-docs] .mmpop button.two small{font:400 12px var(--font-body);color:var(--color-neutral-600)} html[data-mm-docs] .mmpop{min-width:256px} html[data-mm-docs] .mmpop .sep{margin:6px 0} html[data-mm-docs] .mmpop button.cur{background:var(--glass-active)} html[data-mm-docs] .mmpop button.cur svg{color:inherit} /* the current mode, zoom step, direction or paragraph style: a shaded row, its icon in the row's own ink, no ✓ */
/* the body: the rail, the page column, the comments panel */
#mmed .mmdoc-body{flex:1;min-height:0;display:flex;position:relative}
#mmed .mmdoc-rail{width:300px;flex:none;display:none;flex-direction:column;padding:8px 8px 8px 14px;overflow:auto;box-sizing:border-box} #mmed .mmdoc-rail.open{display:flex} #mmed .mmdoc-rail .hd{display:flex;align-items:center;gap:6px;min-height:40px} #mmed .mmdoc-rail .hd .h{flex:1;font:500 14px var(--font-body);color:var(--color-neutral-700)} #mmed .mmdoc-rail .ib{width:36px;height:36px;flex:none;border-radius:50%;border:0;background:transparent;color:var(--color-neutral-700);display:inline-grid;place-items:center;cursor:pointer;padding:0} #mmed .mmdoc-rail .ib:hover,#mmed .mmdoc-rail .ib:focus-visible{background:var(--glass-hover);color:var(--color-text);outline:none} #mmed .mmdoc-rail .ib.sm{width:30px;height:30px} #mmed .mmdoc-rail .ib.sm svg{width:18px;height:18px}
#mmed .mmdoc-rail .tab{display:flex;align-items:center;gap:2px;border-radius:999px;padding:0 4px 0 0;min-height:36px} #mmed .mmdoc-rail .tab.cur{background:var(--mmdoc-on);color:var(--mmdoc-on-ink)} #mmed .mmdoc-rail .tab .nm{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;font:500 14px var(--font-body);padding:6px 10px 6px 14px;border-radius:999px;cursor:pointer;text-align:left} #mmed .mmdoc-rail .tab .nm .l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #mmed .mmdoc-rail .tab .nm:hover,#mmed .mmdoc-rail .tab .nm:focus-visible{background:var(--glass-hover);outline:none} #mmed .mmdoc-rail .tab .nm svg{width:18px;height:18px}
#mmed .mmdoc-rail .rn{flex:1;min-width:0;border:1px solid var(--color-accent);background:var(--color-bg);color:var(--color-text);font:500 14px var(--font-body);padding:6px 10px;border-radius:8px;outline:none;margin:2px 4px}
#mmed .mmdoc-rail .outline{padding:4px 0 10px 22px} #mmed .mmdoc-rail .outline .hint{margin:6px 12px;font:italic 13px var(--font-body);color:var(--color-neutral-600)} #mmed .mmdoc-rail .outline .o{display:block;width:100%;border:0;background:transparent;color:var(--color-neutral-700);font:13px var(--font-body);text-align:left;padding:5px 10px;border-radius:8px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box} #mmed .mmdoc-rail .outline .o:hover,#mmed .mmdoc-rail .outline .o:focus-visible{background:var(--glass-hover);color:var(--color-text);outline:none}
#mmed .mmdoc-rail .outline .o.lv0{font-weight:600;font-size:14px} #mmed .mmdoc-rail .outline .o.lv0.sub{font-weight:400;color:var(--color-neutral-600)} #mmed .mmdoc-rail .outline .o.lv1{font-weight:500} #mmed .mmdoc-rail .outline .o.lv2{padding-left:22px} #mmed .mmdoc-rail .outline .o.lv3{padding-left:34px} #mmed .mmdoc-rail .outline .o.lv4,#mmed .mmdoc-rail .outline .o.lv5,#mmed .mmdoc-rail .outline .o.lv6{padding-left:46px}
#mmed .mmdoc-railedge{position:absolute;left:0;top:8px;z-index:2;width:28px;height:36px;border:1px solid var(--glass-border);border-left:0;border-radius:0 10px 10px 0;background:var(--glass-strong);color:var(--color-neutral-700);display:grid;place-items:center;cursor:pointer;padding:0} #mmed .mmdoc-railedge[hidden]{display:none} #mmed .mmdoc-railedge svg{width:18px;height:18px}
#mmed .mmdoc-col{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}
/* the ruler: inches, the margins shaded, the three markers */
#mmed .mmdoc-ruler{flex:none;height:22px;position:relative;overflow:hidden;background:var(--color-bg);border-bottom:1px solid var(--color-divider);user-select:none;-webkit-user-select:none} #mmed .mmdoc-ruler[hidden]{display:none} #mmed .mmdoc-ruler .track{position:absolute;top:0;height:22px;background:var(--glass-strong);border-left:1px solid var(--color-divider);border-right:1px solid var(--color-divider)} #mmed .mmdoc[data-format=pages] .mmdoc-ruler .track{background:var(--mmdoc-sheet);color:#1f1f1f} #mmed .mmdoc[data-format=pages] .mmdoc-ruler .n{color:#5f6368} #mmed .mmdoc[data-format=pages] .mmdoc-ruler .t{background:#9aa0a6} #mmed .mmdoc[data-format=pages] .mmdoc-ruler .mg{background:#e8eaed} #mmed .mmdoc-ruler .mg{position:absolute;top:0;bottom:0;background:var(--glass-strong)} #mmed .mmdoc-ruler .mg.l{left:0} #mmed .mmdoc-ruler .mg.r{right:0} #mmed .mmdoc-ruler .mg[data-drag]{cursor:col-resize}
#mmed .mmdoc-ruler .t{position:absolute;top:9px;width:1px;height:4px;background:var(--color-neutral-600)} #mmed .mmdoc-ruler .t.m{top:7px;height:8px} #mmed .mmdoc-ruler .n{position:absolute;top:3px;transform:translateX(-50%);font:10px var(--font-body);color:var(--color-neutral-700)} #mmed .mmdoc-ruler .mk{position:absolute;width:0;height:0;cursor:col-resize;z-index:2} #mmed .mmdoc-ruler .mk.fl{top:1px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--color-accent);margin-left:-5px} #mmed .mmdoc-ruler .mk.left{top:12px;width:10px;height:5px;background:var(--color-accent);margin-left:-5px;border-radius:1px} #mmed .mmdoc-ruler .mk.right{top:12px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid var(--color-accent);margin-left:-5px}
/* the page column: Pages = a sheet by paper size on a grey ground, page edges by height; Pageless = the text width, no edges */
#mmed .mmdoc-stage{flex:1;min-height:0;overflow:auto;position:relative;background:var(--mmdoc-ground)} #mmed .mmdoc[data-format=pages] .mmdoc-stage{background:var(--glass-strong)} #mmed .mmdoc-zoom{display:flex;justify-content:center;padding:16px 16px 40px;min-height:100%;box-sizing:border-box}
#mmed .mmdoc-sheet{width:100%;box-sizing:border-box;position:relative;min-width:0} #mmed .mmdoc[data-format=pageless] .mmdoc-sheet{padding:24px 48px;max-width:624px;background:transparent}
#mmed .mmdoc[data-format=pages] .mmdoc-sheet{background-color:var(--mmdoc-sheet);color:var(--mmdoc-ink);box-shadow:0 1px 3px rgba(0,0,0,.2),0 8px 30px rgba(0,0,0,.12);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--mmdoc-pageh,1123px) - 3px),var(--mmdoc-edge) calc(var(--mmdoc-pageh,1123px) - 3px),var(--mmdoc-edge) var(--mmdoc-pageh,1123px));background-clip:border-box}
#mmed .mmdoc[data-format=pages] .mmdoc-sheet .mm-doc{color:var(--mmdoc-ink)} #mmed .mmdoc[data-format=pages] .mmdoc-sheet .mm-doc a{color:#1155cc}
#mmed .mm-doc{outline:none;min-height:3em;font:11pt/1.15 var(--font-body);overflow-wrap:anywhere;caret-color:currentColor} #mmed .mm-doc[contenteditable=false]{cursor:default}
#mmed .mm-doc p{margin:0 0 8pt} #mmed .mm-doc p.mm-title{font-size:26pt;font-weight:400;margin:0 0 3pt;line-height:1.2} #mmed .mm-doc p.mm-subtitle{font-size:15pt;color:#666;margin:0 0 16pt} #mmed .mm-doc h1{font:400 20pt/1.2 var(--font-body);margin:20pt 0 6pt} #mmed .mm-doc h2{font:400 16pt/1.2 var(--font-body);margin:18pt 0 6pt} #mmed .mm-doc h3{font:400 14pt/1.2 var(--font-body);color:#434343;margin:16pt 0 4pt} #mmed .mm-doc h4{font:400 12pt/1.2 var(--font-body);color:#666;margin:14pt 0 4pt} #mmed .mm-doc h5{font:400 11pt/1.2 var(--font-body);color:#666;margin:12pt 0 4pt} #mmed .mm-doc h6{font:italic 400 11pt/1.2 var(--font-body);color:#666;margin:12pt 0 4pt}
html[data-theme=dark] #mmed .mmdoc[data-format=pageless] .mm-doc h3,html[data-theme=dark] #mmed .mmdoc[data-format=pageless] .mm-doc h4,html[data-theme=dark] #mmed .mmdoc[data-format=pageless] .mm-doc h5,html[data-theme=dark] #mmed .mmdoc[data-format=pageless] .mm-doc h6,html[data-theme=dark] #mmed .mmdoc[data-format=pageless] .mm-doc p.mm-subtitle{color:var(--color-neutral-700)}
#mmed .mm-doc ul,#mmed .mm-doc ol{margin:0 0 8pt;padding-left:36pt} #mmed .mm-doc li{margin:0} #mmed .mm-doc pre{font:10pt/1.4 ui-monospace,Menlo,Consolas,monospace;background:rgba(127,127,127,.12);padding:8pt 10pt;border-radius:6px;white-space:pre-wrap;margin:0 0 8pt} #mmed .mm-doc code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.95em} #mmed .mm-doc table{border-collapse:collapse;width:100%;margin:0 0 8pt} #mmed .mm-doc td,#mmed .mm-doc th{border:1px solid #999;padding:4pt 6pt;vertical-align:top;min-width:2em} #mmed .mm-doc hr{border:0;border-top:1px solid #999;margin:8pt 0} #mmed .mm-doc img{max-width:100%;height:auto} #mmed .mm-doc a{color:var(--color-accent-700)}
#mmed .mm-doc .mm-pagebreak{margin:0;height:0;overflow:hidden;position:relative} #mmed .mm-doc .mm-pagebreak::before{content:'';position:absolute;left:0;right:0;top:-1px;border-top:1px dashed var(--color-accent);opacity:.7} #mmed .mmdoc[data-format=pageless] .mm-doc .mm-pagebreak{height:12pt} #mmed .mmdoc[data-format=pageless] .mm-doc .mm-pagebreak::after{content:'Page break';position:absolute;right:0;top:-1px;font:10px var(--font-body);color:var(--color-accent-700);background:var(--color-bg);padding:0 6px}
#mmed .mm-doc .mm-cm{background:rgba(255,213,79,.35);border-bottom:2px solid rgba(255,171,0,.8)} #mmed .mm-doc .mm-cm.cur{background:rgba(255,171,0,.5)} #mmed .mm-doc .mm-cm.done{background:transparent;border-bottom-color:transparent} #mmed .mmdoc.cmhidden .mm-doc .mm-cm{background:transparent;border-bottom-color:transparent} #mmed .mmdoc.cmmin .mm-doc .mm-cm{background:transparent;border-bottom-color:transparent} #mmed .mmdoc.cmmin .mm-doc .mm-cm::after{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:rgba(255,171,0,.95);margin:0 1px 0 2px;vertical-align:super} #mmed .mmdoc.cmmin .mm-doc .mm-cm.done::after{background:var(--color-neutral-500)} #mmed .mmdoc.cmmin .mm-doc .mm-cm.cur::after{box-shadow:0 0 0 2px rgba(255,171,0,.35)}
#mmed .mmdoc.marks .mm-doc p::after,#mmed .mmdoc.marks .mm-doc h1::after,#mmed .mmdoc.marks .mm-doc h2::after,#mmed .mmdoc.marks .mm-doc h3::after,#mmed .mmdoc.marks .mm-doc li::after{content:'¶';color:var(--color-accent);opacity:.55;margin-left:2px;font-size:.9em}
#mmed .mm-doc ::highlight(mm-find){background:rgba(255,235,59,.55);color:inherit} #mmed .mm-doc ::highlight(mm-find-cur){background:rgba(255,152,0,.75);color:#000}
/* lists (screens C and D): the markers are CSS counters over data-mm-list (the preset) and data-mm-lv (the level); the file's own type= and list-style-type are the converter's */
#mmed .mm-doc [data-mm-list]{list-style:none!important;counter-reset:mmli var(--mm-s0,0);padding-inline-start:36pt} #mmed .mm-doc li > ul,#mmed .mm-doc li > ol{margin-bottom:0} #mmed .mm-doc [data-mm-list] > li{position:relative;counter-increment:mmli} #mmed .mm-doc [data-mm-list] > li::before{position:absolute;inset-inline-start:-34pt;width:28pt;text-align:end;white-space:nowrap;content:'';pointer-events:none}
#mmed .mm-doc [data-mm-list^=n] > li::before{content:var(--mm-pre,'') counter(mmli) var(--mm-suf,'.')} #mmed .mm-doc [data-mm-list=n1][data-mm-lv="2"] > li::before,#mmed .mm-doc [data-mm-list=n2][data-mm-lv="2"] > li::before,#mmed .mm-doc [data-mm-list=n4][data-mm-lv="2"] > li::before,#mmed .mm-doc [data-mm-list=n6][data-mm-lv="2"] > li::before{content:var(--mm-pre,'') counter(mmli,lower-alpha) var(--mm-suf,'.')}
#mmed .mm-doc [data-mm-list=n1][data-mm-lv="3"] > li::before,#mmed .mm-doc [data-mm-list=n2][data-mm-lv="3"] > li::before,#mmed .mm-doc [data-mm-list=n4][data-mm-lv="3"] > li::before,#mmed .mm-doc [data-mm-list=n6][data-mm-lv="3"] > li::before{content:var(--mm-pre,'') counter(mmli,lower-roman) var(--mm-suf,'.')}
#mmed .mm-doc [data-mm-list=n3][data-mm-lv="2"] > li::before,#mmed .mm-doc [data-mm-list=n3][data-mm-lv="3"] > li::before{content:var(--mm-pre,'') counters(mmli,'.') var(--mm-suf,'.')} #mmed .mm-doc [data-mm-list=n4][data-mm-lv="1"] > li::before{content:var(--mm-pre,'') counter(mmli,upper-alpha) var(--mm-suf,'.')} #mmed .mm-doc [data-mm-list=n5][data-mm-lv="1"] > li::before{content:var(--mm-pre,'') counter(mmli,upper-roman) var(--mm-suf,'.')} #mmed .mm-doc [data-mm-list=n5][data-mm-lv="2"] > li::before{content:var(--mm-pre,'') counter(mmli,upper-alpha) var(--mm-suf,'.')} #mmed .mm-doc [data-mm-list=n5][data-mm-lv="3"] > li::before{content:var(--mm-pre,'') counter(mmli) var(--mm-suf,'.')} #mmed .mm-doc [data-mm-list=n6][data-mm-lv="1"] > li::before{content:var(--mm-pre,'') counter(mmli,decimal-leading-zero) var(--mm-suf,'.')}
#mmed .mm-doc [data-mm-list^=b] > li::before{font-size:.9em;line-height:inherit} #mmed .mm-doc [data-mm-list=b1][data-mm-lv="1"] > li::before,#mmed .mm-doc [data-mm-list=b4][data-mm-lv="3"] > li::before{content:'●'} #mmed .mm-doc [data-mm-list=b1][data-mm-lv="2"] > li::before,#mmed .mm-doc [data-mm-list=b5][data-mm-lv="2"] > li::before,#mmed .mm-doc [data-mm-list=b6][data-mm-lv="2"] > li::before{content:'○'} #mmed .mm-doc [data-mm-list=b1][data-mm-lv="3"] > li::before,#mmed .mm-doc [data-mm-list=b2][data-mm-lv="3"] > li::before,#mmed .mm-doc [data-mm-list=b5][data-mm-lv="3"] > li::before,#mmed .mm-doc [data-mm-list=b6][data-mm-lv="3"] > li::before{content:'■'}
#mmed .mm-doc [data-mm-list=b2][data-mm-lv="1"] > li::before{content:'❖'} #mmed .mm-doc [data-mm-list=b2][data-mm-lv="2"] > li::before,#mmed .mm-doc [data-mm-list=b6][data-mm-lv="1"] > li::before{content:'➢'} #mmed .mm-doc [data-mm-list=b3] > li::before{content:'❑'} #mmed .mm-doc [data-mm-list=b4][data-mm-lv="1"] > li::before{content:'➔'} #mmed .mm-doc [data-mm-list=b4][data-mm-lv="2"] > li::before{content:'◆'} #mmed .mm-doc [data-mm-list=b5][data-mm-lv="1"] > li::before{content:'★'}
#mmed .mm-doc [data-mm-list^=c] > li::before{content:'☐';font-size:1.15em;line-height:1;top:.1em;pointer-events:auto;cursor:pointer} #mmed .mm-doc [data-mm-list^=c] > li[data-checked=true]::before{content:'☑'} #mmed .mm-doc [data-mm-list=c1] > li[data-checked=true]{text-decoration:line-through;color:var(--color-neutral-600)}
.mmdoc-tblpick{padding:6px 8px 4px} .mmdoc-tblpick .cells{display:grid;grid-template-columns:repeat(var(--c,10),18px);gap:3px} .mmdoc-tblpick .c{width:18px;height:18px;padding:0;margin:0;min-height:0;border:1px solid var(--glass-border);border-radius:3px;background:var(--glass);cursor:pointer;box-sizing:border-box} .mmdoc-tblpick .c.on{background:var(--color-accent);border-color:var(--color-accent)} .mmdoc-tblpick .c:focus-visible{outline:2px solid var(--color-accent-700);outline-offset:1px} .mmdoc-tblpick .cap{text-align:center;font:13px var(--font-body);color:var(--color-neutral-700);padding:8px 0 2px}
#mmed .mmdoc .split-in.lists .half{width:28px} html[data-mm-docs] .mmpop.mmdoc-grid{min-width:0;padding:6px} html[data-mm-docs] .mmpop.mmdoc-grid .custom{padding:0} html[data-mm-docs] .mmpop.mmdoc-grid .sep{margin:4px 0} .mmdoc-listgrid{display:grid;grid-template-columns:repeat(3,96px);gap:8px;padding:4px} .mmdoc-listgrid.two{grid-template-columns:repeat(2,96px)} .mmdoc-listgrid .tile{display:flex;flex-direction:column;align-items:stretch;gap:5px;justify-content:center;height:88px;min-height:0;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass);cursor:pointer;padding:8px 10px;box-sizing:border-box;color:var(--color-text)} .mmdoc-listgrid .tile:hover,.mmdoc-listgrid .tile:focus-visible{background:var(--glass-hover);outline:none} .mmdoc-listgrid .tile.on{border-color:var(--color-accent);background:var(--color-accent-100)}
.mmdoc-listgrid .tl{display:flex;align-items:center;gap:6px;height:9px} .mmdoc-listgrid .tl.lv2{padding-left:14px} .mmdoc-listgrid .tl.lv3{padding-left:28px} .mmdoc-listgrid .tl i{font:600 9px/1 var(--font-body);font-style:normal;color:var(--color-neutral-800);min-width:22px;text-align:right;white-space:nowrap} .mmdoc-listgrid .tl b{display:block;flex:1;height:4px;border-radius:2px;background:var(--color-neutral-400)} .mmdoc-listgrid .tl.strike b{position:relative} .mmdoc-listgrid .tl.strike b::after{content:'';position:absolute;left:0;right:0;top:1px;border-top:2px solid var(--color-neutral-600)} .mmdoc-listgrid.two .tile{height:64px} .mmdoc-listgrid.two .tl i{font-size:14px;min-width:16px}
#mmed .mmdoc-wc{position:absolute;left:12px;bottom:10px;z-index:2;font:12px var(--font-body);color:var(--color-neutral-700);background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:999px;padding:4px 10px} #mmed .mmdoc-wc[hidden]{display:none}
#mmed .mmdoc.viewing .mmdoc-tb .g[data-g=style],#mmed .mmdoc.viewing .mmdoc-tb .g[data-g=font],#mmed .mmdoc.viewing .mmdoc-tb .g[data-g=size],#mmed .mmdoc.viewing .mmdoc-tb .g[data-g=inline],#mmed .mmdoc.viewing .mmdoc-tb .g[data-g=insert],#mmed .mmdoc.viewing .mmdoc-tb .g[data-g=align],#mmed .mmdoc.viewing .mmdoc-tb .g[data-g=spacing],#mmed .mmdoc.viewing .mmdoc-tb .g[data-g=lists],#mmed .mmdoc.viewing .mmdoc-tb .g[data-g=indent],#mmed .mmdoc.viewing .mmdoc-tb .g[data-g=clear],#mmed .mmdoc.viewing .mmdoc-tb .g[data-g=dir],#mmed .mmdoc.viewing .mmdoc-tb .g[data-g=tools],#mmed .mmdoc.viewing .mmdoc-tb .g[data-g=history],#mmed .mmdoc.viewing .mmdoc-ruler{display:none}
/* the find card, the search box, the dialogs, the comments panel */
#mmed .mmdoc-find{position:absolute;right:16px;top:8px;z-index:6;width:min(380px,calc(100% - 32px));border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box} #mmed .mmdoc-find[hidden]{display:none} #mmed .mmdoc-find .fr{display:flex;align-items:center;gap:6px} #mmed .mmdoc-find .fr .mm-input{flex:1;min-width:0} #mmed .mmdoc-find .n{font-size:12px;color:var(--color-neutral-600);white-space:nowrap;min-width:52px;text-align:center} #mmed .mmdoc-find .ib{width:32px;height:32px;border:0;background:transparent;color:var(--color-neutral-700);border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;padding:0;flex:none} #mmed .mmdoc-find .ib:hover{background:var(--glass-hover)} #mmed .mmdoc-find .ib svg{width:18px;height:18px} #mmed .mmdoc-find .sp{flex:1} #mmed .mmdoc-find .mm-btn{padding:5px 12px;font-size:13px}
#mmed .mmdoc .opt{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;white-space:nowrap} #mmed .mmdoc .opt input{accent-color:var(--color-accent);margin:0}
/* the link card (Ctrl+K) and the chip under a link the caret lands on */
#mmed .mmdoc-link{position:absolute;z-index:8;width:min(400px,calc(100% - 32px));border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;font:14px var(--font-body)} #mmed .mmdoc-link .f{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--color-neutral-700)} #mmed .mmdoc-link .f .mm-input{width:100%;box-sizing:border-box} #mmed .mmdoc-link .rs{display:flex;flex-direction:column;max-height:220px;overflow:auto} #mmed .mmdoc-link .rs:empty{display:none} #mmed .mmdoc-link .rs .head{font:600 10.5px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-600);padding:6px 8px 2px} #mmed .mmdoc-link .rs .r{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--color-text);font:13px var(--font-body);padding:6px 8px;border-radius:8px;cursor:pointer;text-align:left;min-width:0} #mmed .mmdoc-link .rs .r svg{width:16px;height:16px;flex:none;color:var(--color-neutral-600)} #mmed .mmdoc-link .rs .r .p{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #mmed .mmdoc-link .rs .r .k{font-size:11px;color:var(--color-neutral-600);max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #mmed .mmdoc-link .rs .r:hover,#mmed .mmdoc-link .rs .r:focus-visible{background:var(--glass-hover);outline:none} #mmed .mmdoc-link .row{display:flex;align-items:center;gap:8px} #mmed .mmdoc-link .row .sp{flex:1} #mmed .mmdoc-link .mm-btn{padding:5px 12px;font-size:13px}
#mmed .mmdoc-linkpop{position:absolute;z-index:8;display:flex;align-items:center;gap:2px;padding:4px 6px 4px 10px;border-radius:999px;font:13px var(--font-body);max-width:min(520px,calc(100% - 32px));box-sizing:border-box} #mmed .mmdoc-linkpop .u{display:inline-flex;align-items:center;gap:6px;color:var(--color-accent-700);min-width:0;margin-right:4px} #mmed .mmdoc-linkpop .u span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #mmed .mmdoc-linkpop .u svg,#mmed .mmdoc-linkpop .ib svg{width:16px;height:16px} #mmed .mmdoc-linkpop .ib{width:30px;height:30px;border:0;background:transparent;color:var(--color-neutral-700);border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;padding:0;flex:none} #mmed .mmdoc-linkpop .ib:hover{background:var(--glass-hover)}
#mmed .mmdoc-search{position:absolute;z-index:7;width:min(420px,calc(100% - 32px));border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box} #mmed .mmdoc-search .rs{display:flex;flex-direction:column;max-height:50vh;overflow:auto} #mmed .mmdoc-search .r{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--color-text);font:14px var(--font-body);padding:8px 10px;border-radius:8px;cursor:pointer;text-align:left} #mmed .mmdoc-search .r .p{flex:1} #mmed .mmdoc-search .r .k{font-size:12px;color:var(--color-neutral-600)} #mmed .mmdoc-search .r.hl,#mmed .mmdoc-search .r:hover{background:var(--glass-hover)} #mmed .mmdoc-search .r.off{opacity:.5} #mmed .mmdoc-search .hint{margin:6px 10px;font-size:13px;color:var(--color-neutral-600)}
#mmed .mmdoc-dlg{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:rgba(0,0,0,.35);padding:16px;font:14px var(--font-body)} #mmed .mmdoc-dlg .box{width:min(460px,100%);max-height:calc(100% - 32px);overflow:auto;padding:16px 18px;border-radius:16px;box-sizing:border-box} #mmed .mmdoc-dlg .hd{display:flex;align-items:center;gap:10px;margin-bottom:10px} #mmed .mmdoc-dlg h4{flex:1;font:500 18px var(--font-heading);margin:0} #mmed .mmdoc-dlg .hd svg{width:20px;height:20px;flex:none}
#mmed .mmdoc-dlg .bd{display:flex;flex-direction:column;gap:10px} #mmed .mmdoc-dlg .f{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--color-neutral-700)} #mmed .mmdoc-dlg .f .mm-input,#mmed .mmdoc-dlg .f input[type=color]{width:100%;box-sizing:border-box} #mmed .mmdoc-dlg .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px} #mmed .mmdoc-dlg .seg{display:flex;gap:14px} #mmed .mmdoc-dlg .seg label{display:inline-flex;align-items:center;gap:6px;cursor:pointer} #mmed .mmdoc-dlg .h{font-weight:600;margin:4px 0 0} #mmed .mmdoc-dlg .muted{font-size:12px;color:var(--color-neutral-600);margin:0} #mmed .mmdoc-dlg .row{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
#mmed .mmdoc-dlg dl.wc{display:grid;grid-template-columns:1fr auto;gap:6px 16px;margin:0} #mmed .mmdoc-dlg dl.wc dt{color:var(--color-neutral-700)} #mmed .mmdoc-dlg dl.wc dd{margin:0;font-variant-numeric:tabular-nums;text-align:right} #mmed .mmdoc-dlg .about{display:grid;gap:6px;max-height:50vh;overflow:auto;font-size:13px} #mmed .mmdoc-dlg dl.keys{display:grid;gap:2px;max-height:50vh;overflow:auto;font-size:13px;margin:0} #mmed .mmdoc-dlg dl.keys h5{margin:10px 0 2px;font:600 10.5px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-600)} #mmed .mmdoc-dlg dl.keys .kr{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:2px 0} #mmed .mmdoc-dlg dl.keys dt{min-width:0} #mmed .mmdoc-dlg dl.keys dd{margin:0;white-space:nowrap;color:var(--color-neutral-700)} #mmed .mmdoc-dlg dl.keys kbd{display:inline-block;font:11px var(--font-body);border:1px solid var(--glass-border);border-radius:4px;padding:0 5px;background:var(--glass);line-height:18px} #mmed .mmdoc-dlg dl.keys i{font-style:normal;margin:0 1px;color:var(--color-neutral-600)} #mmed .mmdoc-dlg dl.keys .then{font-size:11px;color:var(--color-neutral-600);margin:0 3px} #mmed .mmdoc-dlg .about dt{font-weight:600} #mmed .mmdoc-dlg .about dd{margin:0 0 6px;color:var(--color-neutral-700)}
#mmed .mmdoc-cm{width:320px;flex:none;border-left:1px solid var(--color-divider);display:flex;flex-direction:column;background:var(--color-bg)} #mmed .mmdoc-cm[hidden]{display:none} #mmed .mmdoc-cm .hd{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 16px;min-height:44px} #mmed .mmdoc-cm h4{flex:1;font:500 15px var(--font-body);margin:0} #mmed .mmdoc-cm .ib{width:34px;height:34px;border:0;background:transparent;color:var(--color-neutral-700);border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;padding:0} #mmed .mmdoc-cm .ib:hover{background:var(--glass-hover)} #mmed .mmdoc-cm .ib svg{width:18px;height:18px}
#mmed .mmdoc-cm .new{padding:0 12px 8px} #mmed .mmdoc-cm textarea{width:100%;box-sizing:border-box;border:1px solid var(--glass-border);background:var(--glass);color:var(--color-text);border-radius:10px;padding:8px 10px;font:14px var(--font-body);resize:vertical;outline:none} #mmed .mmdoc-cm textarea:focus{border-color:var(--color-accent)} #mmed .mmdoc-cm .row{display:flex;justify-content:flex-end;gap:6px;margin-top:6px} #mmed .mmdoc-cm .mm-btn{padding:5px 12px;font-size:13px} #mmed .mmdoc-cm .list{flex:1;overflow:auto;padding:0 12px 12px;display:flex;flex-direction:column;gap:8px}
#mmed .mmdoc-cm .th{border:1px solid var(--glass-border);border-radius:12px;padding:10px 12px;cursor:pointer;background:var(--glass)} #mmed .mmdoc-cm .th.done{opacity:.6} #mmed .mmdoc-cm .q{font:italic 12px var(--font-body);color:var(--color-neutral-600);border-left:3px solid var(--color-accent);padding-left:8px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #mmed .mmdoc-cm .by{display:flex;gap:8px;align-items:baseline;font-size:12px;color:var(--color-neutral-600)} #mmed .mmdoc-cm .by b{color:var(--color-text);font-weight:600} #mmed .mmdoc-cm .tx{margin:3px 0 6px;white-space:pre-wrap} #mmed .mmdoc-cm .re{margin:6px 0 0 12px;padding-left:8px;border-left:2px solid var(--color-divider)} #mmed .mmdoc-cm .act{display:flex;gap:4px} #mmed .mmdoc-cm .lk{border:0;background:transparent;color:var(--color-accent-700);font:600 12px var(--font-body);padding:4px 6px;border-radius:8px;cursor:pointer} #mmed .mmdoc-cm .lk:hover{background:var(--glass-hover)} #mmed .mmdoc-cm .hint{margin:6px 4px;font-size:13px;color:var(--color-neutral-600)} #mmed .mmdoc-cm .reply{margin-top:6px}
/* the typography controls: the wide dropdowns (font, style), the colour bars under A and the highlighter, the size stepper */
#mmed .mmdoc .tbb.dd.wide{width:auto;grid-auto-flow:column;gap:4px;padding:0 6px 0 10px;font:400 14px var(--font-body);color:var(--color-text)} #mmed .mmdoc .tbb.dd.wide .lbl{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left} #mmed .mmdoc .tbb.dd.wide .car{font-size:11px;color:var(--color-neutral-700)} #mmed .mmdoc .tbb.dd.wide[aria-expanded=true]{background:var(--glass-hover)}
#mmed .mmdoc .tbb[data-cmd="fmt.color"],#mmed .mmdoc .tbb[data-cmd="fmt.highlight"]{position:relative} #mmed .mmdoc .tbb[data-cmd="fmt.color"]::after,#mmed .mmdoc .tbb[data-cmd="fmt.highlight"]::after{content:'';position:absolute;left:7px;right:7px;bottom:3px;height:3px;border-radius:1px;background:var(--mmdoc-bar,#000)}
#mmed .mmdoc .glyph{font:600 15px var(--font-body);line-height:1}
#mmed .mmdoc .tbb.sm{width:26px} #mmed .mmdoc .szin{width:34px;height:26px;box-sizing:border-box;border:1px solid var(--color-divider);border-radius:4px;background:var(--color-bg);color:var(--color-text);font:14px var(--font-body);text-align:center;padding:0 2px;outline:none;margin:0 1px} #mmed .mmdoc .szin:focus{border-color:var(--color-accent)}
/* the font menu: the pinned header and RECENT, the list in its own scrolling box, every row in its face, the weights submenu beside it */
#mmed .mmdoc-fontmenu{position:absolute;z-index:8;width:280px;max-height:calc(100% - 16px);display:flex;flex-direction:column;padding:6px 0;border-radius:14px;box-sizing:border-box;font:14px var(--font-body)} #mmed .mmdoc-fontmenu.sub{width:200px;z-index:9}
#mmed .mmdoc-fontmenu .r{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;border:0;background:transparent;color:var(--color-text);font-size:15px;padding:6px 12px 6px 10px;text-align:left;cursor:pointer;box-sizing:border-box;flex:none} #mmed .mmdoc-fontmenu .r:hover,#mmed .mmdoc-fontmenu .r:focus-visible,#mmed .mmdoc-fontmenu .r[aria-expanded=true]{background:var(--glass-hover);outline:none} #mmed .mmdoc-fontmenu .r.more{font-family:var(--font-body);font-size:14px}
#mmed .mmdoc-fontmenu .r .ck{width:22px;flex:none;display:inline-grid;place-items:center;color:var(--color-text)} #mmed .mmdoc-fontmenu .r .ck svg{width:18px;height:18px} #mmed .mmdoc-fontmenu .r .l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #mmed .mmdoc-fontmenu .r .sys{font:12px var(--font-body);color:var(--color-neutral-600);white-space:nowrap} #mmed .mmdoc-fontmenu .r .sub{color:var(--color-neutral-700);font-size:12px;width:12px;text-align:right}
#mmed .mmdoc-fontmenu .head{font:600 11px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-600);padding:8px 12px 4px 42px} #mmed .mmdoc-fontmenu .sep{height:1px;background:var(--color-divider);margin:6px 0;flex:none} #mmed .mmdoc-fontmenu .box{overflow:auto;min-height:0;flex:1 1 auto;scrollbar-gutter:stable}
/* the input tools: the split button, the RTL menu, the on-screen Arabic keyboard, the phonetic candidate strip */
#mmed .mmdoc .split-in{display:inline-flex;align-items:center;gap:0;border-radius:6px;overflow:hidden} #mmed .mmdoc .split-in .half{width:30px;border-radius:6px 0 0 6px} #mmed .mmdoc .split-in .dd.half{width:16px;border-radius:0 6px 6px 0;background:var(--glass-hover)} #mmed .mmdoc .split-in .dd.half svg{width:12px;height:12px}
html[data-mm-docs] .mmpop.mmdoc-rtlmenu button{direction:rtl;text-align:right} html[data-mm-docs] .mmpop.mmdoc-rtlmenu button .l{text-align:right}
#mmed .mmdoc-kbd{flex:none;margin:6px 12px;padding:8px 10px;border-radius:14px;display:flex;flex-direction:column;gap:5px;direction:rtl;max-width:760px;align-self:center;width:calc(100% - 24px);box-sizing:border-box} #mmed .mmdoc-kbd .kbd-hd{display:flex;align-items:center;gap:8px;direction:rtl} #mmed .mmdoc-kbd .kbd-hd .h{flex:1;font:500 13px var(--font-body);color:var(--color-neutral-700)} #mmed .mmdoc-kbd .kbd-hd .ib{width:30px;height:30px;border:0;background:transparent;color:var(--color-neutral-700);border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;padding:0} #mmed .mmdoc-kbd .kbd-hd .ib svg{width:16px;height:16px}
#mmed .mmdoc-kbd .krow{display:flex;gap:4px;justify-content:center} #mmed .mmdoc-kbd .k{min-width:40px;height:38px;border:1px solid var(--glass-border);background:var(--glass);color:var(--color-text);border-radius:8px;font:500 18px/1 var(--font-body);cursor:pointer;padding:0 6px;flex:none} #mmed .mmdoc-kbd .k:hover{background:var(--glass-hover)} #mmed .mmdoc-kbd .k.on{background:var(--mmdoc-on);color:var(--mmdoc-on-ink)} #mmed .mmdoc-kbd .k.space{min-width:260px}
#mmed .mmdoc-phon{position:absolute;z-index:9;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font:15px var(--font-body)} #mmed .mmdoc-phon .latin{font:12px var(--font-body);color:var(--color-neutral-600);padding:0 6px 0 2px;border-right:1px solid var(--color-divider);margin-right:4px} #mmed .mmdoc-phon .c{border:0;background:transparent;color:var(--color-text);font:17px var(--font-body);padding:4px 10px;border-radius:8px;cursor:pointer} #mmed .mmdoc-phon .c.cur,#mmed .mmdoc-phon .c:hover{background:var(--mmdoc-on);color:var(--mmdoc-on-ink)} #mmed .mmdoc-phon .hint{font:11px var(--font-body);color:var(--color-neutral-600);padding:0 4px}
/* the colour card: Automatic / None, the palette grids (the page's own .mm-palette / .mm-swatch), a custom colour */
#mmed .mmdoc-colors{position:absolute;z-index:8;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:14px;box-sizing:border-box;width:236px} #mmed .mmdoc-colors .r{border:0;background:transparent;color:var(--color-text);font:14px var(--font-body);padding:8px 10px;border-radius:8px;text-align:left;cursor:pointer} #mmed .mmdoc-colors .r:hover,#mmed .mmdoc-colors .r:focus-visible{background:var(--glass-hover);outline:none}
#mmed .mmdoc-colors .mm-swatch:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px} #mmed .mmdoc-colors .custom{display:flex;align-items:center;gap:8px;font:13px var(--font-body);padding:4px 6px;cursor:pointer} #mmed .mmdoc-colors .custom input{width:28px;height:24px;border:1px solid var(--glass-border);border-radius:6px;padding:0;background:transparent;cursor:pointer}
/* More fonts: the search, the category chips, the cards in their faces */
#mmed .mmdoc-dlg .fcards.pics{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:50vh;overflow:auto} #mmed .mmdoc-dlg .fcards.docs{grid-template-columns:1fr;gap:6px;max-height:50vh;overflow:auto} #mmed .mmdoc-dlg .fcard.doc{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 10px;align-items:center;border:1px solid var(--glass-border);border-radius:10px;background:var(--glass);padding:6px 10px;cursor:pointer;color:var(--color-text);font:13px var(--font-body);text-align:left;min-width:0} #mmed .mmdoc-dlg .fcard.doc:hover,#mmed .mmdoc-dlg .fcard.doc:focus-visible{background:var(--glass-hover);outline:none} #mmed .mmdoc-dlg .fcard.doc.cur{outline:2px solid var(--color-accent-2)} #mmed .mmdoc-dlg .fcard.doc .th{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;color:var(--color-neutral-600)} #mmed .mmdoc-dlg .fcard.doc .th svg{width:22px;height:22px} #mmed .mmdoc-dlg .fcard.doc .nm,#mmed .mmdoc-dlg .fcard.doc .wh{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #mmed .mmdoc-dlg .fcard.doc .wh{font-size:11px;color:var(--color-neutral-600)} #mmed .mmdoc-dlg .fcard.pic{display:flex;flex-direction:column;gap:6px;border:1px solid var(--glass-border);border-radius:10px;background:var(--glass);padding:6px;cursor:pointer;color:var(--color-text);font:12px var(--font-body);text-align:left;min-width:0} #mmed .mmdoc-dlg .fcard.pic:hover,#mmed .mmdoc-dlg .fcard.pic:focus-visible{background:var(--glass-hover);outline:none} #mmed .mmdoc-dlg .fcard.pic .th{display:grid;place-items:center;aspect-ratio:16/10;border-radius:6px;background:rgba(127,127,127,.15);overflow:hidden;color:var(--color-neutral-600)} #mmed .mmdoc-dlg .fcard.pic .th img{width:100%;height:100%;object-fit:cover} #mmed .mmdoc-dlg .fcard.pic .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mmed .mmdoc-dlg .cam{width:100%;max-height:50vh;border-radius:10px;background:#000}
/* smart chips (one atom on screen: a kind glyph, the label) and the building blocks' gallery and bar */
#mmed .mm-doc .mm-chip{display:inline-flex;align-items:center;gap:5px;padding:0 9px 0 7px;margin:0 1px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);font-size:.9em;line-height:1.6;cursor:pointer;user-select:none;vertical-align:baseline;white-space:nowrap;max-width:100%;color:inherit;text-decoration:none;font-style:normal} #mmed .mm-doc .mm-chip:hover{background:var(--glass-hover)} #mmed .mm-doc .mm-chip::before{font-size:.9em;opacity:.85;line-height:1} #mmed .mm-doc .mm-chip[data-mm-chip=date]::before{content:'📅'} #mmed .mm-doc .mm-chip[data-mm-chip=person]::before{content:'👤'} #mmed .mm-doc .mm-chip[data-mm-chip=file]::before{content:'📄'} #mmed .mm-doc .mm-chip[data-mm-chip=place]::before{content:'📍'} #mmed .mm-doc .mm-chip[data-mm-chip=vote]::before{content:'👍'} #mmed .mm-doc .mm-chip[data-mm-chip=stopwatch]::before{content:'⏱'} #mmed .mm-doc .mm-chip[data-mm-chip=timer]::before{content:'⏳'} #mmed .mm-doc .mm-chip[data-mm-chip=email]::before{content:'✉'} #mmed .mm-doc .mm-chip[data-mm-chip=event]::before{content:'🗓'} #mmed .mm-doc .mm-chip[data-mm-chip=task]::before{content:'☐'} #mmed .mm-doc .mm-chip[data-mm-chip=task][data-mm-v=done]::before{content:'☑'} #mmed .mm-doc .mm-chip[data-mm-chip=task][data-mm-v=done]{text-decoration:line-through;color:var(--color-neutral-600)} #mmed .mm-doc .mm-chip[data-mm-chip=dropdown]::after{content:'▾';opacity:.7} #mmed .mm-doc .mm-chip[data-mm-v=""]:not([data-mm-chip=email]):not([data-mm-chip=place]){color:var(--color-neutral-600);font-style:italic}
#mmed .mmdoc-chippop{position:absolute;z-index:8;width:min(360px,calc(100% - 32px));border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;box-sizing:border-box;font:13px var(--font-body)} #mmed .mmdoc-chippop .mm-input{width:100%;box-sizing:border-box} #mmed .mmdoc-chippop .rs{display:flex;flex-direction:column;max-height:240px;overflow:auto} #mmed .mmdoc-chippop .rs:empty{display:none} #mmed .mmdoc-chippop .rs .r{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--color-text);font:13px var(--font-body);padding:6px 8px;border-radius:8px;cursor:pointer;text-align:left;min-width:0} #mmed .mmdoc-chippop .rs .r svg{width:16px;height:16px;flex:none;color:var(--color-neutral-600)} #mmed .mmdoc-chippop .rs .r .p{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #mmed .mmdoc-chippop .rs .r .k{font-size:11px;color:var(--color-neutral-600);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #mmed .mmdoc-chippop .rs .r:hover,#mmed .mmdoc-chippop .rs .r.hl{background:var(--glass-hover)} #mmed .mmdoc-chippop .hint{margin:4px 8px;font-size:12px;color:var(--color-neutral-600)}
#mmed .mmdoc-chippop.bar{flex-direction:row;align-items:center;gap:6px;width:auto;max-width:min(520px,calc(100% - 32px));padding:4px 6px 4px 12px;border-radius:999px} #mmed .mmdoc-chippop.bar .u{color:var(--color-neutral-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px} #mmed .mmdoc-chippop.bar .ib{width:30px;height:30px;border:0;background:transparent;color:var(--color-neutral-700);border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;padding:0;flex:none} #mmed .mmdoc-chippop.bar .ib:hover{background:var(--glass-hover)} #mmed .mmdoc-chippop.bar .ib svg{width:16px;height:16px} #mmed .mmdoc-chippop.bar .mm-btn{padding:4px 10px;font-size:12px;white-space:nowrap} #mmed .mmdoc-chippop.bar .opt input[type=number]{width:64px}
#mmed .mmdoc-symbols{position:absolute;z-index:8;width:min(400px,calc(100% - 32px));height:min(420px,70vh);border-radius:14px;padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px;box-sizing:border-box;font:13px var(--font-body)} #mmed .mmdoc-symbols .stabs{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--color-divider)} #mmed .mmdoc-symbols .stabs [role=tab]{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-neutral-600);font:500 13px var(--font-body);padding:6px 10px;cursor:pointer;margin-bottom:-1px} #mmed .mmdoc-symbols .stabs [role=tab][aria-selected=true]{color:var(--color-accent-700);border-bottom-color:var(--color-accent)} #mmed .mmdoc-symbols .stabs .sp{flex:1} #mmed .mmdoc-symbols .stabs .ib{width:28px;height:28px;border:0;background:transparent;color:var(--color-neutral-700);border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;padding:0} #mmed .mmdoc-symbols .stabs .ib svg{width:16px;height:16px} #mmed .mmdoc-symbols .mm-input{width:100%;box-sizing:border-box}
#mmed .mmdoc-symbols .scats{display:flex;flex-wrap:wrap;gap:4px} #mmed .mmdoc-symbols .scats .chip{border:1px solid var(--glass-border);background:var(--glass);color:var(--color-text);border-radius:999px;padding:2px 10px;font:12px var(--font-body);cursor:pointer} #mmed .mmdoc-symbols .scats .chip.on{background:var(--color-accent-100);border-color:var(--color-accent);color:var(--color-accent-800)} #mmed .mmdoc-symbols .sgrid{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,36px);gap:2px;align-content:start} #mmed .mmdoc-symbols .sgrid .s{width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--color-text);font-size:20px;line-height:1;cursor:pointer;padding:0} #mmed .mmdoc-symbols .sgrid .s:hover,#mmed .mmdoc-symbols .sgrid .s:focus-visible{background:var(--glass-hover);outline:none} #mmed .mmdoc-symbols .hint{grid-column:1 / -1;margin:8px;color:var(--color-neutral-600)}
#mmed .mm-doc nav.mm-toc{border:1px solid var(--glass-border);border-radius:8px;padding:8pt 12pt;margin:0 0 10pt;background:rgba(127,127,127,.06)} #mmed .mm-doc nav.mm-toc p{margin:0 0 3pt} #mmed .mm-doc nav.mm-toc a{text-decoration:none;color:var(--color-accent-700);cursor:pointer} #mmed .mm-doc nav.mm-toc a:hover{text-decoration:underline} #mmed .mm-doc section.mm-footnotes{margin-top:24pt;padding-top:6pt;border-top:1px solid var(--color-neutral-400);font-size:9pt;width:50%;min-width:200px} #mmed .mm-doc section.mm-footnotes p{margin:0 0 3pt} #mmed .mm-doc sup.mm-fnref a{text-decoration:none;font-weight:600;cursor:pointer} #mmed .mm-doc section.mm-footnotes p > sup:first-child{user-select:none;margin-right:2pt}
#mmed .mmdoc-blockbar{position:absolute;z-index:7;display:flex;align-items:center;gap:2px;padding:1px 3px 1px 10px;border-radius:999px;font:12px var(--font-body);color:var(--color-neutral-700)} #mmed .mmdoc-blockbar .ib{width:24px;height:24px;border:0;background:transparent;color:inherit;border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;padding:0} #mmed .mmdoc-blockbar .ib svg{width:14px;height:14px} #mmed .mmdoc-blockbar .ib:hover{background:var(--glass-hover)}
#mmed .mmdoc-dlg .bgal{display:grid;gap:8px;max-height:55vh;overflow:auto} #mmed .mmdoc-dlg .bgal .head{font:600 10.5px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-600);margin:6px 0 0} #mmed .mmdoc-dlg .bcard{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;border:1px solid var(--glass-border);border-radius:10px;padding:8px 12px;font-size:13px} #mmed .mmdoc-dlg .bcard b{font-weight:600} #mmed .mmdoc-dlg .bcard span{color:var(--color-neutral-600);font-size:12px;grid-column:1} #mmed .mmdoc-dlg .bcard .acts{grid-column:2;grid-row:1 / span 2;display:flex;gap:6px} #mmed .mmdoc-dlg .bcard .mm-btn{padding:4px 10px;font-size:12px} #mmed .mm-doc figure.mm-cover{margin:0 0 14pt} #mmed .mm-doc figure.mm-cover img{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:4px} #mmed .mm-doc img{vertical-align:baseline}
#mmed .mmdoc-dlg .chips{display:flex;flex-wrap:wrap;gap:6px} #mmed .mmdoc-dlg .chips .chip{border:1px solid var(--glass-border);background:var(--glass);color:var(--color-text);border-radius:999px;padding:4px 12px;font:500 12px var(--font-body);cursor:pointer} #mmed .mmdoc-dlg .chips .chip.on{background:var(--mmdoc-on);color:var(--mmdoc-on-ink);border-color:transparent}
#mmed .mmdoc-dlg .fcards{display:grid;gap:8px;max-height:46vh;overflow:auto;padding-right:4px} #mmed .mmdoc-dlg .fcard{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 12px;align-items:center;border:1px solid var(--glass-border);border-radius:12px;padding:10px 12px;cursor:pointer} #mmed .mmdoc-dlg .fcard .nm{font-size:22px;line-height:1.2;grid-row:1} #mmed .mmdoc-dlg .fcard .meta{font-size:12px;color:var(--color-neutral-600);grid-row:2} #mmed .mmdoc-dlg .fcard .opt{grid-row:1/3;grid-column:2}
#mmed .mmdoc-dlg .box.wide{width:min(640px,100%)} #mmed .mmdoc-dlg .row .sp{flex:1}
/* the assistant (T-121 B5): the chips and the prompt bar under the page column, the answer card, the side panel, the spelling card, the listen and voice bars */
#mmed .mmdoc-ai{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 16px 12px;background:var(--mmdoc-ground)} #mmed .mmdoc[data-format=pages] .mmdoc-ai{background:var(--glass-strong)} #mmed .mmdoc-ai[hidden]{display:none} #mmed .mmdoc-ai .chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center} #mmed .mmdoc-ai .chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--glass-border);background:var(--glass);color:var(--color-text);border-radius:999px;padding:0 12px;height:32px;font:500 13px var(--font-body);cursor:pointer} #mmed .mmdoc-ai .chip:hover{background:var(--glass-hover)} #mmed .mmdoc-ai .chip[aria-pressed=true]{background:color-mix(in srgb,var(--color-accent) 16%,transparent);border-color:var(--color-accent);color:var(--color-accent-700)} #mmed .mmdoc-ai .chip svg{width:16px;height:16px}
#mmed .mmdoc-ai .bar{display:flex;align-items:center;gap:4px;width:min(720px,100%);border:1px solid var(--glass-border);background:var(--color-bg);border-radius:999px;padding:4px 6px;box-sizing:border-box;margin:0;box-shadow:0 2px 12px rgba(0,0,0,.08)} #mmed .mmdoc-ai .bar:focus-within{border-color:var(--color-accent)} #mmed .mmdoc-ai .bar input{flex:1;min-width:0;border:0;background:transparent;color:var(--color-text);font:14px var(--font-body);padding:6px 4px;outline:none} #mmed .mmdoc-ai .ib{width:34px;height:34px;flex:none;border:0;background:transparent;color:var(--color-neutral-700);border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;padding:0} #mmed .mmdoc-ai .ib:hover{background:var(--glass-hover)} #mmed .mmdoc-ai .ib svg{width:18px;height:18px} #mmed .mmdoc-ai .ib.send{background:var(--color-accent);color:#fff} #mmed .mmdoc-ai .ib.send:hover{background:var(--color-accent-700)} #mmed .mmdoc-ai .ib.send.busy{background:var(--color-neutral-700)}
#mmed .mmdoc-ai .ctx{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-neutral-600)} #mmed .mmdoc-ai .ctx[hidden]{display:none} #mmed .mmdoc .fch{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--glass-border);background:var(--glass);color:var(--color-text);border-radius:999px;padding:2px 8px 2px 6px;font:12px var(--font-body);cursor:pointer;max-width:260px} #mmed .mmdoc .fch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #mmed .mmdoc .fch svg{width:14px;height:14px;flex:none} #mmed .mmdoc .fch .x{border:0;background:transparent;color:inherit;padding:0;width:18px;height:18px;display:inline-grid;place-items:center;cursor:pointer;border-radius:50%} #mmed .mmdoc .fch .x svg{width:12px;height:12px}
#mmed .mmdoc-aicard{position:absolute;left:50%;transform:translateX(-50%);bottom:112px;z-index:8;width:min(720px,calc(100% - 32px));max-height:min(60vh,520px);display:flex;flex-direction:column;border-radius:16px;box-sizing:border-box;box-shadow:0 12px 40px rgba(0,0,0,.22)} #mmed .mmdoc-aicard .hd{display:flex;align-items:center;gap:8px;padding:8px 8px 6px 14px;font:600 13px var(--font-body)} #mmed .mmdoc-aicard .hd svg{width:18px;height:18px;color:var(--color-accent-700)} #mmed .mmdoc-aicard .hd .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #mmed .mmdoc-aicard .sp{flex:1} #mmed .mmdoc-aicard .ib{width:30px;height:30px;border:0;background:transparent;color:var(--color-neutral-700);border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;padding:0;flex:none} #mmed .mmdoc-aicard .ib:hover{background:var(--glass-hover)} #mmed .mmdoc-aicard .ib svg{width:16px;height:16px;color:inherit}
#mmed .mmdoc-aicard .bd{flex:1;min-height:0;overflow:auto;padding:0 14px 8px;font:14px var(--font-body)} #mmed .mmdoc-aicard .bd .wait{color:var(--color-neutral-600);margin:6px 0} #mmed .mmdoc-aicard .bd .err{color:var(--color-accent-700);margin:6px 0} #mmed .mmdoc-aicard .bd h4{margin:0 0 6px;font:600 15px var(--font-body)} #mmed .mmdoc-aicard .bd .ans{font-size:13.5px;line-height:1.5} #mmed .mmdoc-aicard .bd .ans p{margin:0 0 8px} #mmed .mmdoc-aicard .bd .ans h1,#mmed .mmdoc-aicard .bd .ans h2,#mmed .mmdoc-aicard .bd .ans h3{font-size:1.1em;margin:8px 0 4px} #mmed .mmdoc-aicard .srcs{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 8px} #mmed .mmdoc-aicard .srcs[hidden]{display:none} #mmed .mmdoc-aicard .row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:6px 10px 10px;border-top:1px solid var(--color-divider)} #mmed .mmdoc-aicard .row[hidden]{display:none} #mmed .mmdoc-aicard .row .mm-btn{padding:5px 12px;font-size:13px}
#mmed .mmdoc-aip{width:340px;flex:none;border-left:1px solid var(--color-divider);display:flex;flex-direction:column;background:var(--color-bg)} #mmed .mmdoc-aip[hidden]{display:none} #mmed .mmdoc-aip .hd{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 16px;min-height:44px} #mmed .mmdoc-aip .hd svg{width:18px;height:18px;color:var(--color-accent-700)} #mmed .mmdoc-aip h4{flex:1;font:500 15px var(--font-body);margin:0} #mmed .mmdoc-aip .ib{width:34px;height:34px;border:0;background:transparent;color:var(--color-neutral-700);border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;padding:0} #mmed .mmdoc-aip .ib:hover{background:var(--glass-hover)} #mmed .mmdoc-aip .ib svg{width:18px;height:18px;color:inherit}
#mmed .mmdoc-aip .log{flex:1;overflow:auto;padding:0 12px 12px;display:flex;flex-direction:column;gap:8px;font:13.5px var(--font-body)} #mmed .mmdoc-aip .msg{border:1px solid var(--glass-border);border-radius:12px;padding:8px 12px;background:var(--glass);white-space:pre-wrap;line-height:1.45} #mmed .mmdoc-aip .msg.me{align-self:flex-end;background:color-mix(in srgb,var(--color-accent) 14%,transparent);border-color:transparent;max-width:88%} #mmed .mmdoc-aip .msg.wait{color:var(--color-neutral-600)} #mmed .mmdoc-aip .msg.err{color:var(--color-accent-700)} #mmed .mmdoc-aip .msg .retry{margin-left:8px;border:1px solid var(--glass-border);background:transparent;color:var(--color-text);border-radius:999px;padding:2px 10px;font:12px var(--font-body);cursor:pointer} #mmed .mmdoc-aip .qs{margin-top:6px;display:flex;flex-direction:column;gap:4px} #mmed .mmdoc-aip blockquote{margin:0;padding-left:8px;border-left:3px solid var(--color-accent);font-size:12px;color:var(--color-neutral-600)}
#mmed .mmdoc-aip form.q{display:flex;align-items:center;gap:4px;margin:0;padding:8px 10px 12px;border-top:1px solid var(--color-divider)} #mmed .mmdoc-aip form.q input{flex:1;min-width:0;border:1px solid var(--glass-border);background:var(--glass);color:var(--color-text);border-radius:999px;padding:8px 12px;font:13.5px var(--font-body);outline:none} #mmed .mmdoc-aip form.q input:focus{border-color:var(--color-accent)} #mmed .mmdoc-aip .send{background:var(--color-accent);color:#fff} #mmed .mmdoc-aip .send:hover{background:var(--color-accent-700)}
#mmed .mmdoc-spell{position:absolute;right:16px;top:8px;z-index:6;width:min(360px,calc(100% - 32px));border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;font:13px var(--font-body)} #mmed .mmdoc-spell .fr{display:flex;align-items:center;gap:4px} #mmed .mmdoc-spell .fr .t{flex:1;display:inline-flex;align-items:center;gap:6px;font-weight:600} #mmed .mmdoc-spell .fr .t svg{width:16px;height:16px} #mmed .mmdoc-spell .n{font-size:12px;color:var(--color-neutral-600);white-space:nowrap;padding:0 4px} #mmed .mmdoc-spell .ib{width:30px;height:30px;border:0;background:transparent;color:var(--color-neutral-700);border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;padding:0;flex:none} #mmed .mmdoc-spell .ib:hover{background:var(--glass-hover)} #mmed .mmdoc-spell .ib[disabled]{opacity:.4;cursor:default} #mmed .mmdoc-spell .ib svg{width:16px;height:16px}
#mmed .mmdoc-spell .sg{border:1px solid var(--glass-border);border-radius:10px;padding:8px 10px;background:var(--glass)} #mmed .mmdoc-spell .sg .lbl{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-600);margin-bottom:4px} #mmed .mmdoc-spell .sg .ch{font-size:14px} #mmed .mmdoc-spell .sg s{color:var(--color-neutral-600)} #mmed .mmdoc-spell .sg .arr{color:var(--color-neutral-600);padding:0 4px} #mmed .mmdoc-spell .row{display:flex;gap:6px;flex-wrap:wrap} #mmed .mmdoc-spell .mm-btn{padding:5px 12px;font-size:13px} #mmed .mmdoc-spell .muted,#mmed .mmdoc-spell .err{margin:0;color:var(--color-neutral-600)} #mmed .mmdoc-spell .err{color:var(--color-accent-700)}
#mmed .mm-doc ::highlight(mm-spell){text-decoration:underline dotted var(--color-accent-700);text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-skip-ink:none} #mmed .mm-doc ::highlight(mm-spell-cur){background-color:color-mix(in srgb,var(--color-accent-700) 16%,transparent)} #mmed .mm-doc .mm-reading{background:color-mix(in srgb,var(--color-accent) 14%,transparent);border-radius:3px}
#mmed .mmdoc-listen{position:absolute;left:50%;transform:translateX(-50%);top:8px;z-index:7;display:flex;align-items:center;gap:4px;padding:4px 6px 4px 12px;border-radius:999px;font:13px var(--font-body);max-width:calc(100% - 32px);box-sizing:border-box} #mmed .mmdoc-listen > svg{width:18px;height:18px;color:var(--color-accent-700);flex:none} #mmed .mmdoc-listen .t{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #mmed .mmdoc-listen .n{color:var(--color-neutral-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px} #mmed .mmdoc-listen .ib{width:30px;height:30px;border:0;background:transparent;color:var(--color-neutral-700);border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;padding:0;flex:none} #mmed .mmdoc-listen .ib:hover{background:var(--glass-hover)} #mmed .mmdoc-listen .ib svg{width:16px;height:16px} #mmed .mmdoc-listen.voice{top:auto;bottom:112px}
#mmed .mmdoc-bar1 .ib.spark svg{color:var(--color-accent-700)} #mmed .mmdoc-bar1 .ib.spark[hidden]{display:none}
#mmed .mmdoc-dlg textarea.mm-input{width:100%;box-sizing:border-box;resize:vertical;font:14px var(--font-body);min-height:72px}
#mmed .mmdoc-print{display:none}
/* the phone: the bar folds into ⋮, the toolbar scrolls sideways, the rail is a drawer behind a Tabs chip, the page fills the width, dialogs are bottom sheets */
@media (max-width:760px), ((pointer:coarse) and (max-height:500px)){
#mmed .mmdoc-bar1{padding:4px 6px 0 4px;gap:2px;min-height:48px;align-items:center} #mmed .mmdoc-bar1 .ic{width:32px;height:32px} #mmed .mmdoc-bar1 .ic svg{width:22px;height:22px} #mmed .mmdoc-bar1 .tt{flex:1 1 auto;min-width:0} #mmed .mmdoc-bar1 .ttl{max-width:none;flex:1 1 auto;width:100%;font-size:15px;padding:5px 4px;text-overflow:ellipsis} #mmed .mmdoc-bar1 .mbar,#mmed .mmdoc-bar1 .split,#mmed .mmdoc-bar1 .av,#mmed .mmdoc-bar1 .pill span,#mmed .mmdoc-bar1 .pill.pdf{display:none} #mmed .mmdoc-bar1 .ph{display:inline-grid}
#mmed .mmdoc-bar1 .st span{display:none} #mmed .mmdoc-bar1 .st{padding:0 2px} #mmed .mmdoc-bar1 .st::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--color-accent-2);display:inline-block} #mmed .mmdoc-bar1 .st:empty::before,#mmed .mmdoc-bar1 .st:has(svg)::before{display:none} #mmed .mmdoc-bar1 .st.err::before,#mmed .mmdoc-bar1 .st.conflict::before{background:var(--color-accent-700)}
#mmed .mmdoc-tbrow{padding:2px 6px;gap:0} #mmed .mmdoc-tb{overflow-x:auto;overflow-y:hidden;border-radius:12px;height:44px;scrollbar-width:none} #mmed .mmdoc-tb::-webkit-scrollbar{display:none} #mmed .mmdoc-tail{padding-left:4px} #mmed .mmdoc .tbb{width:40px;height:40px} #mmed .mmdoc-more{display:none!important}
#mmed .mmdoc-chips{display:flex} #mmed .mmdoc-ruler{display:none!important} #mmed .mmdoc-railedge{display:none!important}
#mmed .mmdoc-rail{position:absolute;left:0;top:0;bottom:0;z-index:12;width:min(320px,86vw);background:var(--color-bg);box-shadow:0 0 30px rgba(0,0,0,.35);padding-left:8px} #mmed .mmdoc-raildrop{position:absolute;inset:0;z-index:11;background:rgba(0,0,0,.35)}
#mmed .mmdoc-zoom{padding:8px 8px 120px} #mmed .mmdoc[data-format=pageless] .mmdoc-sheet{padding:12px 14px;max-width:none} #mmed .mmdoc[data-format=pages] .mmdoc-sheet{width:100%;padding:16px 14px;box-shadow:none;background-image:none}
#mmed .mmdoc-cm{position:absolute;inset:0;width:auto;z-index:12;border-left:0} #mmed .mmdoc-find{left:8px;right:8px;width:auto;top:4px}
#mmed .mmdoc-dlg{place-items:end stretch;padding:0} #mmed .mmdoc-dlg .box{width:100%;max-height:85vh;border-radius:18px 18px 0 0} #mmed .mmdoc-dlg .grid2{grid-template-columns:1fr 1fr}
#mmed .mmdoc-note{margin:0 8px 6px;font-size:12px}
#mmed .mmdoc-ai{padding:6px 8px 8px;gap:6px} #mmed .mmdoc-ai .chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;max-width:100%;scrollbar-width:none;padding:0 2px} #mmed .mmdoc-ai .chips::-webkit-scrollbar{display:none} #mmed .mmdoc-ai .chip{flex:none;height:30px;font-size:12px} #mmed .mmdoc-ai .bar{width:100%} #mmed .mmdoc-aicard{left:0;right:0;bottom:0;width:auto;transform:none;max-height:70vh;border-radius:18px 18px 0 0;z-index:14} #mmed .mmdoc-aip{position:absolute;inset:0;width:auto;z-index:12;border-left:0} #mmed .mmdoc-spell{left:8px;right:8px;width:auto;top:4px} #mmed .mmdoc-listen{max-width:calc(100% - 16px)} #mmed .mmdoc-listen.voice{bottom:96px}
html[data-mm-docs] .mmpop button.two small{display:block}
#mmed .mmdoc-fontmenu,#mmed .mmdoc-colors,#mmed .mmdoc-link,#mmed .mmdoc-chippop:not(.bar),#mmed .mmdoc-symbols{left:0!important;right:0;top:auto!important;bottom:0;width:auto;max-height:70vh;border-radius:18px 18px 0 0;z-index:14} #mmed .mmdoc-symbols{height:60vh} #mmed .mmdoc-kbd{margin:4px;width:auto;padding:6px 4px} #mmed .mmdoc-kbd .k{min-width:0;flex:1 1 0;height:36px;font-size:16px;padding:0 2px} #mmed .mmdoc-kbd .k.space{flex:6 1 0} #mmed .mmdoc-fontmenu.sub{z-index:15} #mmed .mmdoc-fontmenu .box{max-height:none!important} #mmed .mmdoc-colors .mm-palette,#mmed .mmdoc-colors .mm-palette8{justify-content:start}
}