/* The same green pencil and calculator in every course, at every lesson. */
html body button[data-ilmdosh-tool]{display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:10px!important;border:1px solid #258c43!important;border-radius:14px!important;background:linear-gradient(145deg,#27b950,#83d92f)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:0!important;box-shadow:0 3px 10px #245c3326!important;cursor:grab}
html body button[data-ilmdosh-tool=notes]{width:72px!important;min-width:72px!important}
html body button[data-ilmdosh-tool][hidden]{display:none!important}
html body button[data-ilmdosh-tool]::before,html body button[data-ilmdosh-tool]::after{display:none!important}
html body button[data-ilmdosh-tool]>:not(.learning-tool-mark):not(.learning-tool-grip){display:none!important}
html body button[data-ilmdosh-tool]>.learning-tool-mark{display:block!important;flex:none;width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important}
html body button[data-ilmdosh-tool]>.learning-tool-grip{display:block!important;font:700 23px/1 system-ui!important;color:#fff!important;opacity:.8}
html body button[data-ilmdosh-tool]:focus-visible{outline:3px solid #164c31!important;outline-offset:3px}
html body :is(#lesson-notes,#notebook) .notes-controls-toggle{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:40px;min-width:44px;padding:6px 8px;border:1px solid #8bbca6;border-radius:10px;background:#edf8f0;color:#1f6844;font:700 12px/1.2 system-ui;white-space:nowrap;cursor:pointer;touch-action:manipulation}
html body .notes-controls-toggle span{font:inherit!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
html body .notes-controls-toggle .notes-controls-arrow{font-size:18px!important}
html body :is(#lesson-notes,#notebook){z-index:90!important;container-type:inline-size}
html body .notes-controls-toggle svg{display:block;width:18px;height:18px;flex:none}
html body .notes-controls-toggle::before,html body .notes-controls-toggle::after{display:none!important}
html body :is(#lesson-notes,#notebook).notes-controls-collapsed>:is(.tool-size-controls,.notes-tools,.notes-options,.notes-lesson,.note-tools){display:none!important}
html body :is(#lesson-notes,#notebook) :is(.notes-heading,.note-top){gap:6px}
html body :is(#lesson-notes,#notebook) :is(.notes-heading h2,#noteTitle){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container(max-width:280px){
 html body :is(#lesson-notes,#notebook) .notes-controls-toggle{width:40px;padding:6px;min-width:40px}
 html body .notes-controls-toggle :is(.notes-controls-label,.notes-controls-arrow){display:none!important}
 html body :is(#lesson-notes,#notebook) :is(.notes-heading h2,#noteTitle){font-size:16px}
}
@media print{html body button[data-ilmdosh-tool]{display:none!important}}
