body.md-focus .md-sidebar--primary { display: none; } body.md-focus .md-sidebar--secondary { display: none; } body.md-focus .md-content { max-width: 95%; margin: 0 auto; } .focus-toggle-btn { cursor: pointer; margin-left: 0.5rem; } .odt-table img { max-width: 100%; height: auto; } img.odt-zoomable { cursor: zoom-in; box-shadow: 0 2px 10px rgba(0,0,0,.25); border-radius: 4px; transition: transform .15s ease, box-shadow .15s ease; } img.odt-zoomable:hover { transform: scale(1.02); box-shadow: 0 6px 18px rgba(0,0,0,.35); } .odt-lightbox-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.75); display: none; align-items: center; justify-content: center; z-index: 2000; padding: 24px; } .odt-lightbox-overlay.is-open { display: flex; } .odt-lightbox-content { position: relative; max-width: 95vw; max-height: 95vh; } .odt-lightbox-content img { max-width: 95vw; max-height: 95vh; width: auto; height: auto; display: block; box-shadow: 0 10px 30px rgba(0,0,0,.6); border-radius: 4px; } .odt-lightbox-close { position: absolute; top: -14px; right: -14px; width: 34px; height: 34px; border-radius: 999px; border: none; background: rgba(255,255,255,.92); color: #000; font-size: 22px; line-height: 34px; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.35); } .odt-lightbox-close:hover { filter: brightness(0.95); } .odt-lightbox-close:focus { outline: 2px solid rgba(255,255,255,.8); outline-offset: 2px; } .odt-code-rich pre, .odt-code-rich code, .odt-code-rich .odt-code-line { font-family: Consolas, 'Courier New', monospace; font-size: 15px; line-height: 12px; }} .odt-code-rich pre { margin: 0.75em 0; } .odt-code-rich code { display: block; } .odt-code-rich .odt-code-line { display: block; } .odt-code-rich[data-linenums='true'] .odt-code-line::before { counter-increment: odtline; content: counter(odtline); display: inline-block; width: 3em; margin-right: 1em; opacity: 0.6; text-align: right; } .odt-code-rich[data-linenums='false'] .odt-code-line::before { content: ''; } .md-content ol { list-style-type: decimal; }  .md-content ol ol { list-style-type: lower-alpha; }  .md-content ol ol ol { list-style-type: lower-roman; }  .md-content ol ol ol ol { list-style-type: decimal; }  .md-content ol ol ol ol ol { list-style-type: lower-alpha; }  .md-content ol ol ol ol ol ol { list-style-type: lower-roman; }  .md-content ul ol { list-style-type: decimal; }  .md-content ul ol ol { list-style-type: lower-alpha; }  .md-content ul ol ol ol { list-style-type: lower-roman; }  .md-content ul ol ol ol ol { list-style-type: decimal; }  .md-content ul ol ol ol ol ol { list-style-type: lower-alpha; }  .md-content ul ol ol ol ol ol ol { list-style-type: lower-roman; } .odt-code-copy-btn { position:absolute; top:.5rem; right:.5rem; display:inline-flex; align-items:center; justify-content:center; gap:.35rem; padding:.25rem .6rem; font-size:.72rem; font-weight:600; letter-spacing:.01em; line-height:1.2; border-radius:999px; border:1px solid rgba(0,150,136,.45); background:rgba(0,150,136,.12); color:rgb(0,150,136); box-shadow:0 1px 2px rgba(0,0,0,.10); backdrop-filter:saturate(180%) blur(6px); cursor:pointer; user-select:none; transition:transform .08s ease, box-shadow .12s ease, background .12s ease;z-index:5; } .odt-code-copy-btn:hover { background:rgba(0,150,136,.20); box-shadow:0 3px 10px rgba(0,0,0,.18); transform:translateY(-1px); } .odt-code-copy-btn.is-copied { opacity:.85; } .odt-code-copy-container { position: relative; }