/* Industrial style: one dark theme; rules and rows instead of rounded cards. Loaded after every other stylesheet. */
:root{
  --bg:#14181D;--paper:#1C2228;--ink:#EEF1F4;--soft:#A3ADB6;--rule:#2F3841;
  --accent:#EC8433;--accent-ink:#F08C3C;--on-accent:#14181D;--accent-deep:#C25A1A;
  --wash:rgba(238,241,244,.07);--f1:#2A323A;--f2:#3A444E;--f3:#5B6773;--f4:#8A96A1;
  --grey:#1A2026;--field:#101418;--heavy:2px solid #EEF1F4;
  color-scheme:dark;
}
/* the darkest parts: header and footer; the closing panel is lighter than the page */
header{background:#0F1317;border-bottom-color:#2A323A}
header .lg-l,footer.ft .lg-l{display:none!important}
header .lg-d,footer.ft .lg-d{display:block!important}
footer.ft{position:relative;isolation:isolate;margin-top:clamp(64px,8vw,96px);padding:clamp(36px,5vw,56px) 0 28px;border:0;background:none}
footer.ft::before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw) -80px;background:#0F1317}

/* type: smaller, firmer headings; every section opens on a heavy rule */
h1{font-size:clamp(32px,4.2vw,52px);line-height:1.1;letter-spacing:-.018em}
h2{font-size:clamp(25px,2.6vw,32px);line-height:1.2;letter-spacing:-.012em}
main section>h2,.wrap>section>h2,.page>section.sec>h2{padding-top:18px;border-top:var(--heavy)}
.sub,.sec .l{color:var(--soft)}
.lead2{color:var(--soft)}

/* corners */
.btn,.wf,.lang,.burger,.langs-m,.menu-m,.cform input,.cform textarea,.cform select,.hsearch input,.hs-res,.tool input,.others a,.shot-win,.cf,.mini,.cr .mini,.contact .chips span,.tw,.reqt .tw,.copy{border-radius:2px}

/* steps of the workflow: columns between rules */
.flow{border:0;border-top:var(--heavy);border-radius:0;background:none;overflow:visible}
.flow>*,.flow>*:first-child,.flow>*:last-child{border-radius:0;border-right:1px solid var(--rule);padding:20px 22px 22px}
.flow>*:last-child{border-right:0}
.step:not(:last-child)::after{display:none}
.step .no{color:var(--accent-ink)}
.step .si{width:36px;height:36px}

/* facts under the video */
.trust{gap:0;padding-top:0;border-bottom:1px solid var(--rule)}
.trust li{padding:24px 20px;border-left:1px solid var(--rule)}
.trust li:first-child{border-left:0;padding-left:0}
.trust b{font:600 24px/1.2 var(--mono);letter-spacing:-.02em}

/* the window on a grey band */
.band::before{background:var(--grey);border-block:0}

/* modules: one row each, the picture small, the number of commands set apart */
.cats{display:block;border-top:0}
.cat,.cat:nth-child(even){display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto;gap:0 32px;padding:22px 0;align-items:center;background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;box-shadow:none;overflow:visible}
.cat .cf,.cat:nth-child(even) .cf{background:var(--grey);border:0;padding:4px}
.cat .ct,.cat:nth-child(even) .ct{padding:0;display:block}
.cat .ct h3{font-size:21px;line-height:28px}
.cat .n{display:block;margin:2px 0 8px;font:500 12.5px var(--mono);color:var(--accent-ink)}
.cat .lead2{margin:0;font-size:15.5px}
.cat .more{margin:8px 0 0;padding:0}
.cat:hover h3{color:var(--accent-ink)}
.cat:hover{border-color:var(--rule)}

