body{margin:0;font-family:Manrope,sans-serif;background-color:#fffffe;color:#000;transition:background-color .3s,color .3s}a{color:#ff8400;text-decoration:none}body.dark-mode{background-color:#121212;color:#fff}header{position:fixed;top:0;left:0;right:0;height:60px;z-index:1000;background-color:rgba(231,231,221,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 20px}header.dark-mode{background-color:rgba(33,33,33,.5)}.header-logo{width:120px;height:32px;background-repeat:no-repeat;background-size:contain;background-position:center;cursor:pointer}.light-mode .header-logo{background-image:url('/assets/img/The InsightRoom-bk.png')!important}.dark-mode .header-logo{background-image:url('/assets/img/The InsightRoom.png')!important}.theme-toggle-container{display:flex;align-items:center}.theme-toggle{position:relative;display:inline-block;width:50px;height:28px}.theme-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#ff8400}input:checked+.toggle-slider:before{transform:translateX(22px)}main{padding-top:calc(var(--header-height) + 30px)}.content-container{max-width:800px;margin:0 auto;padding:0 1rem}.page-title{font-size:2rem;font-weight:700;color:#333;margin:1.5rem 0 1rem 3rem}body.dark-mode .page-title{color:#fff}.markdown-body>:first-child{margin-top:0}.markdown-body,.page-content{max-width:900px;margin:0 auto;padding:3rem}.markdown-body pre{background:#f5f5f5;padding:1rem;overflow-x:auto;border-radius:8px}body.dark-mode .markdown-body pre{background:#1e1e1e}.markdown-body blockquote{margin:1.5rem 0;padding:1rem 1.25rem;background:#fff4e5;border-radius:12px}body.dark-mode .markdown-body blockquote{background:#4a3500}.markdown-body .callout-note,.markdown-body blockquote.note{background:#e5f6fd}body.dark-mode .markdown-body .callout-note,body.dark-mode .markdown-body blockquote.note{background:#1e3a5f}.markdown-body .callout-tip,.markdown-body blockquote.tip{background:#edf7ed}body.dark-mode .markdown-body .callout-tip,body.dark-mode .markdown-body blockquote.tip{background:#1e3d20}.markdown-body .callout-important,.markdown-body blockquote.important{background:#f3e5fd}body.dark-mode .markdown-body .callout-important,body.dark-mode .markdown-body blockquote.important{background:#3d1f47}.markdown-body .callout-warning,.markdown-body blockquote.warning{background:#fff4e5}body.dark-mode .markdown-body .callout-warning,body.dark-mode .markdown-body blockquote.warning{background:#4a3500}.markdown-body .callout-caution,.markdown-body blockquote.caution{background:#fdeded}body.dark-mode .markdown-body .callout-caution,body.dark-mode .markdown-body blockquote.caution{background:#4a1e1e}.markdown-body .alert,.markdown-body .note,.markdown-body .tip{padding:1rem;border-radius:12px;margin:1rem 0;width:100%;box-sizing:border-box}.markdown-body .note{background:#e7f3ff;border-left:4px solid #2196f3}.markdown-body .tip{background:#e6f4ea;border-left:4px solid #4caf50}.markdown-body .alert{background:#fdecea;border-left:4px solid #f44336}body.dark-mode .markdown-body .note{background:#2a3b4c;border-left-color:#64b5f6}body.dark-mode .markdown-body .tip{background:#253b2e;border-left-color:#81c784}body.dark-mode .markdown-body .alert{background:#422525;border-left-color:#ef9a9a}@media (max-width:768px){header{padding:0 15px;height:50px}.header-logo{width:100px;height:26px}.theme-toggle{width:45px;height:25px}.toggle-slider:before{height:17px;width:17px;left:4px;bottom:4px}input:checked+.toggle-slider:before{transform:translateX(20px)}.markdown-body,.page-content{padding:1rem;width:calc(100% - 2rem);max-width:100%;margin-top:3rem;overflow-x:hidden}.page-title{margin-left:1rem;font-size:1.5rem}.markdown-body img{max-width:100%;height:auto}.markdown-body pre{max-width:100%;overflow-x:auto}}