/* Ribbon consistency: the button hit area stays large, but only the compact icon tile is visibly boxed. */
.ribbon .tool,.ribbon .tool.hub,.ribbon .tool.designTool,.ribbon .tool.study,.ribbon .tool.active,.ribbon .tool.study-active,.ribbon .tool:hover,.ribbon .tool:active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
.ribbon .tool{border-radius:0!important;}
.ribbon .tool:hover .ico{background:#eef3f7;border-color:#b9cad7;}
.ribbon .tool.active .ico,.ribbon .tool.study-active .ico{background:#dcecf8!important;border-color:#86b5d7!important;color:#103d5e!important;box-shadow:inset 0 -2px 0 #2b79ad;}
.ribbon .tool:focus-visible{outline:none!important;}
.ribbon .tool:focus-visible .ico{outline:2px solid rgba(31,95,145,.42);outline-offset:2px;}
.ribbon .tool.actionPulse{box-shadow:none!important;filter:none!important;}
.ribbon .tool.actionPulse .ico{box-shadow:0 0 0 2px rgba(30,136,229,.34)!important;filter:brightness(1.05);}
body.darkMode .ribbon .tool,body.darkMode .ribbon .tool.hub,body.darkMode .ribbon .tool.designTool,body.darkMode .ribbon .tool.study,body.darkMode .ribbon .tool.active,body.darkMode .ribbon .tool.study-active,body.darkMode .ribbon .tool:hover,body.darkMode .ribbon .tool:active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
body.darkMode .ribbon .tool:hover .ico{background:#203443;border-color:#526a7c;}
body.darkMode .ribbon .tool.active .ico,body.darkMode .ribbon .tool.study-active .ico{background:#214763!important;border-color:#5185a8!important;color:#d7efff!important;box-shadow:inset 0 -2px 0 #66a3cc;}
body.darkMode .ribbon .tool.actionPulse .ico{box-shadow:0 0 0 2px rgba(143,211,255,.50)!important;}