/* index pages: rows, not cards */
.hub{display:block;margin-top:0;border-top:var(--heavy)}
.hub a{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,1.5fr) 20px;gap:4px 24px;align-items:baseline;padding:18px 0;background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0}
.hub a:hover h3{color:var(--accent-ink)}
.hub .k{font:500 12.5px var(--mono);letter-spacing:0;text-transform:none;color:var(--accent-ink)}
.hub h3{font-size:18px}
.hub .go{margin:0;padding:0;font-size:0}
.hub .go::after{content:"→";font-size:15px;color:var(--soft)}
.hgrp h2{padding-top:0;border:0;font-size:19px}

/* numbered and plain lists: rows between rules */
.cmdlist{background:none;border:0;border-top:1px solid var(--rule);border-radius:0;overflow:visible}
.cr{padding:18px 0}
.cr.st{grid-template-columns:56px minmax(0,1fr)}
.st-n{width:auto;height:auto;display:block;background:none;box-shadow:none;border-radius:0;font:500 13px/26px var(--mono);color:var(--accent-ink)}
.cr .mini{background:var(--grey);border:0}
.ph .cf,.cf{border:0;background:var(--grey)}

/* closing call to action: one dark panel */
.dl:not(.dlc):not(.contact){background:var(--paper);border:0;border-left:3px solid var(--accent);border-radius:0;padding:clamp(28px,4vw,44px)}
.dl:not(.dlc):not(.contact) h2{padding:0;border:0}

/* download and contact: plain panels */
.dlc,.contact{border:0;border-top:var(--heavy);border-radius:0;background:none;padding:clamp(20px,3vw,28px) 0 0}
.facts,.tool .outs{border-radius:0}
.tool{border:0;border-top:var(--heavy);border-radius:0;padding:18px 0 0;background:none}
.tool .outs>div{background:var(--grey)}
.tool input,.cform input,.cform textarea,.cform select,.hsearch input{background-color:var(--field)}
.steps li::before{border-radius:0;background:none;box-shadow:none;color:var(--accent-ink);font-family:var(--mono)}
.tw,.reqt .tw{border:0;border-top:1px solid var(--rule);background:none}
.tw th,.reqt thead th{background:none}
.faq{border-top:var(--heavy)}

/* versions: rows */
.rels{gap:0;border-top:1px solid var(--rule)}
.rels .rel{border:0;border-bottom:1px solid var(--rule);border-radius:0;background:none;padding:16px 0}
.rel h3{font-family:var(--mono);font-weight:500;font-size:17px}

/* contact: the kinds of enquiry are a plain list */
.contact .chips span{background:var(--field)}
.contact .chips input:checked+span{background:var(--grey)}

/* a company block on the home page */
.ent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;border-top:var(--heavy)}
.ent>div{padding:22px 0}
.ent h3{margin:0 0 10px;font-size:21px;line-height:28px}
.ent ul{margin:0;padding-left:18px;color:var(--soft);font-size:15.5px;line-height:1.55}
.ent li{margin:4px 0}
.ent .more{margin:12px 0 0;font-size:14.5px}
.ent .more a{color:var(--accent-ink);text-underline-offset:3px}

@media (max-width:760px){
  .cat,.cat:nth-child(even){grid-template-columns:1fr;gap:12px}
  .cat .cf{max-width:320px}
  .hub a{grid-template-columns:1fr;gap:4px}
  .hub .go{display:none}
  .ent{grid-template-columns:1fr}
  .flow>*,.flow>*:first-child,.flow>*:last-child{border-right:0;border-bottom:1px solid var(--rule)}
  .trust li,.trust li:first-child{padding:16px 0;border-left:0;border-top:1px solid var(--rule)}
  .trust li:first-child{border-top:0}
}
.ph h1{margin-bottom:12px}
@media (min-width:1213px){.hero .in{padding-inline:0}}
/* full-width bands are measured with the scrollbar included: they must not make the page scroll sideways */
html{overflow-x:clip}

