.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:white}.App-link{color:#61dafb}.heart{color:#ff0000}.small{font-size:.75rem}body{font-family:Arial,sans-serif;background-color:#f9f9f9}.App{display:flex;min-height:100vh}.sidebar{width:240px;background-color:#fff;padding:2px}.sidebar h2{font-size:20px;margin-bottom:15px}.sidebar a{display:block;color:black;text-decoration:none;margin-bottom:10px}.sidebar a:hover{text-decoration:underline}.content{flex:1;padding:40px}.content h1{font-size:28px;margin-bottom:10px}.content p{font-size:16px;line-height:1.6}.content pre{background:#272822;color:#f8f8f2;padding:16px;overflow-x:auto;border-radius:5px;margin-bottom:20px}.content code{font-family:Consolas,monospace;background:#f1f1f1;padding:2px 4px;border-radius:4px}@media (max-width:768px){.App{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #ddd}}.app-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.sidebar{background-color:#f8f9fa}.sidebar h2{font-size:1.2rem;color:#444}.sidebar ul li a{color:#007bff;transition:color .2s ease}.sidebar ul li a:hover{color:#0056b3;text-decoration:underline}.markdown-section{line-height:1.8;max-width:800px}.markdown-section h1,.markdown-section h2,.markdown-section h3{margin-top:2rem;margin-bottom:1rem;font-weight:600;color:#1a202c}.markdown-section h1{font-size:2rem;border-bottom:2px solid #eee;padding-bottom:.5rem}.markdown-section h2{font-size:1.6rem;border-bottom:1px solid #eee;padding-bottom:.3rem}.markdown-section h3{font-size:1.3rem}.markdown-section p{margin-bottom:1rem;font-size:1rem;color:#444}.markdown-section ul{margin-bottom:1rem}.markdown-section li{margin-bottom:.5rem}.markdown-section code{background:#f4f4f4;padding:.2rem .4rem}.cm-theme-light{border:1px solid #ddd;border-radius:6px;margin:1.5rem 0;box-shadow:0 2px 8px rgba(0,0,0,.05);font-size:.95rem}.app-layout{display:flex;flex-direction:row;min-height:100vh}.sidebar-left{width:250px;background:#f8f9fa;padding:1rem;border-right:1px solid #ddd;overflow-y:auto}.main-content{flex:1;padding:2rem;overflow-y:auto}.sidebar-right{width:300px;padding:1rem;border-left:1px solid #ddd;background:#fafafa;position:sticky;top:0;height:100vh}.google-ad{width:100%;height:auto;background:#fff;padding:1rem;text-align:center;border:1px solid #ccc}.topic-page{font-family:Segoe UI,sans-serif;color:#2c3e50;padding:1rem}.topic-title{font-size:2rem;margin-bottom:.5rem;color:#1a73e8}.topic-subject{margin-bottom:1.5rem;color:#555}.markdown-section{margin-bottom:1.5rem;line-height:1.6}.markdown-section h1,.markdown-section h2,.markdown-section h3{margin-top:1rem;color:#333}.markdown-section ul{padding-left:1.5rem}.markdown-section code{background-color:#f3f3f3;padding:2px 4px;border-radius:4px;font-family:monospace;color:#c7254e}.code-section{margin:1rem 0}.markdown-section table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.95rem}.markdown-section td,.markdown-section th{border:1px solid #ccc;padding:8px 12px;text-align:left}.markdown-section th{background-color:#f2f2f2;color:#333}.sidebar{border-right:1px solid #ddd;background-color:#f9f9f9;height:100vh}.sidebar h2{margin-bottom:1rem;font-size:1.3rem;color:#333}.sidebar-list{list-style:none;padding-left:0;margin:0}.sidebar-list>li{margin-bottom:.75rem}.group-title{font-weight:700;color:#444;margin-bottom:.25rem}.sub-list{list-style:none;padding-left:1rem;margin-top:.25rem;border-left:2px solid #ddd}.sidebar-link{text-decoration:none;color:#007bff;font-size:15px}.sidebar-link:hover{text-decoration:underline}#root,.app-container,body,html{height:100%}.sidebar{background:#f5f5f5;box-sizing:border-box;overflow-y:auto}.content{background:#fff;overflow-y:auto}@media (max-width:768px){.app-container{flex-direction:column}.sidebar{width:100%;border-bottom:1px solid #ccc;background-color:#f5f5f5}.sidebar h2{text-align:center}.sidebar-list{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;padding:0;margin:0;list-style:none;gap:.5rem;scrollbar-width:thin}.sidebar-list::-webkit-scrollbar{height:4px}.sidebar-list::-webkit-scrollbar-thumb{background:#999;border-radius:10px}.sidebar-link{flex:0 0 auto;padding:.5rem 1rem;text-decoration:none;background-color:#e0e0e0;border-radius:4px;white-space:nowrap}.sub-list{display:none}}.sidebar-list::-webkit-scrollbar{display:none}.sidebar-list{-ms-overflow-style:none;scrollbar-width:none}.app-container{flex-direction:row}.sidebar{width:250px;background-color:#f5f5f5;padding:1rem}.content{padding:1rem;background-color:#fff;min-height:100vh}@media (max-width:768px){.app-container{flex-direction:column}.sidebar{width:100%;padding:.5rem;background-color:#f5f5f5;border-bottom:1px solid #ccc}.sidebar h2{text-align:center;margin:.5rem 0}.sidebar-list{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;list-style:none;padding:0;margin:0;gap:.5rem}.sidebar-link{flex:0 0 auto;padding:.5rem 1rem;text-decoration:none;background-color:#e0e0e0;border-radius:4px;white-space:nowrap}.content{padding:1rem;min-height:calc(100vh - 100px)}.sub-list{display:none}}.app-container{min-height:100vh;display:flex;background-color:#ffffff}.content{padding:2rem;background-color:#fefefe;flex-grow:1}@media (max-width:768px){.sidebar{display:none}.main-content{width:100%}}