@layer quartz-base{@media (max-width:800px){.page>#quartz-body .sidebar.left:has(.mobile-drawer){box-sizing:border-box;background-color:var(--light);margin:0;padding:1rem 0;position:sticky}.page>#quartz-body .hide-until-loaded~.mobile-drawer-content,.page>#quartz-body .hide-until-loaded~.mobile-drawer-blur{display:none}}.mobile-drawer{flex-direction:column;gap:1.5rem;display:flex}@media (max-width:800px){.mobile-drawer{flex-direction:row;flex-shrink:0;order:-1;align-self:flex-start;gap:0;margin-top:auto;margin-bottom:auto}}.mobile-drawer-toggle{cursor:pointer;color:var(--darkgray);background-color:#0000;border:none;padding:5px;display:none}@media (max-width:800px){.mobile-drawer-toggle{z-index:101;align-items:center;margin:0;display:flex}}.mobile-drawer-content{flex-direction:column;gap:1rem;display:flex}@media (max-width:800px){.mobile-drawer-content{box-sizing:border-box;z-index:100;background-color:var(--light);overscroll-behavior:contain;border-radius:0 15px 15px 0;width:100%;max-width:max(min(320px,70vw),200px);height:100dvh;max-height:100dvh;padding:0 1rem 2rem 2rem;position:absolute;top:0;left:0;overflow:hidden auto}.mobile-drawer-content::-webkit-scrollbar{width:4px}.mobile-drawer-content::-webkit-scrollbar-track{background:0 0}.mobile-drawer-content::-webkit-scrollbar-thumb{background:var(--gray);border-radius:2px}.mobile-drawer-content{visibility:hidden;transition:transform .2s,visibility .2s;transform:translate(-100%)}}.mobile-drawer-blur{pointer-events:none;display:none}@media (max-width:800px){.mobile-drawer-blur{box-sizing:border-box;z-index:99;-webkit-backdrop-filter:blur(5px);background:#ffffff03;width:100%;height:100dvh;max-height:100dvh;transition:opacity .2s;position:absolute;top:0;right:0;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}.mobile-drawer:not(.open)>.mobile-drawer-blur{opacity:0;display:block}.mobile-drawer.open>.mobile-drawer-content{visibility:visible;transform:translate(0)}.mobile-drawer.open>.mobile-drawer-blur{opacity:1;pointer-events:all;display:block}html.mobile-no-scroll{overflow:hidden}}.sidebar-tabs{flex-direction:column;gap:1rem;display:flex}.sidebar-tabs-bar{border-bottom:1px solid var(--lightgray);flex-direction:row;gap:0;display:flex}@media (max-width:800px){.sidebar-tabs-bar{background-color:var(--light);z-index:2;padding-top:1rem;position:sticky;top:0}}.sidebar-tab{color:var(--darkgray);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:.5rem .75rem;font-family:inherit;font-size:.95rem;font-weight:400;transition:color .12s,border-color .12s}.sidebar-tab:hover{color:var(--dark)}.sidebar-tab.active{color:var(--dark);border-bottom-color:var(--secondary);font-weight:600}.sidebar-tabs-panels{flex-direction:column;display:flex}.sidebar-tabs-panel{flex-direction:column;gap:1rem;display:none}.sidebar-tabs-panel.active{display:flex}.sidebar-tabs-panel.tight{gap:0}.sidebar-tabs-panel.tight .tab-intro{margin:0}.sidebar-tabs-panel.tight .explorer-content{margin-top:0}.sidebar-tabs-panel .explorer .explorer-content{max-height:none}@media (max-width:800px){.sidebar-tabs-panel ul.overflow{max-height:none;overflow-y:visible}.sidebar-tabs-panel .explorer:not(.collapsed),.sidebar-tabs-panel .explorer.collapsed{flex:0 auto}.sidebar-tabs-panel .explorer{order:0;align-self:auto;margin-top:0;margin-bottom:0}.sidebar-tabs-panel .explorer button.mobile-explorer,.sidebar-tabs-panel .explorer button.desktop-explorer{display:none}.sidebar-tabs-panel .explorer .explorer-content{visibility:visible;z-index:auto;background-color:#0000;width:auto;max-width:none;height:auto;padding:0;position:static;transform:none}.sidebar-tabs-panel .explorer .explorer-blur{display:none!important}}@media not (max-width:800px){.sidebar.left>.mobile-drawer,.sidebar.left .mobile-drawer-content,.sidebar.left .sidebar-tabs{flex:1 1 0;min-height:0}.sidebar.left .sidebar-tabs-panels{overscroll-behavior:contain;flex:1 1 0;min-height:0;overflow-y:auto}.sidebar.left .sidebar-tabs-panels::-webkit-scrollbar{width:4px}.sidebar.left .sidebar-tabs-panels::-webkit-scrollbar-track{background:0 0}.sidebar.left .sidebar-tabs-panels::-webkit-scrollbar-thumb{background:var(--gray);border-radius:2px}}.tab-intro{margin:0 0 .75rem}.tab-intro .tab-intro-desc{color:var(--darkgray);margin:0 0 .5rem;font-size:.85rem;line-height:1.5}.tab-intro .tab-intro-links{margin:0;padding:0;list-style:none}.tab-intro .tab-intro-links>li{margin:.2rem 0}.tab-intro .tab-intro-links a{color:var(--darkgray);background-color:#0000;align-items:center;gap:.4rem;font-size:.85rem;transition:color .15s;display:inline-flex}.tab-intro .tab-intro-links a:hover{color:var(--dark);text-decoration:underline}.tab-intro .tab-intro-links a .icon{opacity:.8;align-items:center;display:inline-flex}@media (max-width:800px){.page>#quartz-body>:not(.sidebar.left:has(.explorer)){transition:transform .3s ease-in-out}.page>#quartz-body.lock-scroll>:not(.sidebar.left:has(.explorer)){transition:transform .3s ease-in-out;transform:translate(100dvw)}.page>#quartz-body .sidebar.left:has(.explorer){box-sizing:border-box;background-color:var(--light);margin:0;padding:1rem 0;position:sticky}.page>#quartz-body .hide-until-loaded~.explorer-content{display:none}}.explorer{flex-direction:column;flex:0 auto;min-height:1.2rem;display:flex;overflow-y:hidden}.explorer .fold{opacity:.8;margin-left:.5rem;transition:transform .3s}@media (max-width:800px){.explorer{height:initial;flex-shrink:0;order:-1;align-self:flex-start;margin-top:auto;margin-bottom:auto;overflow:hidden}}.explorer button.mobile-explorer{display:none}.explorer button.desktop-explorer{display:flex}@media (max-width:800px){.explorer button.mobile-explorer{display:flex}.explorer button.desktop-explorer{display:none}}@media not (max-width:800px){.explorer.desktop-only{display:flex}}.explorer svg{pointer-events:all;transition:transform .35s}.explorer svg>polyline{pointer-events:none}button.mobile-explorer,button.desktop-explorer{text-align:left;cursor:pointer;color:var(--dark);background-color:#0000;border:none;align-items:center;padding:0;display:flex}button.mobile-explorer h2,button.desktop-explorer h2{margin:0;font-size:1rem;display:inline-block}.explorer-content{margin-top:.5rem;list-style:none;overflow:hidden auto}.explorer-content ul{margin:0;padding:0;list-style:none}.explorer-content ul.explorer-ul{overscroll-behavior:contain}.explorer-content ul li>a{color:var(--dark);opacity:.75;pointer-events:all}.explorer-content ul li>a.active{opacity:1;color:var(--tertiary)}.explorer-content .folder-outer{visibility:collapse;grid-template-rows:0fr;transition-property:grid-template-rows,visibility;transition-duration:.3s;transition-timing-function:ease-in-out;display:grid}.explorer-content .folder-outer.open{visibility:visible;grid-template-rows:1fr}.explorer-content .folder-outer>ul{border-left:1px solid var(--lightgray);margin-left:6px;padding-left:.8rem;overflow:hidden}.folder-container{-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;display:flex}.folder-container div>a{color:var(--secondary);font-family:var(--headerFont);font-size:.95rem;font-weight:600;line-height:1.5rem;display:inline-block}.folder-container div>a:hover{color:var(--tertiary)}.folder-container div>button{color:var(--dark);text-align:left;cursor:pointer;font-family:var(--headerFont);background-color:#0000;border:none;align-items:center;padding-left:0;padding-right:0;display:flex}.folder-container div>button span{color:var(--secondary);pointer-events:none;margin:0;font-size:.95rem;font-weight:600;line-height:1.5rem;display:inline-block}.folder-icon{color:var(--secondary);cursor:pointer;backface-visibility:visible;flex-shrink:0;margin-right:5px;transition:transform .3s}li:has(>.folder-outer:not(.open))>.folder-container>svg{transform:rotate(-90deg)}.folder-icon:hover{color:var(--tertiary)}@media (max-width:800px){.explorer.collapsed{flex:0 0 34px}.explorer.collapsed>.explorer-content{visibility:hidden;transform:translate(-100vw)}.explorer:not(.collapsed){flex:0 0 34px}.explorer:not(.collapsed)>.explorer-content{visibility:visible;transform:translate(0)}.explorer .explorer-content{box-sizing:border-box;z-index:100;background-color:var(--light);visibility:hidden;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin-top:0;padding:4rem 0 2rem;transition:transform .2s,visibility .2s;position:absolute;top:0;left:0;overflow:hidden;transform:translate(-100vw)}.explorer .mobile-explorer{z-index:101;margin:0;padding:5px}.explorer .mobile-explorer .lucide-menu{stroke:var(--darkgray)}.mobile-no-scroll .explorer-content>.explorer-ul{overscroll-behavior:contain}}.folder-container[data-folderpath="tech/dev-notes/index"],.folder-container[data-folderpath="tech/game-marketing/index"]{margin-top:1.6em;position:relative}.folder-container[data-folderpath="tech/dev-notes/index"][data-folderpath="tech/dev-notes/index"]:before,.folder-container[data-folderpath="tech/game-marketing/index"][data-folderpath="tech/dev-notes/index"]:before{content:"Dev Posts"}.folder-container[data-folderpath="tech/dev-notes/index"][data-folderpath="tech/game-marketing/index"]:before,.folder-container[data-folderpath="tech/game-marketing/index"][data-folderpath="tech/game-marketing/index"]:before{content:"Game"}.folder-container[data-folderpath="tech/dev-notes/index"]:before,.folder-container[data-folderpath="tech/game-marketing/index"]:before{opacity:.4;letter-spacing:.05em;text-transform:uppercase;color:var(--darkgray);background:#8080804d;border-radius:3px;padding:.3em .5em;font-size:.55rem;font-weight:600;line-height:1.2;position:absolute;top:-2em;left:0}.folder-title-length{opacity:.7;font-size:.65rem;font-weight:500}ul.explorer-ul{display:flow-root}ul.explorer-ul .folder-container a{line-height:1.1}ul.explorer-ul li:has(>a){line-height:1.1}ul.explorer-ul li:has(>a){margin:.3em 0}ul.explorer-ul li>a{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:400;display:block;overflow:hidden}.folder-container>div>a,.folder-container>div>button>span{font-size:.9rem!important;font-weight:500!important}.explorer.collapsed{flex:0 auto}.explorer.collapsed .fold{transform:none}.explorer button.title-button{pointer-events:none}.explorer button.title-button>svg{display:none}.explorer-blur{pointer-events:none;display:none}@media (max-width:800px){.explorer.collapsed>.explorer-blur{opacity:0;display:block}.explorer:not(.collapsed)>.explorer-blur{opacity:1;pointer-events:all;display:block}.explorer .explorer-content{border-radius:0 15px 15px 0;width:100%;max-width:max(min(320px,70vw),200px)}.explorer .explorer-blur{box-sizing:border-box;z-index:99;-webkit-backdrop-filter:blur(5px);background:#ffffff03;width:100%;height:100dvh;max-height:100dvh;margin-top:0;transition:opacity .2s;position:absolute;top:0;right:0;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}.page>#quartz-body .hide-until-loaded~.explorer-blur{display:none}}html:has(.no-scroll){overflow:auto!important}.category-posts+.category-posts{border-top:1px solid var(--lightgray);padding-top:1rem}.category-posts>h3{align-items:center;gap:.4rem;margin:.5rem 0 0;font-size:1rem;display:flex}.category-posts .category-icon{align-items:center;width:1em;height:1em;display:inline-flex;transform:translateY(-1px)}.category-posts .category-icon>svg{width:100%;height:100%}.category-posts .category-icon>svg:not([fill]){fill:currentColor}.category-posts>ul.category-ul{margin-top:1rem;padding-left:0;list-style:none}.category-posts>ul.category-ul>li{cursor:pointer;margin:.6rem 0}.category-posts>ul.category-ul>li:hover .section>.desc>h3>a{text-decoration:underline}.category-posts>ul.category-ul>li .section>.desc>h3{font-size:.96rem;font-weight:500!important}.category-posts>ul.category-ul>li .section>.desc>h3>a{color:var(--darkgray);background-color:#0000}.category-posts>ul.category-ul>li .section>.meta{opacity:.6;margin:0 0 .25rem;font-size:.7em;line-height:1.3rem}.category-posts>ul.category-ul>li .section>.tags{gap:.1rem;font-size:.72rem;font-weight:400}.category-posts>.more-link{opacity:.75;margin:.5rem 0 0;font-size:.85rem}}