body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.hide-navbar header,body.hide-navbar nav{display:none!important}@media (max-width:600px){.page-title{font-size:1.4rem!important}.table-header,.table-row{font-size:.8rem!important;padding:4px 8px!important}.table-row .MuiAvatar-root,.table-row svg{height:20px!important;width:20px!important}.table-header>div,.table-row>div{flex:1 1 auto!important;width:auto!important}.table-header,.table-row{padding-left:8px!important;padding-right:8px!important}}.main-content h1,.main-content h2,.main-content h3{color:#1a237e;font-weight:700}.main-content ul li{color:#484848!important}.main-content p{color:#333;font-size:18px;line-height:1.6}.main-content img,.spectacle-slide img{max-height:500px;max-width:100%;object-fit:contain}.spectacle-slide img:not([style*=width]){width:auto}.spectacle-slide img:not([style*=height]){height:auto}.spectacle-slide img.editor-image{height:auto;max-width:100%;object-fit:contain}.main-content .content-box{max-height:400px;overflow:hidden}.images-grid{align-items:start;display:inline-grid;gap:10px;grid-template-columns:auto auto;justify-content:center}.images-grid img{border-radius:5px;box-shadow:0 3px 6px #0000001a;height:auto;max-height:250px;object-fit:contain;object-position:center;width:auto}hr{border:none;border-bottom:2px solid #3498db;margin:16px 0}.spectacle-deck,.spectacle-slide{background:#fff;color:#333}.spectacle-slide div,.spectacle-slide p:not([style*=color]),.spectacle-slide span{color:#333}.option,.option span{color:#333!important}.images-grid img{max-height:40vh;max-width:100%;object-fit:scale-down}.grey-box{background-color:#f1f1f1}.green-box,.grey-box{border-radius:8px;margin:8px 0;padding:16px}.green-box{background-color:#e9f7ef}.blue-box{background-color:#e3f2fd}.blue-box,.yellow-box{border-radius:8px;margin:8px 0;padding:16px}.yellow-box{background-color:#fff3e0}.info-box{background-color:#e8f4f8;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:8px 0;padding:16px}.header-box{background:linear-gradient(90deg,#4b6cb7,#182848);border-radius:8px;color:#fff;margin:4px 0;padding:4px}.noselect{user-select:none;-webkit-user-select:none;-ms-user-select:none}.blue-box ol,.blue-box ul,.green-box ol,.green-box ul,.grey-box ol,.grey-box ul,.header-box ol,.header-box ul,.info-box ol,.info-box ul,.yellow-box ol,.yellow-box ul{list-style-position:inside;margin:0;padding-right:20px}.blue-box li,.green-box li,.grey-box li,.header-box li,.info-box li,.yellow-box li{color:inherit;margin:4px 0}.textimg-box.layout-grid{grid-gap:16px;align-items:start;direction:rtl;display:grid;gap:16px;grid-template-columns:1fr 1fr}blockquote{border-right:4px solid #000;margin-left:0;margin-right:0;padding-left:0;padding-right:1rem}.ProseMirror,blockquote{direction:rtl;text-align:right}pre{background-color:#f7f7f7;border-radius:8px;font-family:Courier New,monospace;font-size:14px;line-height:1.5;margin:1rem 0;overflow-x:auto;padding:1rem}.gray-box{background-color:#e7e7e7;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 3px #0000000d;margin:1.5rem 0;padding:1rem}.image-wrapper{border:2px solid #3a67ff;display:inline-block;margin:10px 0;padding:5px;position:relative}.image-wrapper .img-btn{background:#fff;border:1px solid #ccc;cursor:pointer;font-size:12px;padding:2px 6px;z-index:5}.image-control-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 10px;transition:background-color .2s ease}.image-control-btn:hover{background-color:#357abd}.cube-container{align-items:center;display:flex;height:80px;justify-content:center;perspective:600px;width:100px}.cube{height:60px;position:relative;transform:rotateX(-35deg) rotateY(-45deg);transform-style:preserve-3d;transition:transform .4s ease;width:100px}.face{align-items:center;background-color:#fbe0de;border:2px solid #f15142;box-sizing:border-box;color:#f15142;display:flex;font-family:Medikal;font-size:60px;font-weight:700;justify-content:center;position:absolute;transition:background-color .1s,color .1s,border .1s}.face.back,.face.front,.face.left,.face.right{font-size:60px;height:60px;width:100px}.face.bottom,.face.top{font-size:60px;height:100px;width:100px}.cube-container.hover .face{background-color:#f15142;border:2px solid #fbeaea;color:#fbeaea}.front{transform:rotateY(0deg) translateZ(50px)}.back{transform:rotateY(180deg) translateZ(50px)}.right{transform:rotateY(90deg) translateZ(50px)}.left{transform:rotateY(-90deg) translateZ(50px)}.top{transform:rotateX(90deg) translateZ(50px)}.bottom{transform:rotateX(-90deg) translateZ(10px)}