#mtkb-ribbon { --mtkb-accent:#c00000; --mtkb-text:#202020; --mtkb-bg:#ffffff; box-sizing:border-box; width:100%; margin:0; padding:0; border:0; border-top:2px solid var(--mtkb-accent); background:var(--mtkb-bg); color:var(--mtkb-text); font-family:Arial,Helvetica,sans-serif; line-height:1.4; text-align:left; clear:both; }
#mtkb-ribbon *, #mtkb-ribbon *::before, #mtkb-ribbon *::after { box-sizing:border-box; }
#mtkb-ribbon[hidden], #mtkb-ribbon [hidden] { display:none!important; }
#mtkb-ribbon.mtkb-fixed { position:fixed!important; bottom:0!important; top:auto!important; left:0!important; right:0!important; z-index:10000; box-shadow:0 -3px 16px #0000000d; padding-bottom:env(safe-area-inset-bottom,0px); }
#mtkb-ribbon .mtkb-inner { max-width:1440px; margin:0 auto; padding:9px 24px 7px; }
#mtkb-ribbon .mtkb-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#mtkb-ribbon .mtkb-heading { margin:0; padding:0; color:var(--mtkb-text); font-family:inherit; font-size:12px; font-weight:600; letter-spacing:.03em; line-height:1.5; text-transform:none; }
#mtkb-ribbon .mtkb-controls { display:flex; flex-shrink:0; align-items:center; gap:4px; }
#mtkb-ribbon .mtkb-controls button { appearance:none; display:inline-block; float:none; min-width:44px; min-height:28px; margin:0; padding:3px 7px; border:1px solid currentColor; border-radius:4px; box-shadow:none; background:var(--mtkb-bg); color:var(--mtkb-text); font:12px/1.5 Arial,Helvetica,sans-serif; text-transform:none; cursor:pointer; }
#mtkb-ribbon .mtkb-controls button:hover { background:var(--mtkb-bg); color:var(--mtkb-text); text-decoration:underline; }
#mtkb-ribbon .mtkb-window { overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; width:100%; padding:4px 0; touch-action:pan-x pan-y; }
#mtkb-ribbon .mtkb-window::-webkit-scrollbar { display:none; }
#mtkb-ribbon .mtkb-track { display:flex; width:max-content; max-width:none; margin:0; padding:0; }
#mtkb-ribbon ul.mtkb-group { display:flex; flex:none; align-items:center; float:none; width:max-content; max-width:none; margin:0; padding:0; list-style:none; }
#mtkb-ribbon ul.mtkb-group li { display:flex; align-items:center; float:none; flex:none; width:auto; max-width:none; margin:0; padding:0; border:0; list-style:none; white-space:nowrap; color:var(--mtkb-text); font:600 17px/1.5 Arial,Helvetica,sans-serif; letter-spacing:0; text-transform:none; }
#mtkb-ribbon ul.mtkb-group li::before { display:none; }
#mtkb-ribbon ul.mtkb-group li::after { content:'·'; display:inline-block; margin:0 25px; color:var(--mtkb-accent); font-size:20px; }
#mtkb-ribbon :focus-visible { outline:2px solid var(--mtkb-text); outline-offset:2px; }
.mtkb-spacer { display:block; width:100%; flex:none; clear:both; }
@media (max-width:600px) {
  #mtkb-ribbon .mtkb-inner { padding:7px 12px 5px; }
  #mtkb-ribbon .mtkb-heading { font-size:11px; letter-spacing:0; }
  #mtkb-ribbon ul.mtkb-group li { font-size:15px; }
  #mtkb-ribbon .mtkb-controls button { min-height:32px; }
}
@media print { #mtkb-ribbon, .mtkb-spacer { display:none!important; } }