/* ---- header panels: categories on the left, cards on the right ---- */
header .bar{position:static}
.menu.mega{position:static}
.menu.mega>summary{position:relative}
.menu.mega>summary::before{content:"";position:absolute;left:0;right:0;bottom:-23px;height:2px;background:var(--accent);opacity:0;transition:opacity .15s ease}
.menu.mega[open]>summary::before{opacity:1}
.menu.mega.cur>summary{color:var(--ink)}
.menu.mega.cur:not([open])>summary::before{opacity:.45}
.mega-m{position:absolute;left:0;right:0;top:100%;min-width:0;padding:0;border:0;border-radius:0;border-bottom:1px solid var(--rule);background:#1C232A;box-shadow:0 24px 40px rgba(0,0,0,.45);display:block;max-height:calc(100vh - 69px);overflow:auto;animation:mega-in .16s ease both}
header.mega-sw .mega-m{animation:none}
@keyframes mega-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mega-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:300px minmax(0,1fr);min-height:340px}
.mega-m a,.mega-m a:first-child{margin:0;border:0;border-radius:0;text-decoration:none;color:var(--ink)}
.mega-l{display:flex;flex-direction:column;padding:18px 28px 22px 0;border-right:1px solid var(--rule)}
.mega-m a.mt{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 2px;border-bottom:1px solid var(--rule);color:var(--soft);font:500 15.5px/1.3 var(--sans);transition:color .12s ease}
.mt i{flex:none;width:24px;height:24px;display:grid;place-items:center;font-style:normal;font-size:14px;color:var(--soft);transition:background .12s ease,color .12s ease}
.mega-m a.mt.on{color:var(--ink);border-bottom-color:var(--accent)}
.mt.on i{color:var(--ink);transform:translateX(4px)}
.mega-m a.mega-all{align-self:flex-start;margin-top:auto;padding:10px 16px;border:1px solid var(--soft);border-radius:2px;font:600 13.5px var(--sans);color:var(--ink);transition:background .12s ease}
.mega-l .mt:last-of-type{margin-bottom:20px}
.mega-m a.mega-all:hover{background:var(--wash)}
.mega-r{padding:24px 0 26px 28px;min-width:0}
.mp{display:none}
.mp.on{display:block}
.mega-g{margin:0 0 14px;font:600 11.5px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--soft)}
.mega-d{margin:-6px 0 16px;font-size:14px;line-height:1.45;color:var(--soft);max-width:70ch}
.mc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mega-m a.mc{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px 12px;align-content:start;padding:14px;background:#232B33;border:1px solid var(--rule);border-radius:2px;transition:border-color .12s ease,background .12s ease}
.mega-m a.mc:hover{border-color:var(--f4);background:#28313A}
.mc-i{width:44px;height:44px;display:block;padding:6px;background:#14181D;border-radius:2px}
.mc-t{display:grid;align-content:center;min-width:0}
.mc-t small{font:600 10.5px var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--soft)}
.mc-t b{font:500 16px/1.25 var(--sans);color:var(--ink)}
.mc-d{grid-column:1/-1;font-size:13px;line-height:1.45;color:var(--soft);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
@media (min-width:901px) and (max-width:1212px){.mega-in{padding-inline:16px}.mc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .menu.mega>summary::before{display:none}
  header.open nav .mega-m{position:static;animation:none;border:0;box-shadow:none;background:none;padding:0;max-height:none;overflow:visible}
  header.open nav .mega-in{display:block;min-height:0;padding:0 0 8px 12px}
  header.open nav .mega-l{display:block;border:0;padding:0}
  header.open nav .mt{display:none}
  header.open nav .mega-r{padding:0}
  header.open nav .mp{display:block;margin-top:8px}
  header.open nav .mega-g{margin:8px 0 2px}
  header.open nav .mega-d,header.open nav .mc-i,header.open nav .mc-d,header.open nav .mc-t small{display:none}
  header.open nav .mc-grid{display:block}
  header.open nav .mega-m a.mc{display:block;padding:8px 0;background:none;border:0}
  header.open nav .mc-t b{font:400 15px var(--sans);color:var(--soft)}
  header.open nav .mega-m a.mega-all{display:block;margin:6px 0 0;padding:8px 0;border:0;font-weight:500;color:var(--soft)}
}

/* ---- home page: the header lies over the video on a gradient ---- */
header:has(+.hero){background:none;border-bottom-color:transparent}
header:has(+.hero)::before,header:has(+.hero)::after{content:"";position:absolute;left:0;right:0;top:0;z-index:-1;pointer-events:none}
header:has(+.hero)::before{height:112px;background:linear-gradient(180deg,rgba(15,19,23,.88) 0%,rgba(15,19,23,.55) 55%,rgba(15,19,23,0) 100%)}
header:has(+.hero)::after{bottom:0;background:#0F1317;border-bottom:1px solid #2A323A;opacity:var(--solid,0)}
header:has(+.hero)::after{transition:opacity .3s ease}
header:has(+.hero):has(details[open]:not(.closing))::after,header:has(+.hero).open::after{opacity:1}
header+.hero{margin-top:-69px;min-height:calc(min(78vh,640px) + 69px)}
header+.hero .in{padding-top:calc(69px + clamp(24px,3.4vw,48px))}
@media (max-width:900px){header+.hero{min-height:calc(max(600px,88vh) + 69px)}}
.hero h1{animation-fill-mode:backwards}
.hero h1{font-size:clamp(26px,2.9vw,38px);line-height:1.15;max-width:14.03em} /* em, not ch: a ch of the fallback font is narrower, and the heading jumped when Inter arrived */

/* the video in a deep blue: over the picture, under the rocks and the graphics */
.hero .stage::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:#BACCF6;mix-blend-mode:multiply}

/* the header logo, larger */
.logo img{height:46px}
@media (max-width:640px){.logo img{height:38px}}

/* the language list opens like the header panels */
.langs>summary{position:relative}
.langs>summary::before{content:"";position:absolute;left:0;right:0;bottom:-17px;height:2px;background:var(--accent);opacity:0;transition:opacity .15s ease}
.langs[open]>summary::before{opacity:1}
.langs-m{top:calc(100% + 16px);background:#1C232A;box-shadow:0 24px 40px rgba(0,0,0,.45);animation:mega-in .16s ease both}
header.mega-sw .langs-m{animation:none}
@media (max-width:900px){.langs>summary::before{display:none}.langs-m{top:calc(100% + 6px)}}


/* one window for the header menus: it fades in and out, and only what is inside it changes */
.mega-shell{position:absolute;left:0;right:0;top:100%;height:var(--mega-h,340px);background:#1C232A;border-bottom:1px solid var(--rule);box-shadow:0 24px 40px rgba(0,0,0,.45);overflow:hidden;
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .26s ease,transform .26s ease,visibility 0s linear .26s}
.mega-shell.show{opacity:1;visibility:visible;transform:none;transition:opacity .32s cubic-bezier(.22,.61,.36,1),transform .32s cubic-bezier(.22,.61,.36,1)}
.mega-shell .mega-m{position:absolute;inset:0;max-height:none;background:none;border:0;box-shadow:none;animation:none;overflow:auto;
  opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}
.mega-shell .mega-m.active{opacity:1;visibility:inherit;transition:opacity .28s ease .04s} /* inherit: a visible child of the closed shell, unseen, would catch the pointer below the header all over the page */
.mega-shell:not(.show){pointer-events:none}
.mega-shell .mega-in{height:100%;min-height:0}
header.mega-measure .mega-shell{height:auto}
header.mega-measure .mega-shell .mega-m{position:static;display:block;height:auto}
header.mega-measure .mega-shell .mega-in{height:auto}
/* the language list */
.langs-m{animation:none}
details.opening>.langs-m{animation:mega-in .32s cubic-bezier(.22,.61,.36,1) both}
@keyframes mega-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes mega-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}
details.closing>.langs-m{animation:mega-out .26s ease both;pointer-events:none}
/* the line under the open item grows from the middle */
.menu.mega>summary::before,.langs>summary::before{opacity:1;transform:scaleX(0);transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .2s ease}
.menu.mega[open]>summary::before,.langs[open]>summary::before{transform:none}
.menu.mega.cur:not([open])>summary::before{transform:none;opacity:.45}
details.closing>summary::before{transform:scaleX(0)!important}
.menu.mega>summary,.menu>summary::after{transition:color .2s ease,transform .25s ease}
/* the cards of a category: panes lie on one another and cross-fade */
.mega-r{display:grid;align-content:start}
.mp,.mp.on{display:block;grid-area:1/1;min-width:0;animation:none}
.mp{opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}
.mp.on{opacity:1;visibility:visible;transition:opacity .28s ease .04s}
.mega-m a.mt,.mt i{transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease}
.mega-m a.mc{transition:border-color .22s ease,background .22s ease}
@media (max-width:900px){
  .mega-shell{display:none}
  header.open nav .mega-m{animation:none}
  header.open nav .mega-r{display:block}
  header.open nav .mp{opacity:1;visibility:visible;transition:none}
  .langs-m,details.closing>.langs-m,details.opening>.langs-m{animation:none}
}

/* one item lit at a time: while a menu is open, the current section steps back */
header:has(details[open]:not(.closing)) .menu.mega.cur:not([open])>summary{color:var(--soft)}
header:has(details[open]:not(.closing)) .menu.mega.cur:not([open])>summary::before{transform:scaleX(0)}

/* no arrows beside the header items */
.menu>summary::after{display:none}

/* phone menu: categories that open one at a time, cards inside */
@media (max-width:900px){
  header.open nav .mega-in{display:flex;flex-direction:column;padding:0 0 10px}
  header.open nav .mega-l{order:2}
  header.open nav .mp{margin:0;border-top:1px solid var(--rule)}
  header.open nav .mega-g{position:relative;margin:0;padding:13px 28px 13px 0;font:600 15.5px/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer}
  header.open nav .mega-g::after{content:"";position:absolute;right:6px;top:18px;width:7px;height:7px;border-right:1.5px solid var(--soft);border-bottom:1.5px solid var(--soft);transform:rotate(45deg);transition:transform .2s ease}
  header.open nav .mp.exp .mega-g::after{transform:rotate(-135deg);top:21px}
  header.open nav .mega-d{display:block;margin:-7px 28px 13px 0;font-size:13.5px;line-height:1.4}
  header.open nav .mc-grid{display:none}
  header.open nav .mp.exp .mc-grid{display:grid;grid-template-columns:1fr;gap:8px;padding-bottom:14px}
  header.open nav .mega-m a.mc{display:grid;grid-template-columns:36px minmax(0,1fr);gap:2px 12px;align-items:center;padding:10px 12px;background:#232B33;border:1px solid var(--rule);border-radius:2px}
  header.open nav .mc-i{display:block;width:36px;height:36px;padding:5px;grid-row:1/3}
  header.open nav .mc-t b{font:500 14.5px/1.3 var(--sans);color:var(--ink)}
  header.open nav .mc-d{display:-webkit-box;grid-column:2;-webkit-line-clamp:2;font-size:12.5px;line-height:1.4}
  header.open nav .mega-m a.mega-all{margin:12px 0 0;padding:10px 0 0;border-top:1px solid var(--rule);color:var(--ink);font-weight:600}
}

/* header: contact link and search */
.hdr-find{flex:none;width:36px;height:36px;display:grid;place-items:center;padding:0;background:none;border:1px solid var(--rule);border-radius:2px;color:var(--soft);cursor:pointer;transition:color .2s ease,border-color .2s ease}
.hdr-find:hover,.hdr-find.on{color:var(--ink);border-color:var(--ink)}
.hdr-search{position:absolute;right:max(16px,calc((100% - 1180px)/2));top:calc(100% + 8px);width:min(460px,calc(100% - 32px));z-index:30}
.hdr-search input{box-sizing:border-box;width:100%;height:42px;padding:0 14px;font:400 15px var(--sans);color:var(--ink);background:#1C232A;border:1px solid var(--f3);border-radius:2px;box-shadow:0 16px 32px rgba(0,0,0,.4)}
.hdr-search input:focus{outline:2px solid var(--accent);outline-offset:1px}
.hdr-search .hs-res{margin-top:6px;max-height:min(60vh,460px);overflow:auto;background:#1C232A;border:1px solid var(--rule);border-radius:2px;padding:6px;box-shadow:0 16px 32px rgba(0,0,0,.4)}
.hdr-search .hs-res a{display:grid;gap:2px;padding:9px 10px;text-decoration:none;color:var(--ink);border-radius:2px}
.hdr-search .hs-res a:hover,.hdr-search .hs-res a:focus{background:var(--wash)}
.hdr-search .hs-res b{font-weight:600;font-size:14.5px}
.hdr-search .hs-p{color:var(--soft);font-size:12.5px}
.hdr-search .hs-none{margin:8px 10px;color:var(--soft);font-size:14px}
.hdr-search [hidden]{display:none}
@media (max-width:1040px){header .bar>.hdr-contact{display:none}}
@media (max-width:640px){
  .hdr-find{display:none}
  .hdr-search{display:none}
  header.open nav .hdr-search{display:block;position:static;width:auto;margin:10px 0}
  header.open nav .hdr-search .hs-res a{padding:9px 10px;border:0}
}

/* Contact and Download are as quiet as the search and language buttons next to them */
header .bar>.btn.s{background:none;border-color:var(--rule);color:var(--soft);font-weight:500}
header .bar>.btn.s:hover{background:none;border-color:var(--soft);color:var(--ink);box-shadow:none}

/* header order: search, Contact, Download, then the language last (the burger stays at the edge) */
header .bar>.hdr-find{order:1}
header .bar>.btn.s{order:2}
header .bar>.langs{order:3}
header .bar>.burger{order:4}
@media (max-width:900px){header .bar>.hdr-find{margin-left:auto}header .bar>.btn.s{margin-left:0}}
@media (max-width:640px){header .bar>.btn.s{margin-left:auto}}

/* the search drops down like the header's menus: it fades in sliding down a little and goes away faster; the button only changes its colour */
.hdr-search{opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s}
.hdr-search.show{opacity:1;visibility:visible;transform:none;
  transition:opacity .22s ease,transform .32s cubic-bezier(.22,.61,.36,1)}
.hdr-search .hs-res:not([hidden]){animation:mega-in .24s cubic-bezier(.22,.61,.36,1) both}
@media (max-width:640px){
  header.open nav .hdr-search{opacity:1;visibility:visible;transform:none;transition:none}
}

/* the search fields: no orange ring, the border lights up instead */
.hdr-search input:focus,.hsearch input:focus{outline:none;border-color:var(--f4)}

/* a pane is only as visible as its menu and the window: a hidden menu must not catch the pointer */
.mega-shell .mp.on{visibility:inherit}

/* footer: the brand and four columns */
.ft-top{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr))}
@media (max-width:900px){.ft-top{grid-template-columns:1fr 1fr}}

/* the video is 16:9: a hero of fixed height on a wide screen would show only a band of it, so its height follows the width, within the first screen */
@media (min-width:901px){
  header+.hero{min-height:calc(max(min(78vh,640px),min(39vw,88vh)) + 69px)}
}

/* the Modules tab: the module's main commands under its plug-ins */
.mc-cmds{margin-top:16px;padding-top:12px;border-top:1px solid var(--rule)}
.mc-ch{margin:0 0 8px;font:600 12px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.mc-cmds>div{display:flex;flex-wrap:wrap;gap:6px}
.mega-m a.mc-c{padding:5px 10px;border:1px solid var(--rule);border-radius:2px;font:400 13px/1.4 var(--sans);color:var(--soft);transition:color .12s ease,border-color .12s ease}
.mega-m a.mc-c:hover{color:var(--ink);border-color:var(--soft)}
@media (max-width:900px){.mc-cmds{display:none}}