.module-demo {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}
.code-block {
    margin: 25px 0;
    position: relative;
}
.module-architecture {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
    background: white;
}
.module-box {
    padding: 15px;
    margin: 10px;
    border-radius: 6px;
    text-align: center;
}
.app-module { background: #e3f2fd; border: 2px solid #2196f3; }
.feature-module { background: #f3e5f5; border: 2px solid #9c27b0; }
.shared-module { background: #e8f5e9; border: 2px solid #4caf50; }
.core-module { background: #fff3e0; border: 2px solid #ff9800; }
.routing-module { background: #fce4ec; border: 2px solid #e91e63; }
.note-box {
    background: #e7f3ff;
    border-left: 4px solid #2196f3;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
}
.warning-box {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
}
.success-box {
    background: #d4edda;
    border-left: 4px solid #28a745;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
}
.tree-diagram {
    background: #2d2d2d;
    color: white;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
    font-family: 'Consolas', monospace;
}